@hero-design/rn 7.22.3 → 7.24.0

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

@@ -112,34 +112,6 @@ exports[`Label renders correctly with themeVariant filled 1`] = `
 </Text>
 `;
 
-exports[`Label renders correctly with themeVariant focused 1`] = `
-<Text
-  style={
-    Array [
-      Object {
-        "color": "#001f23",
-        "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
-      },
-      Array [
-        Object {
-          "color": "#001f23",
-        },
-        undefined,
-      ],
-    ]
-  }
-  themeFontSize="medium"
-  themeFontWeight="regular"
-  themeIntent="body"
-  themeVariant="focused"
->
-  Label
-</Text>
-`;
-
 exports[`Label renders correctly with themeVariant readonly 1`] = `
 <Text
   style={
@@ -315,38 +287,6 @@ exports[`LabelInsideTextInput renders correctly with themeVariant filled 1`] = `
 </Text>
 `;
 
-exports[`LabelInsideTextInput renders correctly with themeVariant focused 1`] = `
-<Text
-  style={
-    Array [
-      Object {
-        "color": "#001f23",
-        "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
-      },
-      Array [
-        Object {
-          "alignContent": "center",
-          "alignItems": "center",
-          "color": "#001f23",
-          "fontSize": 14,
-          "textAlignVertical": "center",
-        },
-        undefined,
-      ],
-    ]
-  }
-  themeFontSize="medium"
-  themeFontWeight="regular"
-  themeIntent="body"
-  themeVariant="focused"
->
-  Label
-</Text>
-`;
-
 exports[`LabelInsideTextInput renders correctly with themeVariant readonly 1`] = `
 <Text
   style={
@@ -491,7 +431,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant filled 1`] = `
 </Text>
 `;
 
-exports[`StyledAsteriskLabel renders correctly with themeVariant focused 1`] = `
+exports[`StyledAsteriskLabel renders correctly with themeVariant readonly 1`] = `
 <Text
   style={
     Array [
@@ -504,7 +444,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant focused 1`] = `
       },
       Array [
         Object {
-          "color": "#f46363",
+          "color": "#808f91",
         },
         undefined,
       ],
@@ -513,41 +453,35 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant focused 1`] = `
   themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
-  themeVariant="focused"
+  themeVariant="readonly"
 >
   *
 </Text>
 `;
 
-exports[`StyledAsteriskLabel renders correctly with themeVariant readonly 1`] = `
-<Text
+exports[`StyledBorderBackDrop renders correctly when focused 1`] = `
+<View
   style={
     Array [
       Object {
-        "color": "#001f23",
-        "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
+        "borderColor": "#f46363",
+        "borderRadius": 8,
+        "borderWidth": 2,
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
       },
-      Array [
-        Object {
-          "color": "#808f91",
-        },
-        undefined,
-      ],
+      undefined,
     ]
   }
-  themeFontSize="medium"
-  themeFontWeight="regular"
-  themeIntent="body"
-  themeVariant="readonly"
->
-  *
-</Text>
+  themeFocused={true}
+  themeVariant="error"
+/>
 `;
 
-exports[`StyledContainer renders correctly with themeVariant default 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant default 1`] = `
 <View
   style={
     Array [
@@ -555,17 +489,21 @@ exports[`StyledContainer renders correctly with themeVariant default 1`] = `
         "borderColor": "#001f23",
         "borderRadius": 8,
         "borderWidth": 1,
-        "marginVertical": 8,
-        "width": "100%",
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
       },
       undefined,
     ]
   }
+  themeFocused={false}
   themeVariant="default"
 />
 `;
 
-exports[`StyledContainer renders correctly with themeVariant disabled 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant disabled 1`] = `
 <View
   style={
     Array [
@@ -573,17 +511,21 @@ exports[`StyledContainer renders correctly with themeVariant disabled 1`] = `
         "borderColor": "#bfc1c5",
         "borderRadius": 8,
         "borderWidth": 1,
-        "marginVertical": 8,
-        "width": "100%",
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
       },
       undefined,
     ]
   }
+  themeFocused={false}
   themeVariant="disabled"
 />
 `;
 
-exports[`StyledContainer renders correctly with themeVariant error 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant error 1`] = `
 <View
   style={
     Array [
@@ -591,17 +533,21 @@ exports[`StyledContainer renders correctly with themeVariant error 1`] = `
         "borderColor": "#f46363",
         "borderRadius": 8,
         "borderWidth": 1,
-        "marginVertical": 8,
-        "width": "100%",
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
       },
       undefined,
     ]
   }
+  themeFocused={false}
   themeVariant="error"
 />
 `;
 
-exports[`StyledContainer renders correctly with themeVariant filled 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant filled 1`] = `
 <View
   style={
     Array [
@@ -609,35 +555,21 @@ exports[`StyledContainer renders correctly with themeVariant filled 1`] = `
         "borderColor": "#001f23",
         "borderRadius": 8,
         "borderWidth": 1,
-        "marginVertical": 8,
-        "width": "100%",
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
       },
       undefined,
     ]
   }
+  themeFocused={false}
   themeVariant="filled"
 />
 `;
 
-exports[`StyledContainer renders correctly with themeVariant focused 1`] = `
-<View
-  style={
-    Array [
-      Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 2,
-        "marginVertical": 8,
-        "width": "100%",
-      },
-      undefined,
-    ]
-  }
-  themeVariant="focused"
-/>
-`;
-
-exports[`StyledContainer renders correctly with themeVariant readonly 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant readonly 1`] = `
 <View
   style={
     Array [
@@ -645,12 +577,16 @@ exports[`StyledContainer renders correctly with themeVariant readonly 1`] = `
         "borderColor": "#808f91",
         "borderRadius": 8,
         "borderWidth": 1,
-        "marginVertical": 8,
-        "width": "100%",
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
       },
       undefined,
     ]
   }
+  themeFocused={false}
   themeVariant="readonly"
 />
 `;
@@ -870,40 +806,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant filled 1`] =
 </Text>
 `;
 
-exports[`StyledMaxLengthMessage renders correctly with themeVariant focused 1`] = `
-<Text
-  style={
-    Array [
-      Object {
-        "color": "#001f23",
-        "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
-      },
-      Array [
-        Object {
-          "alignSelf": "flex-end",
-          "color": "#001f23",
-          "flex": 1,
-          "flexGrow": 1,
-          "fontSize": 12,
-          "marginRight": 4,
-          "textAlign": "right",
-        },
-        undefined,
-      ],
-    ]
-  }
-  themeFontSize="medium"
-  themeFontWeight="regular"
-  themeIntent="body"
-  themeVariant="focused"
->
-  100/255
-</Text>
-`;
-
 exports[`StyledMaxLengthMessage renders correctly with themeVariant readonly 1`] = `
 <Text
   style={