@hero-design/rn 8.39.0 → 8.39.2

package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap

@@ -4,9 +4,9 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
-      "transform": Array [
-        Object {
+    {
+      "transform": [
+        {
           "rotate": "0deg",
         },
       ],
@@ -16,19 +16,19 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
   <HeroIcon
     name="add"
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontSize": 16,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "lineHeight": 24,
             "textAlign": "center",
             "textAlignVertical": "center",
           },
-          Object {},
+          {},
         ],
       ]
     }
@@ -42,9 +42,9 @@ exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
-      "transform": Array [
-        Object {
+    {
+      "transform": [
+        {
           "rotate": "-45deg",
         },
       ],
@@ -54,19 +54,19 @@ exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
   <HeroIcon
     name="add"
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontSize": 16,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "lineHeight": 24,
             "textAlign": "center",
             "textAlignVertical": "center",
           },
-          Object {},
+          {},
         ],
       ]
     }

package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap

@@ -12,8 +12,8 @@ exports[`StyledFAB renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "flex-start",
         "backgroundColor": "#401960",
@@ -23,7 +23,7 @@ exports[`StyledFAB renders correctly 1`] = `
         "justifyContent": "center",
         "padding": 20,
         "shadowColor": "#001f23",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 2,
           "width": 0,
         },
@@ -37,8 +37,8 @@ exports[`StyledFAB renders correctly 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -69,8 +69,8 @@ exports[`StyledFAB renders correctly 2`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "flex-start",
         "backgroundColor": "#33144d",
@@ -80,7 +80,7 @@ exports[`StyledFAB renders correctly 2`] = `
         "justifyContent": "center",
         "padding": 20,
         "shadowColor": "#001f23",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 2,
           "width": 0,
         },
@@ -94,8 +94,8 @@ exports[`StyledFAB renders correctly 2`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -118,13 +118,13 @@ exports[`StyledFABIcon renders correctly 1`] = `
 <HeroIcon
   name="add"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "lineHeight": 24,
           "textAlign": "center",

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

@@ -13,8 +13,8 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "flex-start",
         "backgroundColor": "#401960",
@@ -24,18 +24,18 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
         "justifyContent": "center",
         "padding": 20,
         "shadowColor": "#001f23",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
         "shadowRadius": 4,
       },
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#001f23",
         },
-        Object {
+        {
           "bottom": undefined,
         },
       ],
@@ -45,13 +45,13 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
   <HeroIcon
     name="add"
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontSize": 24,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "lineHeight": 24,
             "textAlign": "center",
@@ -81,8 +81,8 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "flex-start",
         "backgroundColor": "#401960",
@@ -92,18 +92,18 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
         "justifyContent": "center",
         "padding": 20,
         "shadowColor": "#001f23",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
         "shadowRadius": 4,
       },
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#001f23",
         },
-        Object {
+        {
           "bottom": undefined,
         },
       ],
@@ -112,10 +112,10 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
 >
   <View
     style={
-      Array [
-        Object {},
-        Array [
-          Object {
+      [
+        {},
+        [
+          {
             "alignItems": "center",
             "height": 24,
             "justifyContent": "center",
@@ -129,9 +129,9 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "rotate": "0deg",
             },
           ],
@@ -141,19 +141,19 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
       <HeroIcon
         name="add"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontSize": 16,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#ffffff",
                 "lineHeight": 24,
                 "textAlign": "center",
                 "textAlignVertical": "center",
               },
-              Object {},
+              {},
             ],
           ]
         }
@@ -179,8 +179,8 @@ exports[`FAB when title has value renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "flex-start",
         "backgroundColor": "#401960",
@@ -190,18 +190,18 @@ exports[`FAB when title has value renders correctly 1`] = `
         "justifyContent": "center",
         "padding": 20,
         "shadowColor": "#001f23",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
         "shadowRadius": 4,
       },
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#001f23",
         },
-        Object {
+        {
           "bottom": undefined,
         },
       ],
@@ -210,10 +210,10 @@ exports[`FAB when title has value renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {},
-        Array [
-          Object {
+      [
+        {},
+        [
+          {
             "alignItems": "center",
             "height": 24,
             "justifyContent": "center",
@@ -227,13 +227,13 @@ exports[`FAB when title has value renders correctly 1`] = `
     <HeroIcon
       name="pencil"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 16,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#ffffff",
               "lineHeight": 24,
               "textAlign": "center",
@@ -251,16 +251,16 @@ exports[`FAB when title has value renders correctly 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 16,
           "letterSpacing": 0.48,
           "lineHeight": 24,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "marginHorizontal": 8,
             "textAlign": "center",

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

@@ -3,7 +3,7 @@
 exports[`HeroDesignProvider renders children correctly 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
@@ -11,8 +11,8 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#401960",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 42,
@@ -32,8 +32,8 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
     pointerEvents="box-none"
     position="bottom"
     style={
-      Array [
-        Object {
+      [
+        {
           "bottom": 0,
           "elevation": 9999,
           "flexDirection": "column-reverse",

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

@@ -4,9 +4,9 @@ exports[`Icon render correctly with spin prop 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
-      "transform": Array [
-        Object {
+    {
+      "transform": [
+        {
           "rotate": "0deg",
         },
       ],
@@ -16,8 +16,8 @@ exports[`Icon render correctly with spin prop 1`] = `
   <HeroIcon
     name="sync"
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontSize": 24,
         },
@@ -34,8 +34,8 @@ exports[`Icon renders correctly 1`] = `
 <HeroIcon
   name="home"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
@@ -51,8 +51,8 @@ exports[`Icon renders correctly with color and size 1`] = `
 <HeroIcon
   name="home"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#cb300a",
         "fontSize": 28,
       },
@@ -68,8 +68,8 @@ exports[`Icon renders correctly with intent 1`] = `
 <HeroIcon
   name="home"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#401960",
         "fontSize": 24,
       },

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

@@ -3,13 +3,13 @@
 exports[`Image renders correctly when rounded is false 1`] = `
 <Image
   source={
-    Object {
+    {
       "uri": "path_to_image",
     }
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 0,
         "height": 72,
         "width": 72,
@@ -23,13 +23,13 @@ exports[`Image renders correctly when rounded is false 1`] = `
 exports[`Image renders correctly when rounded is true 1`] = `
 <Image
   source={
-    Object {
+    {
       "uri": "path_to_image",
     }
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 36,
         "height": 72,
         "width": 72,
@@ -43,13 +43,13 @@ exports[`Image renders correctly when rounded is true 1`] = `
 exports[`Image renders correctly when size is 6xlarge 1`] = `
 <Image
   source={
-    Object {
+    {
       "uri": "path_to_image",
     }
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 0,
         "height": 72,
         "width": 72,
@@ -63,13 +63,13 @@ exports[`Image renders correctly when size is 6xlarge 1`] = `
 exports[`Image renders correctly when size is 15xlarge 1`] = `
 <Image
   source={
-    Object {
+    {
       "uri": "path_to_image",
     }
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "borderRadius": 0,
         "height": 144,
         "width": 144,