npm - @hero-design/rn - Versions diffs - 8.38.0 → 8.39.1 - Mend

@hero-design/rn 8.38.0 → 8.39.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

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

@@ -4,19 +4,19 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
-      Object {},
+      {},
     ]
   }
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -29,8 +29,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -40,8 +40,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#f6f6f7",
             },
             undefined,
@@ -55,8 +55,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -65,7 +65,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#f6f6f7",
           },
         ]
@@ -75,16 +75,16 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#cb300a",
                 "lineHeight": 12,
               },
@@ -101,20 +101,20 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#f6f6f7",
               },
             ],
@@ -131,8 +131,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -145,8 +145,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -159,7 +159,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -172,8 +172,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -184,7 +184,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#f6f6f7",
               "color": "#001f23",
             },
@@ -198,8 +198,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -210,8 +210,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -222,8 +222,8 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
@@ -241,16 +241,16 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "alignSelf": "flex-end",
                 "color": "#001f23",
                 "flex": 1,
@@ -279,8 +279,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -290,8 +290,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -304,8 +304,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -315,8 +315,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -330,8 +330,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -340,7 +340,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -350,16 +350,16 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#cb300a",
                 "lineHeight": 12,
               },
@@ -376,20 +376,20 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -406,8 +406,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -420,8 +420,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -434,7 +434,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -447,8 +447,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -459,7 +459,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -472,8 +472,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -484,8 +484,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -496,8 +496,8 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
@@ -515,16 +515,16 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "alignSelf": "flex-end",
                 "color": "#001f23",
                 "flex": 1,
@@ -553,8 +553,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -564,8 +564,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -578,8 +578,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -589,8 +589,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -604,8 +604,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -614,7 +614,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -624,16 +624,16 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#cb300a",
                 "lineHeight": 12,
               },
@@ -650,20 +650,20 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -680,8 +680,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -694,8 +694,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -708,7 +708,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -721,8 +721,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -733,7 +733,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -747,8 +747,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -759,8 +759,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -771,8 +771,8 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
@@ -790,16 +790,16 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "alignSelf": "flex-end",
                 "color": "#001f23",
                 "flex": 1,
@@ -828,8 +828,8 @@ exports[`TextInput disabled renders correctly 1`] = `
 <View
   pointerEvents="none"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -840,8 +840,8 @@ exports[`TextInput disabled renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -854,8 +854,8 @@ exports[`TextInput disabled renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#bfc1c5",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -865,8 +865,8 @@ exports[`TextInput disabled renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -880,8 +880,8 @@ exports[`TextInput disabled renders correctly 1`] = `
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -890,7 +890,7 @@ exports[`TextInput disabled renders correctly 1`] = `
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -900,16 +900,16 @@ exports[`TextInput disabled renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#bfc1c5",
                 "lineHeight": 12,
               },
@@ -926,20 +926,20 @@ exports[`TextInput disabled renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#bfc1c5",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -955,8 +955,8 @@ exports[`TextInput disabled renders correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -969,7 +969,7 @@ exports[`TextInput disabled renders correctly 1`] = `
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": true,
           }
         }
@@ -980,8 +980,8 @@ exports[`TextInput disabled renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -992,7 +992,7 @@ exports[`TextInput disabled renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -1006,8 +1006,8 @@ exports[`TextInput disabled renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -1018,8 +1018,8 @@ exports[`TextInput disabled renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -1035,8 +1035,8 @@ exports[`TextInput error renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -1046,8 +1046,8 @@ exports[`TextInput error renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -1060,8 +1060,8 @@ exports[`TextInput error renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#cb300a",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -1071,8 +1071,8 @@ exports[`TextInput error renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -1086,8 +1086,8 @@ exports[`TextInput error renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -1100,8 +1100,8 @@ exports[`TextInput error renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -1115,8 +1115,8 @@ exports[`TextInput error renders correctly 1`] = `
       <View
         pointerEvents="none"
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "bottom": 0,
               "flexDirection": "row",
@@ -1134,16 +1134,16 @@ exports[`TextInput error renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#cb300a",
                 },
                 undefined,
@@ -1160,16 +1160,16 @@ exports[`TextInput error renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
@@ -1191,7 +1191,7 @@ exports[`TextInput error renders correctly 1`] = `
       </View>
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -1202,8 +1202,8 @@ exports[`TextInput error renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -1214,7 +1214,7 @@ exports[`TextInput error renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -1227,8 +1227,8 @@ exports[`TextInput error renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -1239,8 +1239,8 @@ exports[`TextInput error renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -1250,8 +1250,8 @@ exports[`TextInput error renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "flex": 1,
               "flexDirection": "row",
@@ -1265,8 +1265,8 @@ exports[`TextInput error renders correctly 1`] = `
         <HeroIcon
           name="circle-info"
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#cb300a",
                 "fontSize": 16,
               },
@@ -1280,16 +1280,16 @@ exports[`TextInput error renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
                 "letterSpacing": 0.48,
                 "lineHeight": 16,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#cb300a",
                   "marginLeft": 4,
                 },
@@ -1313,8 +1313,8 @@ exports[`TextInput filled renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -1324,8 +1324,8 @@ exports[`TextInput filled renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -1338,8 +1338,8 @@ exports[`TextInput filled renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -1349,8 +1349,8 @@ exports[`TextInput filled renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -1364,8 +1364,8 @@ exports[`TextInput filled renders correctly 1`] = `
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -1374,7 +1374,7 @@ exports[`TextInput filled renders correctly 1`] = `
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -1384,20 +1384,20 @@ exports[`TextInput filled renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -1414,8 +1414,8 @@ exports[`TextInput filled renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -1428,8 +1428,8 @@ exports[`TextInput filled renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -1442,7 +1442,7 @@ exports[`TextInput filled renders correctly 1`] = `
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -1453,8 +1453,8 @@ exports[`TextInput filled renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -1465,7 +1465,7 @@ exports[`TextInput filled renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -1479,8 +1479,8 @@ exports[`TextInput filled renders correctly 1`] = `
     <HeroIcon
       name="arrow-down"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 24,
           },
@@ -1494,8 +1494,8 @@ exports[`TextInput filled renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -1506,8 +1506,8 @@ exports[`TextInput filled renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -1523,8 +1523,8 @@ exports[`TextInput helper text renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -1534,8 +1534,8 @@ exports[`TextInput helper text renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -1548,8 +1548,8 @@ exports[`TextInput helper text renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -1559,8 +1559,8 @@ exports[`TextInput helper text renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -1574,8 +1574,8 @@ exports[`TextInput helper text renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -1588,8 +1588,8 @@ exports[`TextInput helper text renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -1603,8 +1603,8 @@ exports[`TextInput helper text renders correctly 1`] = `
       <View
         pointerEvents="none"
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "bottom": 0,
               "flexDirection": "row",
@@ -1622,16 +1622,16 @@ exports[`TextInput helper text renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#cb300a",
                 },
                 undefined,
@@ -1648,16 +1648,16 @@ exports[`TextInput helper text renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
@@ -1679,7 +1679,7 @@ exports[`TextInput helper text renders correctly 1`] = `
       </View>
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -1690,8 +1690,8 @@ exports[`TextInput helper text renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -1702,7 +1702,7 @@ exports[`TextInput helper text renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -1715,8 +1715,8 @@ exports[`TextInput helper text renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -1727,8 +1727,8 @@ exports[`TextInput helper text renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -1739,8 +1739,8 @@ exports[`TextInput helper text renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
@@ -1764,12 +1764,12 @@ exports[`TextInput idle renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
-      Object {
+      {
         "borderColor": "#f46363",
       },
     ]
@@ -1778,8 +1778,8 @@ exports[`TextInput idle renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -1792,8 +1792,8 @@ exports[`TextInput idle renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -1803,8 +1803,8 @@ exports[`TextInput idle renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -1818,8 +1818,8 @@ exports[`TextInput idle renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -1832,8 +1832,8 @@ exports[`TextInput idle renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -1847,8 +1847,8 @@ exports[`TextInput idle renders correctly 1`] = `
       <View
         pointerEvents="none"
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "bottom": 0,
               "flexDirection": "row",
@@ -1866,16 +1866,16 @@ exports[`TextInput idle renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
@@ -1897,7 +1897,7 @@ exports[`TextInput idle renders correctly 1`] = `
       </View>
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -1908,8 +1908,8 @@ exports[`TextInput idle renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -1920,7 +1920,7 @@ exports[`TextInput idle renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -1933,8 +1933,8 @@ exports[`TextInput idle renders correctly 1`] = `
     <HeroIcon
       name="arrow-down"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 24,
           },
@@ -1948,8 +1948,8 @@ exports[`TextInput idle renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -1960,8 +1960,8 @@ exports[`TextInput idle renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -1977,8 +1977,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -1988,8 +1988,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -2002,8 +2002,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -2013,8 +2013,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -2028,8 +2028,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
     <HeroIcon
       name="eye-circle"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 24,
           },
@@ -2042,8 +2042,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -2057,8 +2057,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
       <View
         pointerEvents="none"
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "bottom": 0,
               "flexDirection": "row",
@@ -2076,16 +2076,16 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#cb300a",
                 },
                 undefined,
@@ -2102,16 +2102,16 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
@@ -2133,7 +2133,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
       </View>
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -2144,8 +2144,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -2156,7 +2156,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -2169,8 +2169,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
     <HeroIcon
       name="eye-invisible"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 24,
           },
@@ -2184,8 +2184,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -2196,8 +2196,8 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -2213,8 +2213,8 @@ exports[`TextInput loading renders correctly 1`] = `
 <View
   pointerEvents="none"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -2224,8 +2224,8 @@ exports[`TextInput loading renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -2238,8 +2238,8 @@ exports[`TextInput loading renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#808f91",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -2249,8 +2249,8 @@ exports[`TextInput loading renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -2263,8 +2263,8 @@ exports[`TextInput loading renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -2278,8 +2278,8 @@ exports[`TextInput loading renders correctly 1`] = `
       <View
         pointerEvents="none"
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "bottom": 0,
               "flexDirection": "row",
@@ -2296,7 +2296,7 @@ exports[`TextInput loading renders correctly 1`] = `
       />
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": true,
           }
         }
@@ -2306,8 +2306,8 @@ exports[`TextInput loading renders correctly 1`] = `
         onChangeText={[Function]}
         onFocus={[Function]}
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -2318,7 +2318,7 @@ exports[`TextInput loading renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -2331,9 +2331,9 @@ exports[`TextInput loading renders correctly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "rotate": "0deg",
             },
           ],
@@ -2343,8 +2343,8 @@ exports[`TextInput loading renders correctly 1`] = `
       <HeroIcon
         name="loading"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontSize": 24,
             },
@@ -2359,8 +2359,8 @@ exports[`TextInput loading renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -2371,8 +2371,8 @@ exports[`TextInput loading renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -2388,8 +2388,8 @@ exports[`TextInput max length renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -2399,8 +2399,8 @@ exports[`TextInput max length renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -2413,8 +2413,8 @@ exports[`TextInput max length renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#cb300a",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -2424,8 +2424,8 @@ exports[`TextInput max length renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -2439,8 +2439,8 @@ exports[`TextInput max length renders correctly 1`] = `
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -2449,7 +2449,7 @@ exports[`TextInput max length renders correctly 1`] = `
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -2459,16 +2459,16 @@ exports[`TextInput max length renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#cb300a",
                 "lineHeight": 12,
               },
@@ -2485,20 +2485,20 @@ exports[`TextInput max length renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -2514,8 +2514,8 @@ exports[`TextInput max length renders correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -2528,7 +2528,7 @@ exports[`TextInput max length renders correctly 1`] = `
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -2541,8 +2541,8 @@ exports[`TextInput max length renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -2553,7 +2553,7 @@ exports[`TextInput max length renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -2567,8 +2567,8 @@ exports[`TextInput max length renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -2579,8 +2579,8 @@ exports[`TextInput max length renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -2590,8 +2590,8 @@ exports[`TextInput max length renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "flex": 1,
               "flexDirection": "row",
@@ -2605,8 +2605,8 @@ exports[`TextInput max length renders correctly 1`] = `
         <HeroIcon
           name="circle-info"
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#cb300a",
                 "fontSize": 16,
               },
@@ -2620,16 +2620,16 @@ exports[`TextInput max length renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
                 "letterSpacing": 0.48,
                 "lineHeight": 16,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#cb300a",
                   "marginLeft": 4,
                 },
@@ -2647,16 +2647,16 @@ exports[`TextInput max length renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "alignSelf": "flex-end",
                 "color": "#cb300a",
                 "flex": 1,
@@ -2685,8 +2685,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -2696,8 +2696,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -2710,8 +2710,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#cb300a",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -2721,8 +2721,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -2736,8 +2736,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -2746,7 +2746,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -2756,16 +2756,16 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#cb300a",
                 "lineHeight": 12,
               },
@@ -2782,20 +2782,20 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -2811,8 +2811,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -2825,7 +2825,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -2838,8 +2838,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -2850,7 +2850,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -2864,8 +2864,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -2876,8 +2876,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -2887,8 +2887,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "flex": 1,
               "flexDirection": "row",
@@ -2902,8 +2902,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
         <HeroIcon
           name="circle-info"
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#cb300a",
                 "fontSize": 16,
               },
@@ -2917,16 +2917,16 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
                 "letterSpacing": 0.48,
                 "lineHeight": 16,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#cb300a",
                   "marginLeft": 4,
                 },
@@ -2950,8 +2950,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -2961,8 +2961,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -2975,8 +2975,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -2986,8 +2986,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -3001,8 +3001,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -3015,8 +3015,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -3030,8 +3030,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
       <View
         pointerEvents="none"
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "bottom": 0,
               "flexDirection": "row",
@@ -3049,16 +3049,16 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#cb300a",
                 },
                 undefined,
@@ -3075,16 +3075,16 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
@@ -3106,7 +3106,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
       </View>
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -3117,8 +3117,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -3129,7 +3129,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -3142,8 +3142,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -3154,8 +3154,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -3166,8 +3166,8 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
@@ -3191,8 +3191,8 @@ exports[`TextInput readonly renders correctly 1`] = `
 <View
   pointerEvents="none"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -3202,8 +3202,8 @@ exports[`TextInput readonly renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -3216,8 +3216,8 @@ exports[`TextInput readonly renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#808f91",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -3227,8 +3227,8 @@ exports[`TextInput readonly renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -3242,8 +3242,8 @@ exports[`TextInput readonly renders correctly 1`] = `
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -3252,7 +3252,7 @@ exports[`TextInput readonly renders correctly 1`] = `
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -3262,16 +3262,16 @@ exports[`TextInput readonly renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#808f91",
                 "lineHeight": 12,
               },
@@ -3288,20 +3288,20 @@ exports[`TextInput readonly renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#808f91",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -3318,8 +3318,8 @@ exports[`TextInput readonly renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -3332,8 +3332,8 @@ exports[`TextInput readonly renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -3346,7 +3346,7 @@ exports[`TextInput readonly renders correctly 1`] = `
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": true,
           }
         }
@@ -3357,8 +3357,8 @@ exports[`TextInput readonly renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -3369,7 +3369,7 @@ exports[`TextInput readonly renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -3383,8 +3383,8 @@ exports[`TextInput readonly renders correctly 1`] = `
     <HeroIcon
       name="arrow-down"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 24,
           },
@@ -3398,8 +3398,8 @@ exports[`TextInput readonly renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -3410,8 +3410,8 @@ exports[`TextInput readonly renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -3427,8 +3427,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -3438,8 +3438,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -3452,8 +3452,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -3463,8 +3463,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -3478,8 +3478,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -3488,7 +3488,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -3498,20 +3498,20 @@ exports[`TextInput ref ref methods work correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -3527,8 +3527,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -3541,7 +3541,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -3552,8 +3552,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -3564,7 +3564,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -3578,8 +3578,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -3590,8 +3590,8 @@ exports[`TextInput ref ref methods work correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -3607,8 +3607,8 @@ exports[`TextInput required renders correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -3618,8 +3618,8 @@ exports[`TextInput required renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -3632,8 +3632,8 @@ exports[`TextInput required renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -3643,8 +3643,8 @@ exports[`TextInput required renders correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -3658,8 +3658,8 @@ exports[`TextInput required renders correctly 1`] = `
     <HeroIcon
       name="dollar-sign"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
@@ -3672,8 +3672,8 @@ exports[`TextInput required renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -3687,8 +3687,8 @@ exports[`TextInput required renders correctly 1`] = `
       <View
         pointerEvents="none"
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "bottom": 0,
               "flexDirection": "row",
@@ -3706,16 +3706,16 @@ exports[`TextInput required renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#cb300a",
                 },
                 undefined,
@@ -3732,16 +3732,16 @@ exports[`TextInput required renders correctly 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
                 "lineHeight": 24,
               },
-              Array [
-                Object {
+              [
+                {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
@@ -3763,7 +3763,7 @@ exports[`TextInput required renders correctly 1`] = `
       </View>
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -3774,8 +3774,8 @@ exports[`TextInput required renders correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -3786,7 +3786,7 @@ exports[`TextInput required renders correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "center",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -3799,8 +3799,8 @@ exports[`TextInput required renders correctly 1`] = `
     <HeroIcon
       name="arrow-down"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 24,
           },
@@ -3814,8 +3814,8 @@ exports[`TextInput required renders correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -3826,8 +3826,8 @@ exports[`TextInput required renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },
@@ -3843,8 +3843,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
 <View
   pointerEvents="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "marginTop": 8,
         "width": "100%",
       },
@@ -3854,8 +3854,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
@@ -3868,8 +3868,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 8,
             "borderWidth": 1,
@@ -3879,8 +3879,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
             "right": 0,
             "top": 0,
           },
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
             },
             undefined,
@@ -3894,8 +3894,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
     <View
       pointerEvents="none"
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "flexDirection": "row",
             "left": 16,
@@ -3904,7 +3904,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
             "top": -4,
             "zIndex": 1,
           },
-          Object {
+          {
             "backgroundColor": "#ffffff",
           },
         ]
@@ -3914,20 +3914,20 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
               "letterSpacing": 0.48,
               "lineHeight": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "lineHeight": 12,
               },
-              Object {
+              {
                 "backgroundColor": "#ffffff",
               },
             ],
@@ -3943,8 +3943,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "alignSelf": "stretch",
             "flexDirection": "row",
@@ -3957,7 +3957,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
     >
       <TextInput
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -3969,8 +3969,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
         onFocus={[Function]}
         placeholder=" "
         style={
-          Array [
-            Object {
+          [
+            {
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontFamily": "BeVietnamPro-Regular",
@@ -3981,7 +3981,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
               "paddingVertical": 0,
               "textAlignVertical": "top",
             },
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "color": "#001f23",
             },
@@ -3995,8 +3995,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "minHeight": 16,
           "paddingLeft": 16,
           "paddingTop": 2,
@@ -4007,8 +4007,8 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
           },