@hero-design/rn 7.23.0 → 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,34 +431,6 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant filled 1`] = `
 </Text>
 `;
 
-exports[`StyledAsteriskLabel 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": "#f46363",
-        },
-        undefined,
-      ],
-    ]
-  }
-  themeFontSize="medium"
-  themeFontWeight="regular"
-  themeIntent="body"
-  themeVariant="focused"
->
-  *
-</Text>
-`;
-
 exports[`StyledAsteriskLabel renders correctly with themeVariant readonly 1`] = `
 <Text
   style={
@@ -547,14 +459,14 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant readonly 1`] =
 </Text>
 `;
 
-exports[`StyledBorderBackDrop renders correctly with themeVariant default 1`] = `
+exports[`StyledBorderBackDrop renders correctly when focused 1`] = `
 <View
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
+        "borderColor": "#f46363",
         "borderRadius": 8,
-        "borderWidth": 1,
+        "borderWidth": 2,
         "bottom": 0,
         "left": 0,
         "position": "absolute",
@@ -564,16 +476,17 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant default 1`] =
       undefined,
     ]
   }
-  themeVariant="default"
+  themeFocused={true}
+  themeVariant="error"
 />
 `;
 
-exports[`StyledBorderBackDrop renders correctly with themeVariant disabled 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant default 1`] = `
 <View
   style={
     Array [
       Object {
-        "borderColor": "#bfc1c5",
+        "borderColor": "#001f23",
         "borderRadius": 8,
         "borderWidth": 1,
         "bottom": 0,
@@ -585,16 +498,17 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant disabled 1`] =
       undefined,
     ]
   }
-  themeVariant="disabled"
+  themeFocused={false}
+  themeVariant="default"
 />
 `;
 
-exports[`StyledBorderBackDrop renders correctly with themeVariant error 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant disabled 1`] = `
 <View
   style={
     Array [
       Object {
-        "borderColor": "#f46363",
+        "borderColor": "#bfc1c5",
         "borderRadius": 8,
         "borderWidth": 1,
         "bottom": 0,
@@ -606,16 +520,17 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant error 1`] = `
       undefined,
     ]
   }
-  themeVariant="error"
+  themeFocused={false}
+  themeVariant="disabled"
 />
 `;
 
-exports[`StyledBorderBackDrop renders correctly with themeVariant filled 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant error 1`] = `
 <View
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
+        "borderColor": "#f46363",
         "borderRadius": 8,
         "borderWidth": 1,
         "bottom": 0,
@@ -627,18 +542,19 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant filled 1`] = `
       undefined,
     ]
   }
-  themeVariant="filled"
+  themeFocused={false}
+  themeVariant="error"
 />
 `;
 
-exports[`StyledBorderBackDrop renders correctly with themeVariant focused 1`] = `
+exports[`StyledBorderBackDrop renders correctly with themeVariant filled 1`] = `
 <View
   style={
     Array [
       Object {
         "borderColor": "#001f23",
         "borderRadius": 8,
-        "borderWidth": 2,
+        "borderWidth": 1,
         "bottom": 0,
         "left": 0,
         "position": "absolute",
@@ -648,7 +564,8 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant focused 1`] =
       undefined,
     ]
   }
-  themeVariant="focused"
+  themeFocused={false}
+  themeVariant="filled"
 />
 `;
 
@@ -669,6 +586,7 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant readonly 1`] =
       undefined,
     ]
   }
+  themeFocused={false}
   themeVariant="readonly"
 />
 `;
@@ -888,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={

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

@@ -41,6 +41,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="filled"
     />
     <View
@@ -295,6 +296,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="filled"
     />
     <View
@@ -551,6 +553,7 @@ exports[`TextInput disabled renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="disabled"
     />
     <View
@@ -731,6 +734,7 @@ exports[`TextInput error renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="error"
     />
     <HeroIcon
@@ -989,6 +993,7 @@ exports[`TextInput filled renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="filled"
     />
     <View
@@ -1174,6 +1179,7 @@ exports[`TextInput helper text renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="default"
     />
     <HeroIcon
@@ -1401,6 +1407,7 @@ exports[`TextInput idle renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="default"
     />
     <HeroIcon
@@ -1590,6 +1597,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="default"
     />
     <HeroIcon
@@ -1805,6 +1813,7 @@ exports[`TextInput loading renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="readonly"
     />
     <View
@@ -1962,6 +1971,7 @@ exports[`TextInput max length renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="error"
     />
     <View
@@ -2235,6 +2245,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="default"
     />
     <HeroIcon
@@ -2459,6 +2470,7 @@ exports[`TextInput readonly renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="readonly"
     />
     <View
@@ -2669,6 +2681,7 @@ exports[`TextInput required renders correctly 1`] = `
           undefined,
         ]
       }
+      themeFocused={false}
       themeVariant="default"
     />
     <HeroIcon