@hero-design/rn 8.38.0 → 8.39.1

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

@@ -3,16 +3,16 @@
 exports[`Spinner renders correctly 1`] = `
 <View
   style={
-    Array [
-      Object {},
+    [
+      {},
       undefined,
     ]
   }
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "height": "100%",
           "justifyContent": "center",
@@ -25,9 +25,9 @@ exports[`Spinner renders correctly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "rotate": "0deg",
             },
           ],
@@ -37,12 +37,12 @@ exports[`Spinner renders correctly 1`] = `
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "flexDirection": "row",
               "marginBottom": 8,
             },
-            Object {},
+            {},
           ]
         }
         themePosition="top"
@@ -51,15 +51,15 @@ exports[`Spinner renders correctly 1`] = `
         <View
           collapsable={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.9,
                 "width": 16,
               },
-              Object {},
+              {},
             ]
           }
           themeIntent="primary"
@@ -69,8 +69,8 @@ exports[`Spinner renders correctly 1`] = `
         <View
           collapsable={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 16,
@@ -78,7 +78,7 @@ exports[`Spinner renders correctly 1`] = `
                 "opacity": 0.675,
                 "width": 16,
               },
-              Object {},
+              {},
             ]
           }
           themeIntent="primary"
@@ -89,12 +89,12 @@ exports[`Spinner renders correctly 1`] = `
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "flexDirection": "row",
               "marginBottom": 0,
             },
-            Object {},
+            {},
           ]
         }
         themePosition="bottom"
@@ -103,15 +103,15 @@ exports[`Spinner renders correctly 1`] = `
         <View
           collapsable={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.45,
                 "width": 16,
               },
-              Object {},
+              {},
             ]
           }
           themeIntent="primary"
@@ -121,8 +121,8 @@ exports[`Spinner renders correctly 1`] = `
         <View
           collapsable={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 16,
@@ -130,7 +130,7 @@ exports[`Spinner renders correctly 1`] = `
                 "opacity": 0.225,
                 "width": 16,
               },
-              Object {},
+              {},
             ]
           }
           themeIntent="primary"

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

@@ -5,8 +5,8 @@ exports[`Success renders full screen success page correctly 1`] = `
   animationType="slide"
   hardwareAccelerated={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "height": "100%",
         "width": "100%",
       },
@@ -17,8 +17,8 @@ exports[`Success renders full screen success page correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#ccd2d3",
           "display": "flex",
           "flex": 1,
@@ -31,8 +31,8 @@ exports[`Success renders full screen success page correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "display": "flex",
             "flex": 1,
@@ -46,8 +46,8 @@ exports[`Success renders full screen success page correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "height": 176,
               "marginBottom": 32,
               "width": 176,
@@ -58,19 +58,19 @@ exports[`Success renders full screen success page correctly 1`] = `
       >
         <Image
           source={
-            Object {
+            {
               "uri": "path_to_image",
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "borderRadius": 0,
                 "height": 72,
                 "width": 72,
               },
-              Array [
-                Object {
+              [
+                {
                   "height": 176,
                   "marginBottom": 32,
                   "resizeMode": "contain",
@@ -86,16 +86,16 @@ exports[`Success renders full screen success page correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "RebondGrotesque-SemiBold",
               "fontSize": 24,
               "letterSpacing": 0.24,
               "lineHeight": 32,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "marginBottom": 8,
                 "textAlign": "center",
@@ -113,16 +113,16 @@ exports[`Success renders full screen success page correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 16,
               "letterSpacing": 0.48,
               "lineHeight": 24,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#4d6265",
                 "textAlign": "center",
               },
@@ -144,8 +144,8 @@ exports[`Success renders full screen success page correctly 1`] = `
 exports[`Success renders succe screen with custom image element correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#f6f6f7",
         "display": "flex",
         "flex": 1,
@@ -158,8 +158,8 @@ exports[`Success renders succe screen with custom image element correctly 1`] =
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "display": "flex",
           "flex": 1,
@@ -173,8 +173,8 @@ exports[`Success renders succe screen with custom image element correctly 1`] =
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "height": 176,
             "marginBottom": 32,
             "width": 176,
@@ -185,13 +185,13 @@ exports[`Success renders succe screen with custom image element correctly 1`] =
     >
       <Image
         source={
-          Object {
+          {
             "uri": "path_to_image",
           }
         }
         style={
-          Array [
-            Object {
+          [
+            {
               "borderRadius": 0,
               "height": 72,
               "width": 72,
@@ -205,16 +205,16 @@ exports[`Success renders succe screen with custom image element correctly 1`] =
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "RebondGrotesque-SemiBold",
             "fontSize": 24,
             "letterSpacing": 0.24,
             "lineHeight": 32,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "marginBottom": 8,
               "textAlign": "center",
@@ -232,16 +232,16 @@ exports[`Success renders succe screen with custom image element correctly 1`] =
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 16,
             "letterSpacing": 0.48,
             "lineHeight": 24,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#4d6265",
               "textAlign": "center",
             },
@@ -262,8 +262,8 @@ exports[`Success renders succe screen with custom image element correctly 1`] =
 exports[`Success renders success screen with image correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#f6f6f7",
         "display": "flex",
         "flex": 1,
@@ -276,8 +276,8 @@ exports[`Success renders success screen with image correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "display": "flex",
           "flex": 1,
@@ -291,8 +291,8 @@ exports[`Success renders success screen with image correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "height": 176,
             "marginBottom": 32,
             "width": 176,
@@ -303,19 +303,19 @@ exports[`Success renders success screen with image correctly 1`] = `
     >
       <Image
         source={
-          Object {
+          {
             "uri": "path_to_image",
           }
         }
         style={
-          Array [
-            Object {
+          [
+            {
               "borderRadius": 0,
               "height": 72,
               "width": 72,
             },
-            Array [
-              Object {
+            [
+              {
                 "height": 176,
                 "marginBottom": 32,
                 "resizeMode": "contain",
@@ -331,16 +331,16 @@ exports[`Success renders success screen with image correctly 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "RebondGrotesque-SemiBold",
             "fontSize": 24,
             "letterSpacing": 0.24,
             "lineHeight": 32,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "marginBottom": 8,
               "textAlign": "center",
@@ -358,16 +358,16 @@ exports[`Success renders success screen with image correctly 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 16,
             "letterSpacing": 0.48,
             "lineHeight": 24,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#4d6265",
               "textAlign": "center",
             },
@@ -388,8 +388,8 @@ exports[`Success renders success screen with image correctly 1`] = `
 exports[`Success renders title only correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#f6f6f7",
         "display": "flex",
         "flex": 1,
@@ -402,8 +402,8 @@ exports[`Success renders title only correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "display": "flex",
           "flex": 1,
@@ -418,16 +418,16 @@ exports[`Success renders title only correctly 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "RebondGrotesque-SemiBold",
             "fontSize": 24,
             "letterSpacing": 0.24,
             "lineHeight": 32,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "marginBottom": 8,
               "textAlign": "center",
@@ -445,16 +445,16 @@ exports[`Success renders title only correctly 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 16,
             "letterSpacing": 0.48,
             "lineHeight": 24,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#4d6265",
               "textAlign": "center",
             },

package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap

@@ -13,7 +13,7 @@ exports[`rendering renders correctly when intent is danger 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "backgroundColor": "#f46363",
       "flex": 1,
       "opacity": 1,
@@ -23,8 +23,8 @@ exports[`rendering renders correctly when intent is danger 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -56,7 +56,7 @@ exports[`rendering renders correctly when intent is primary 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "backgroundColor": "#401960",
       "flex": 1,
       "opacity": 1,
@@ -66,8 +66,8 @@ exports[`rendering renders correctly when intent is primary 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -99,7 +99,7 @@ exports[`rendering renders correctly when intent is success 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "backgroundColor": "#5ace7d",
       "flex": 1,
       "opacity": 1,
@@ -109,8 +109,8 @@ exports[`rendering renders correctly when intent is success 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,

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

@@ -4,7 +4,7 @@ exports[`Swipeable renders correctly 1`] = `
 <View>
   <View
     containerStyle={
-      Object {
+      {
         "borderRadius": 8,
       }
     }
@@ -17,8 +17,8 @@ exports[`Swipeable renders correctly 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,