@hero-design/rn 8.39.0 → 8.39.2

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

@@ -6,8 +6,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#ece8ef",
           "bottom": 0,
           "left": 0,
@@ -22,8 +22,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
   />
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "height": 48,
           "justifyContent": "center",
@@ -34,8 +34,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
   />
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flexGrow": 2,
           "justifyContent": "space-between",
         },
@@ -46,19 +46,19 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
     <RCTScrollView
       bounces={false}
       data={
-        Array [
-          Object {
+        [
+          {
             "background": "#ece8ef",
             "body": "Access your Work, Money and Benefits in the palm of your hand.",
             "heading": "Welcome to the new Employment Hero app",
             "image": 1,
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "body": "Our app now has a new bright clean modern look and feel with the same great features.",
             "content": <Image
               source={
-                Object {
+                {
                   "uri": "https://picsum.photos/30",
                 }
               }
@@ -66,21 +66,21 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             "heading": "Same app with a new look!",
             "image": "https://picsum.photos/800/1200",
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
             "heading": "Easier to get around",
-            "image": Object {
+            "image": {
               "height": 100,
               "resizeMode": "cover",
               "uri": "https://picsum.photos/1200/800",
               "width": 30,
             },
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "heading": "Test slide 4",
-            "image": Object {
+            "image": {
               "height": 100,
               "uri": "https://picsum.photos/1200/800",
               "width": 30,
@@ -104,20 +104,20 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
       renderItem={[Function]}
       scrollEventThrottle={32}
       showsHorizontalScrollIndicator={false}
-      stickyHeaderIndices={Array []}
+      stickyHeaderIndices={[]}
       viewabilityConfig={
-        Object {
+        {
           "viewAreaCoveragePercentThreshold": 50,
         }
       }
-      viewabilityConfigCallbackPairs={Array []}
+      viewabilityConfigCallbackPairs={[]}
     >
       <View>
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -126,9 +126,9 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -137,14 +137,14 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             <Image
               source={1}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "flex": 1,
                       "flexGrow": 2,
                       "resizeMode": "contain",
@@ -159,13 +159,13 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -177,16 +177,16 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -203,8 +203,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -226,8 +226,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -236,9 +236,9 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -246,19 +246,19 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
           >
             <Image
               source={
-                Object {
+                {
                   "uri": "https://picsum.photos/800/1200",
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "flex": 1,
                       "flexGrow": 2,
                       "resizeMode": "contain",
@@ -273,13 +273,13 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -290,13 +290,13 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             >
               <Image
                 source={
-                  Object {
+                  {
                     "uri": "https://picsum.photos/30",
                   }
                 }
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "borderRadius": 0,
                       "height": 72,
                       "width": 72,
@@ -308,16 +308,16 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -334,8 +334,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -357,8 +357,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -367,9 +367,9 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -379,7 +379,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               height={100}
               resizeMode="cover"
               source={
-                Object {
+                {
                   "height": 100,
                   "resizeMode": "cover",
                   "uri": "https://picsum.photos/1200/800",
@@ -387,14 +387,14 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "center",
                       "height": 100,
                       "resizeMode": "cover",
@@ -410,13 +410,13 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -428,16 +428,16 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -454,8 +454,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -477,8 +477,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -487,9 +487,9 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -498,21 +498,21 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             <Image
               height={100}
               source={
-                Object {
+                {
                   "height": 100,
                   "uri": "https://picsum.photos/1200/800",
                   "width": 30,
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "center",
                       "height": 100,
                       "resizeMode": "contain",
@@ -528,13 +528,13 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -546,16 +546,16 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -576,8 +576,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
     </RCTScrollView>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
             "marginBottom": 24,
@@ -590,7 +590,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
     >
       <View
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -604,8 +604,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "alignSelf": "stretch",
               "backgroundColor": "#401960",
@@ -624,16 +624,16 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
           ellipsizeMode="tail"
           numberOfLines={1}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 18,
                 "letterSpacing": 0.24,
                 "lineHeight": 28,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#ffffff",
                   "flexShrink": 1,
                   "textAlign": "center",
@@ -652,13 +652,13 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
       </View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "flexDirection": "row",
             },
-            Array [
-              Object {
+            [
+              {
                 "paddingVertical": 8,
               },
               undefined,
@@ -669,7 +669,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         <View
           collapsable={false}
           style={
-            Object {
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
@@ -683,7 +683,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         <View
           collapsable={false}
           style={
-            Object {
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
@@ -697,7 +697,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         <View
           collapsable={false}
           style={
-            Object {
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
@@ -711,7 +711,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         <View
           collapsable={false}
           style={
-            Object {
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
@@ -734,8 +734,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#ece8ef",
           "bottom": 0,
           "left": 0,
@@ -750,8 +750,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
   />
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "height": 48,
           "justifyContent": "center",
@@ -762,13 +762,13 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "flexDirection": "row",
           },
-          Array [
-            Object {
+          [
+            {
               "paddingVertical": 8,
             },
             undefined,
@@ -779,7 +779,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -793,7 +793,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -807,7 +807,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -821,7 +821,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -836,8 +836,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flexGrow": 2,
           "justifyContent": "space-between",
         },
@@ -848,19 +848,19 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
     <RCTScrollView
       bounces={false}
       data={
-        Array [
-          Object {
+        [
+          {
             "background": "#ece8ef",
             "body": "Access your Work, Money and Benefits in the palm of your hand.",
             "heading": "Welcome to the new Employment Hero app",
             "image": 1,
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "body": "Our app now has a new bright clean modern look and feel with the same great features.",
             "content": <Image
               source={
-                Object {
+                {
                   "uri": "https://picsum.photos/30",
                 }
               }
@@ -868,21 +868,21 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
             "heading": "Same app with a new look!",
             "image": "https://picsum.photos/800/1200",
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
             "heading": "Easier to get around",
-            "image": Object {
+            "image": {
               "height": 100,
               "resizeMode": "cover",
               "uri": "https://picsum.photos/1200/800",
               "width": 30,
             },
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "heading": "Test slide 4",
-            "image": Object {
+            "image": {
               "height": 100,
               "uri": "https://picsum.photos/1200/800",
               "width": 30,
@@ -906,20 +906,20 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
       renderItem={[Function]}
       scrollEventThrottle={32}
       showsHorizontalScrollIndicator={false}
-      stickyHeaderIndices={Array []}
+      stickyHeaderIndices={[]}
       viewabilityConfig={
-        Object {
+        {
           "viewAreaCoveragePercentThreshold": 50,
         }
       }
-      viewabilityConfigCallbackPairs={Array []}
+      viewabilityConfigCallbackPairs={[]}
     >
       <View>
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -928,9 +928,9 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -939,14 +939,14 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
             <Image
               source={1}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "flex": 1,
                       "flexGrow": 2,
                       "resizeMode": "contain",
@@ -961,13 +961,13 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -979,16 +979,16 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -1005,8 +1005,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -1028,8 +1028,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -1038,9 +1038,9 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -1048,19 +1048,19 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           >
             <Image
               source={
-                Object {
+                {
                   "uri": "https://picsum.photos/800/1200",
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "flex": 1,
                       "flexGrow": 2,
                       "resizeMode": "contain",
@@ -1075,13 +1075,13 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -1092,13 +1092,13 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
             >
               <Image
                 source={
-                  Object {
+                  {
                     "uri": "https://picsum.photos/30",
                   }
                 }
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "borderRadius": 0,
                       "height": 72,
                       "width": 72,
@@ -1110,16 +1110,16 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -1136,8 +1136,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -1159,8 +1159,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -1169,9 +1169,9 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -1181,7 +1181,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               height={100}
               resizeMode="cover"
               source={
-                Object {
+                {
                   "height": 100,
                   "resizeMode": "cover",
                   "uri": "https://picsum.photos/1200/800",
@@ -1189,14 +1189,14 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "center",
                       "height": 100,
                       "resizeMode": "cover",
@@ -1212,13 +1212,13 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -1230,16 +1230,16 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -1256,8 +1256,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -1279,8 +1279,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -1289,9 +1289,9 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -1300,21 +1300,21 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
             <Image
               height={100}
               source={
-                Object {
+                {
                   "height": 100,
                   "uri": "https://picsum.photos/1200/800",
                   "width": 30,
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "center",
                       "height": 100,
                       "resizeMode": "contain",
@@ -1330,13 +1330,13 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -1348,16 +1348,16 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -1378,8 +1378,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
     </RCTScrollView>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
             "marginBottom": 24,
@@ -1392,7 +1392,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
     >
       <View
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -1406,8 +1406,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "alignSelf": "stretch",
               "backgroundColor": "#401960",
@@ -1426,16 +1426,16 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           ellipsizeMode="tail"
           numberOfLines={1}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 18,
                 "letterSpacing": 0.24,
                 "lineHeight": 28,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#ffffff",
                   "flexShrink": 1,
                   "textAlign": "center",
@@ -1463,8 +1463,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#ece8ef",
           "bottom": 0,
           "left": 0,
@@ -1479,8 +1479,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
   />
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "height": 48,
           "justifyContent": "center",
@@ -1491,13 +1491,13 @@ exports[`Carousel should call skip call back when press skip 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "flexDirection": "row",
           },
-          Array [
-            Object {
+          [
+            {
               "paddingVertical": 8,
             },
             undefined,
@@ -1508,7 +1508,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -1522,7 +1522,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -1536,7 +1536,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -1550,7 +1550,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -1565,8 +1565,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flexGrow": 2,
           "justifyContent": "space-between",
         },
@@ -1577,19 +1577,19 @@ exports[`Carousel should call skip call back when press skip 1`] = `
     <RCTScrollView
       bounces={false}
       data={
-        Array [
-          Object {
+        [
+          {
             "background": "#ece8ef",
             "body": "Access your Work, Money and Benefits in the palm of your hand.",
             "heading": "Welcome to the new Employment Hero app",
             "image": 1,
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "body": "Our app now has a new bright clean modern look and feel with the same great features.",
             "content": <Image
               source={
-                Object {
+                {
                   "uri": "https://picsum.photos/30",
                 }
               }
@@ -1597,21 +1597,21 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             "heading": "Same app with a new look!",
             "image": "https://picsum.photos/800/1200",
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
             "heading": "Easier to get around",
-            "image": Object {
+            "image": {
               "height": 100,
               "resizeMode": "cover",
               "uri": "https://picsum.photos/1200/800",
               "width": 30,
             },
           },
-          Object {
+          {
             "background": "#ccd2d3",
             "heading": "Test slide 4",
-            "image": Object {
+            "image": {
               "height": 100,
               "uri": "https://picsum.photos/1200/800",
               "width": 30,
@@ -1635,20 +1635,20 @@ exports[`Carousel should call skip call back when press skip 1`] = `
       renderItem={[Function]}
       scrollEventThrottle={32}
       showsHorizontalScrollIndicator={false}
-      stickyHeaderIndices={Array []}
+      stickyHeaderIndices={[]}
       viewabilityConfig={
-        Object {
+        {
           "viewAreaCoveragePercentThreshold": 50,
         }
       }
-      viewabilityConfigCallbackPairs={Array []}
+      viewabilityConfigCallbackPairs={[]}
     >
       <View>
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -1657,9 +1657,9 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -1668,14 +1668,14 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             <Image
               source={1}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "flex": 1,
                       "flexGrow": 2,
                       "resizeMode": "contain",
@@ -1690,13 +1690,13 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -1708,16 +1708,16 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -1734,8 +1734,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -1757,8 +1757,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -1767,9 +1767,9 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -1777,19 +1777,19 @@ exports[`Carousel should call skip call back when press skip 1`] = `
           >
             <Image
               source={
-                Object {
+                {
                   "uri": "https://picsum.photos/800/1200",
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "flex": 1,
                       "flexGrow": 2,
                       "resizeMode": "contain",
@@ -1804,13 +1804,13 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -1821,13 +1821,13 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             >
               <Image
                 source={
-                  Object {
+                  {
                     "uri": "https://picsum.photos/30",
                   }
                 }
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "borderRadius": 0,
                       "height": 72,
                       "width": 72,
@@ -1839,16 +1839,16 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -1865,8 +1865,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -1888,8 +1888,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -1898,9 +1898,9 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -1910,7 +1910,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               height={100}
               resizeMode="cover"
               source={
-                Object {
+                {
                   "height": 100,
                   "resizeMode": "cover",
                   "uri": "https://picsum.photos/1200/800",
@@ -1918,14 +1918,14 @@ exports[`Carousel should call skip call back when press skip 1`] = `
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "center",
                       "height": 100,
                       "resizeMode": "cover",
@@ -1941,13 +1941,13 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -1959,16 +1959,16 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -1985,8 +1985,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 16,
@@ -2008,8 +2008,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -2018,9 +2018,9 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         >
           <View
             style={
-              Array [
-                Object {},
-                Object {
+              [
+                {},
+                {
                   "width": 750,
                 },
               ]
@@ -2029,21 +2029,21 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             <Image
               height={100}
               source={
-                Object {
+                {
                   "height": 100,
                   "uri": "https://picsum.photos/1200/800",
                   "width": 30,
                 }
               }
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderRadius": 0,
                     "height": 72,
                     "width": 72,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "center",
                       "height": 100,
                       "resizeMode": "contain",
@@ -2059,13 +2059,13 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               marginTop="large"
               paddingHorizontal="large"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 24,
                     "paddingHorizontal": 24,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "width": 750,
                     },
                     undefined,
@@ -2077,16 +2077,16 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "RebondGrotesque-SemiBold",
                       "fontSize": 36,
                       "letterSpacing": 1.5,
                       "lineHeight": 44,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "marginBottom": 16,
                         "marginTop": 8,
                       },
@@ -2107,8 +2107,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
     </RCTScrollView>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "justifyContent": "space-between",
             "marginBottom": 24,
@@ -2121,7 +2121,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
     >
       <View
         accessibilityState={
-          Object {
+          {
             "disabled": false,
           }
         }
@@ -2135,8 +2135,8 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "alignSelf": "stretch",
               "backgroundColor": "#401960",
@@ -2155,16 +2155,16 @@ exports[`Carousel should call skip call back when press skip 1`] = `
           ellipsizeMode="tail"
           numberOfLines={1}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 18,
                 "letterSpacing": 0.24,
                 "lineHeight": 28,
               },
-              Array [
-                Object {
+              [
+                {
                   "color": "#ffffff",
                   "flexShrink": 1,
                   "textAlign": "center",