@hero-design/rn 8.38.0 → 8.39.1

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

@@ -3,7 +3,7 @@
 exports[`Avatar fallbacks to title when there image failed to load 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -18,7 +18,7 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "backgroundColor": "#401960",
       "borderRadius": 999,
       "height": 32,
@@ -30,8 +30,8 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "height": "100%",
           "justifyContent": "center",
@@ -44,16 +44,16 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
             "letterSpacing": 0.42,
             "lineHeight": 22,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#ffffff",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 16,
@@ -80,13 +80,13 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
     onLoad={[Function]}
     resizeMode="cover"
     source={
-      Object {
+      {
         "uri": "error URI",
       }
     }
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 32,
           "width": 32,
         },
@@ -102,7 +102,7 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
 exports[`Avatar prioritizes source over title 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -117,7 +117,7 @@ exports[`Avatar prioritizes source over title 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "backgroundColor": "#401960",
       "borderRadius": 999,
       "height": 32,
@@ -133,13 +133,13 @@ exports[`Avatar prioritizes source over title 1`] = `
     onLoad={[Function]}
     resizeMode="cover"
     source={
-      Object {
+      {
         "uri": "https://i.pravatar.cc/300",
       }
     }
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 32,
           "width": 32,
         },
@@ -155,7 +155,7 @@ exports[`Avatar prioritizes source over title 1`] = `
 exports[`Avatar shows title when there is no source 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -170,7 +170,7 @@ exports[`Avatar shows title when there is no source 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "backgroundColor": "#401960",
       "borderRadius": 999,
       "height": 32,
@@ -183,8 +183,8 @@ exports[`Avatar shows title when there is no source 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "height": "100%",
           "justifyContent": "center",
@@ -197,16 +197,16 @@ exports[`Avatar shows title when there is no source 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
             "letterSpacing": 0.42,
             "lineHeight": 22,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#ffffff",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 16,

package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap

@@ -4,7 +4,7 @@ exports[`Badge has danger style when intent is danger 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "alignItems": "center",
       "backgroundColor": "#cb300a",
       "borderRadius": 999,
@@ -13,8 +13,8 @@ exports[`Badge has danger style when intent is danger 1`] = `
       "minWidth": 20,
       "opacity": 1,
       "paddingHorizontal": 8,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "scale": 1,
         },
       ],
@@ -26,16 +26,16 @@ exports[`Badge has danger style when intent is danger 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.48,
           "lineHeight": 16,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "includeFontPadding": false,
             "textAlign": "center",
@@ -57,7 +57,7 @@ exports[`Badge has info style when intent is info 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "alignItems": "center",
       "backgroundColor": "#355bfb",
       "borderRadius": 999,
@@ -66,8 +66,8 @@ exports[`Badge has info style when intent is info 1`] = `
       "minWidth": 20,
       "opacity": 1,
       "paddingHorizontal": 8,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "scale": 1,
         },
       ],
@@ -79,16 +79,16 @@ exports[`Badge has info style when intent is info 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.48,
           "lineHeight": 16,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "includeFontPadding": false,
             "textAlign": "center",
@@ -110,7 +110,7 @@ exports[`Badge has info style when intent is primary 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "alignItems": "center",
       "backgroundColor": "#401960",
       "borderRadius": 999,
@@ -119,8 +119,8 @@ exports[`Badge has info style when intent is primary 1`] = `
       "minWidth": 20,
       "opacity": 1,
       "paddingHorizontal": 8,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "scale": 1,
         },
       ],
@@ -132,16 +132,16 @@ exports[`Badge has info style when intent is primary 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.48,
           "lineHeight": 16,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "includeFontPadding": false,
             "textAlign": "center",
@@ -163,7 +163,7 @@ exports[`Badge has success style when intent is success 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "alignItems": "center",
       "backgroundColor": "#017d6d",
       "borderRadius": 999,
@@ -172,8 +172,8 @@ exports[`Badge has success style when intent is success 1`] = `
       "minWidth": 20,
       "opacity": 1,
       "paddingHorizontal": 8,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "scale": 1,
         },
       ],
@@ -185,16 +185,16 @@ exports[`Badge has success style when intent is success 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.48,
           "lineHeight": 16,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "includeFontPadding": false,
             "textAlign": "center",
@@ -216,7 +216,7 @@ exports[`Badge has warning style when intent is warning 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "alignItems": "center",
       "backgroundColor": "#ac5d00",
       "borderRadius": 999,
@@ -225,8 +225,8 @@ exports[`Badge has warning style when intent is warning 1`] = `
       "minWidth": 20,
       "opacity": 1,
       "paddingHorizontal": 8,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "scale": 1,
         },
       ],
@@ -238,16 +238,16 @@ exports[`Badge has warning style when intent is warning 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.48,
           "lineHeight": 16,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "includeFontPadding": false,
             "textAlign": "center",
@@ -269,7 +269,7 @@ exports[`Badge renders correctly with custom props 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "alignItems": "center",
       "backgroundColor": "#017d6d",
       "borderRadius": 999,
@@ -278,8 +278,8 @@ exports[`Badge renders correctly with custom props 1`] = `
       "minWidth": 20,
       "opacity": 1,
       "paddingHorizontal": 8,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "scale": 1,
         },
       ],
@@ -292,16 +292,16 @@ exports[`Badge renders correctly with custom props 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.48,
           "lineHeight": 16,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "includeFontPadding": false,
             "textAlign": "center",

package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap

@@ -5,8 +5,8 @@ exports[`Status Badge renders correctly 1`] = `
   <HeroIcon
     name="activate"
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontSize": 24,
         },
@@ -20,7 +20,7 @@ exports[`Status Badge renders correctly 1`] = `
   <View
     collapsable={false}
     style={
-      Object {
+      {
         "backgroundColor": "#cb300a",
         "borderRadius": 999,
         "height": 8,
@@ -28,8 +28,8 @@ exports[`Status Badge renders correctly 1`] = `
         "position": "absolute",
         "right": -2,
         "top": -2,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "scale": 1,
           },
         ],
@@ -46,8 +46,8 @@ exports[`Status Badge renders correctly with intent 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -66,7 +66,7 @@ exports[`Status Badge renders correctly with intent 1`] = `
   <View
     collapsable={false}
     style={
-      Object {
+      {
         "backgroundColor": "#017d6d",
         "borderRadius": 999,
         "height": 8,
@@ -74,8 +74,8 @@ exports[`Status Badge renders correctly with intent 1`] = `
         "position": "absolute",
         "right": -2,
         "top": -2,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "scale": 1,
           },
         ],

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

@@ -4,8 +4,8 @@ exports[`BottomNavigation renders correctly 1`] = `
 <RNCSafeAreaProvider
   onInsetsChange={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "flex": 1,
       },
       undefined,
@@ -14,8 +14,8 @@ exports[`BottomNavigation renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "overflow": "hidden",
         },
@@ -25,8 +25,8 @@ exports[`BottomNavigation renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
           },
           undefined,
@@ -40,8 +40,8 @@ exports[`BottomNavigation renders correctly 1`] = `
         pointerEvents="auto"
         removeClippedSubviews={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "display": "flex",
               "flex": 1,
             },
@@ -57,8 +57,8 @@ exports[`BottomNavigation renders correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#ffffff",
             "elevation": 10,
             "height": 72,
@@ -66,7 +66,7 @@ exports[`BottomNavigation renders correctly 1`] = `
             "paddingLeft": 0,
             "paddingRight": 0,
             "shadowColor": "#401960",
-            "shadowOffset": Object {
+            "shadowOffset": {
               "height": 3,
               "width": 0,
             },
@@ -77,7 +77,7 @@ exports[`BottomNavigation renders correctly 1`] = `
         ]
       }
       themeInsets={
-        Object {
+        {
           "bottom": 0,
           "left": 0,
           "right": 0,
@@ -87,8 +87,8 @@ exports[`BottomNavigation renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignItems": "center",
               "flex": 1,
               "flexDirection": "row",
@@ -109,8 +109,8 @@ exports[`BottomNavigation renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "flex": 1,
               },
@@ -121,8 +121,8 @@ exports[`BottomNavigation renders correctly 1`] = `
           <HeroIcon
             name="home"
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#401960",
                   "fontSize": 24,
                 },
@@ -137,16 +137,16 @@ exports[`BottomNavigation renders correctly 1`] = `
             allowFontScaling={false}
             numberOfLines={1}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#401960",
                   "fontFamily": "BeVietnamPro-SemiBold",
                   "fontSize": 12,
                   "letterSpacing": 0.24,
                   "lineHeight": 16,
                 },
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 4,
                   },
                   undefined,
@@ -170,8 +170,8 @@ exports[`BottomNavigation renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "flex": 1,
               },
@@ -182,8 +182,8 @@ exports[`BottomNavigation renders correctly 1`] = `
           <HeroIcon
             name="speaker-outlined"
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontSize": 24,
                 },
@@ -198,16 +198,16 @@ exports[`BottomNavigation renders correctly 1`] = `
             allowFontScaling={false}
             numberOfLines={1}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-SemiBold",
                   "fontSize": 12,
                   "letterSpacing": 0.24,
                   "lineHeight": 16,
                 },
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 4,
                   },
                   undefined,
@@ -231,8 +231,8 @@ exports[`BottomNavigation renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "flex": 1,
               },
@@ -243,8 +243,8 @@ exports[`BottomNavigation renders correctly 1`] = `
           <HeroIcon
             name="bell-outlined"
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontSize": 24,
                 },
@@ -259,16 +259,16 @@ exports[`BottomNavigation renders correctly 1`] = `
             allowFontScaling={false}
             numberOfLines={1}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-SemiBold",
                   "fontSize": 12,
                   "letterSpacing": 0.24,
                   "lineHeight": 16,
                 },
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 4,
                   },
                   undefined,
@@ -292,8 +292,8 @@ exports[`BottomNavigation renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "flex": 1,
               },
@@ -304,8 +304,8 @@ exports[`BottomNavigation renders correctly 1`] = `
           <HeroIcon
             name="user-outlined"
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontSize": 24,
                 },
@@ -320,16 +320,16 @@ exports[`BottomNavigation renders correctly 1`] = `
             allowFontScaling={false}
             numberOfLines={1}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-SemiBold",
                   "fontSize": 12,
                   "letterSpacing": 0.24,
                   "lineHeight": 16,
                 },
-                Array [
-                  Object {
+                [
+                  {
                     "marginTop": 4,
                   },
                   undefined,