@hero-design/rn 7.10.2-rc.0 → 7.11.2

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

@@ -174,47 +174,57 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
   >
-    <Text
+    <View
       style={
         Array [
           Object {
-            "color": "#292a2b",
-            "fontFamily": "BeVietnamPro-Regular",
-            "fontSize": 12,
-            "letterSpacing": 0.36,
-            "lineHeight": 20,
+            "flexDirection": "row",
+            "justifyContent": "space-between",
           },
+          undefined,
+        ]
+      }
+    >
+      <Text
+        style={
           Array [
             Object {
-              "alignSelf": "flex-end",
               "color": "#292a2b",
-              "flex": 1,
-              "flexGrow": 1,
+              "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
-              "marginRight": 4,
-              "textAlign": "right",
+              "letterSpacing": 0.36,
+              "lineHeight": 20,
             },
-            undefined,
-          ],
-        ]
-      }
-      themeFontSize="small"
-      themeFontWeight="regular"
-      themeIntent="body"
-      themeVariant="filled"
-    >
-      4
-      /
-      255
-    </Text>
+            Array [
+              Object {
+                "alignSelf": "flex-end",
+                "color": "#292a2b",
+                "flex": 1,
+                "flexGrow": 1,
+                "fontSize": 12,
+                "marginRight": 4,
+                "textAlign": "right",
+              },
+              undefined,
+            ],
+          ]
+        }
+        themeFontSize="small"
+        themeFontWeight="regular"
+        themeIntent="body"
+        themeVariant="filled"
+      >
+        4
+        /
+        255
+      </Text>
+    </View>
     <Text
       style={
         Array [
@@ -228,7 +238,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
           Array [
             Object {
               "fontSize": 12,
-              "marginLeft": 4,
             },
             undefined,
           ],
@@ -419,47 +428,57 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
   >
-    <Text
+    <View
       style={
         Array [
           Object {
-            "color": "#292a2b",
-            "fontFamily": "BeVietnamPro-Regular",
-            "fontSize": 12,
-            "letterSpacing": 0.36,
-            "lineHeight": 20,
+            "flexDirection": "row",
+            "justifyContent": "space-between",
           },
+          undefined,
+        ]
+      }
+    >
+      <Text
+        style={
           Array [
             Object {
-              "alignSelf": "flex-end",
               "color": "#292a2b",
-              "flex": 1,
-              "flexGrow": 1,
+              "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
-              "marginRight": 4,
-              "textAlign": "right",
+              "letterSpacing": 0.36,
+              "lineHeight": 20,
             },
-            undefined,
-          ],
-        ]
-      }
-      themeFontSize="small"
-      themeFontWeight="regular"
-      themeIntent="body"
-      themeVariant="filled"
-    >
-      4
-      /
-      255
-    </Text>
+            Array [
+              Object {
+                "alignSelf": "flex-end",
+                "color": "#292a2b",
+                "flex": 1,
+                "flexGrow": 1,
+                "fontSize": 12,
+                "marginRight": 4,
+                "textAlign": "right",
+              },
+              undefined,
+            ],
+          ]
+        }
+        themeFontSize="small"
+        themeFontWeight="regular"
+        themeIntent="body"
+        themeVariant="filled"
+      >
+        4
+        /
+        255
+      </Text>
+    </View>
     <Text
       style={
         Array [
@@ -473,7 +492,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
           Array [
             Object {
               "fontSize": 12,
-              "marginLeft": 4,
             },
             undefined,
           ],
@@ -648,14 +666,24 @@ exports[`TextInput disabled renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
-  />
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+            "justifyContent": "space-between",
+          },
+          undefined,
+        ]
+      }
+    />
+  </View>
 </View>
 `;
 
@@ -837,9 +865,7 @@ exports[`TextInput error renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
@@ -849,59 +875,70 @@ exports[`TextInput error renders correctly 1`] = `
       style={
         Array [
           Object {
-            "alignItems": "center",
-            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 4,
-            "marginLeft": 16,
-            "marginRight": 4,
+            "justifyContent": "space-between",
           },
           undefined,
         ]
       }
     >
-      <HeroIcon
-        name="circle-info"
+      <View
         style={
           Array [
             Object {
-              "color": "#de350b",
-              "fontSize": 16,
+              "alignItems": "center",
+              "flex": 1,
+              "flexDirection": "row",
+              "flexGrow": 4,
+              "marginRight": 4,
             },
             undefined,
           ]
         }
-        testID="input-error-icon"
-        themeIntent="danger"
-        themeSize="xsmall"
-      />
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#292a2b",
-              "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
-            },
+      >
+        <HeroIcon
+          name="circle-info"
+          style={
             Array [
               Object {
                 "color": "#de350b",
-                "fontSize": 12,
-                "marginLeft": 4,
+                "fontSize": 16,
               },
               undefined,
-            ],
-          ]
-        }
-        testID="input-error-message"
-        themeFontSize="medium"
-        themeFontWeight="regular"
-        themeIntent="body"
-      >
-        This field is required
-      </Text>
+            ]
+          }
+          testID="input-error-icon"
+          themeIntent="danger"
+          themeSize="xsmall"
+        />
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#292a2b",
+                "fontFamily": "BeVietnamPro-Regular",
+                "fontSize": 14,
+                "letterSpacing": 0.42,
+                "lineHeight": 22,
+              },
+              Array [
+                Object {
+                  "color": "#de350b",
+                  "fontSize": 12,
+                  "marginLeft": 4,
+                },
+                undefined,
+              ],
+            ]
+          }
+          testID="input-error-message"
+          themeFontSize="medium"
+          themeFontWeight="regular"
+          themeIntent="body"
+        >
+          This field is required
+        </Text>
+      </View>
     </View>
   </View>
 </View>
@@ -1070,14 +1107,24 @@ exports[`TextInput filled renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
-  />
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+            "justifyContent": "space-between",
+          },
+          undefined,
+        ]
+      }
+    />
+  </View>
 </View>
 `;
 
@@ -1259,14 +1306,23 @@ exports[`TextInput helper text renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+            "justifyContent": "space-between",
+          },
+          undefined,
+        ]
+      }
+    />
     <Text
       style={
         Array [
@@ -1280,7 +1336,6 @@ exports[`TextInput helper text renders correctly 1`] = `
           Array [
             Object {
               "fontSize": 12,
-              "marginLeft": 4,
             },
             undefined,
           ],
@@ -1464,14 +1519,24 @@ exports[`TextInput idle renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
-  />
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+            "justifyContent": "space-between",
+          },
+          undefined,
+        ]
+      }
+    />
+  </View>
 </View>
 `;
 
@@ -1668,14 +1733,24 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
-  />
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+            "justifyContent": "space-between",
+          },
+          undefined,
+        ]
+      }
+    />
+  </View>
 </View>
 `;
 
@@ -1839,9 +1914,7 @@ exports[`TextInput max length renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
@@ -1851,93 +1924,104 @@ exports[`TextInput max length renders correctly 1`] = `
       style={
         Array [
           Object {
-            "alignItems": "center",
-            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 4,
-            "marginLeft": 16,
-            "marginRight": 4,
+            "justifyContent": "space-between",
           },
           undefined,
         ]
       }
     >
-      <HeroIcon
-        name="circle-info"
+      <View
         style={
           Array [
             Object {
-              "color": "#de350b",
-              "fontSize": 16,
+              "alignItems": "center",
+              "flex": 1,
+              "flexDirection": "row",
+              "flexGrow": 4,
+              "marginRight": 4,
             },
             undefined,
           ]
         }
-        testID="input-error-icon"
-        themeIntent="danger"
-        themeSize="xsmall"
-      />
+      >
+        <HeroIcon
+          name="circle-info"
+          style={
+            Array [
+              Object {
+                "color": "#de350b",
+                "fontSize": 16,
+              },
+              undefined,
+            ]
+          }
+          testID="input-error-icon"
+          themeIntent="danger"
+          themeSize="xsmall"
+        />
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#292a2b",
+                "fontFamily": "BeVietnamPro-Regular",
+                "fontSize": 14,
+                "letterSpacing": 0.42,
+                "lineHeight": 22,
+              },
+              Array [
+                Object {
+                  "color": "#de350b",
+                  "fontSize": 12,
+                  "marginLeft": 4,
+                },
+                undefined,
+              ],
+            ]
+          }
+          testID="input-error-message"
+          themeFontSize="medium"
+          themeFontWeight="regular"
+          themeIntent="body"
+        >
+          must not exceed character limit
+        </Text>
+      </View>
       <Text
         style={
           Array [
             Object {
               "color": "#292a2b",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.36,
+              "lineHeight": 20,
             },
             Array [
               Object {
+                "alignSelf": "flex-end",
                 "color": "#de350b",
+                "flex": 1,
+                "flexGrow": 1,
                 "fontSize": 12,
-                "marginLeft": 4,
+                "marginRight": 4,
+                "textAlign": "right",
               },
               undefined,
             ],
           ]
         }
-        testID="input-error-message"
-        themeFontSize="medium"
+        themeFontSize="small"
         themeFontWeight="regular"
         themeIntent="body"
+        themeVariant="error"
       >
-        must not exceed character limit
+        18
+        /
+        255
       </Text>
     </View>
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "#292a2b",
-            "fontFamily": "BeVietnamPro-Regular",
-            "fontSize": 12,
-            "letterSpacing": 0.36,
-            "lineHeight": 20,
-          },
-          Array [
-            Object {
-              "alignSelf": "flex-end",
-              "color": "#de350b",
-              "flex": 1,
-              "flexGrow": 1,
-              "fontSize": 12,
-              "marginRight": 4,
-              "textAlign": "right",
-            },
-            undefined,
-          ],
-        ]
-      }
-      themeFontSize="small"
-      themeFontWeight="regular"
-      themeIntent="body"
-      themeVariant="error"
-    >
-      18
-      /
-      255
-    </Text>
   </View>
 </View>
 `;
@@ -2120,14 +2204,23 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+            "justifyContent": "space-between",
+          },
+          undefined,
+        ]
+      }
+    />
     <Text
       style={
         Array [
@@ -2141,7 +2234,6 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
           Array [
             Object {
               "fontSize": 12,
-              "marginLeft": 4,
             },
             undefined,
           ],
@@ -2345,14 +2437,24 @@ exports[`TextInput readonly renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
-  />
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+            "justifyContent": "space-between",
+          },
+          undefined,
+        ]
+      }
+    />
+  </View>
 </View>
 `;
 
@@ -2549,13 +2651,23 @@ exports[`TextInput required renders correctly 1`] = `
     style={
       Array [
         Object {
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "space-between",
+          "paddingLeft": 16,
         },
         undefined,
       ]
     }
-  />
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+            "justifyContent": "space-between",
+          },
+          undefined,
+        ]
+      }
+    />
+  </View>
 </View>
 `;