@hero-design/rn 8.38.0 → 8.39.1

package/src/components/BottomNavigation/index.tsx

@@ -16,6 +16,7 @@ import {
 } from './StyledBottomNavigation';
 import { isIOS } from '../../utils/helpers';
 import type { IconName } from '../Icon';
+import { useDeprecation } from '../../utils/hooks';
 
 export type BottomNavigationTabType = {
   key: string;
@@ -71,6 +72,9 @@ const BottomNavigation = ({
   tabs,
   ...nativeProps
 }: BottomNavigationProps): JSX.Element => {
+  useDeprecation(
+    'BottomNavigation is deprecated and will be removed in the next major release. Please remove it.'
+  );
   const insets = useSafeAreaInsets();
 
   /**

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

@@ -28,8 +28,8 @@ exports[`BottomSheet renders correctly with open state 1`] = `
   <View
     pointerEvents="box-none"
     style={
-      Array [
-        Object {
+      [
+        {
           "bottom": 0,
           "flexDirection": "column-reverse",
           "left": 0,
@@ -44,15 +44,15 @@ exports[`BottomSheet renders correctly with open state 1`] = `
     <View
       onLayout={[Function]}
       style={
-        Array [
-          Array [
-            Object {
+        [
+          [
+            {
               "flex": 1,
               "flexDirection": "column-reverse",
             },
             undefined,
           ],
-          Object {
+          {
             "paddingBottom": 0,
           },
         ]
@@ -72,7 +72,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
         style={
-          Object {
+          {
             "backgroundColor": "#000000",
             "bottom": 0,
             "left": 0,
@@ -87,24 +87,24 @@ exports[`BottomSheet renders correctly with open state 1`] = `
         collapsable={false}
         emulateUnlessSupported={true}
         style={
-          Object {
+          {
             "backgroundColor": "#ffffff",
             "borderTopLeftRadius": 16,
             "borderTopRightRadius": 16,
             "elevation": 10,
             "maxHeight": "94%",
             "shadowColor": "#001f23",
-            "shadowOffset": Object {
+            "shadowOffset": {
               "height": 3,
               "width": 0,
             },
             "shadowOpacity": 0.4,
             "shadowRadius": 16,
-            "transform": Array [
-              Object {
+            "transform": [
+              {
                 "scaleY": 1,
               },
-              Object {
+              {
                 "translateY": 1334,
               },
             ],
@@ -114,8 +114,8 @@ exports[`BottomSheet renders correctly with open state 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
                 "paddingHorizontal": 16,
                 "paddingVertical": 8,
@@ -126,8 +126,8 @@ exports[`BottomSheet renders correctly with open state 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                   "justifyContent": "center",
                 },
@@ -138,8 +138,8 @@ exports[`BottomSheet renders correctly with open state 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-SemiBold",
                     "fontSize": 16,
@@ -158,8 +158,8 @@ exports[`BottomSheet renders correctly with open state 1`] = `
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "height": 48,
                   "justifyContent": "center",
@@ -182,7 +182,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
               onResponderTerminationRequest={[Function]}
               onStartShouldSetResponder={[Function]}
               style={
-                Object {
+                {
                   "opacity": 1,
                 }
               }
@@ -191,8 +191,8 @@ exports[`BottomSheet renders correctly with open state 1`] = `
               <HeroIcon
                 name="cancel"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontSize": 16,
                     },
@@ -211,8 +211,8 @@ exports[`BottomSheet renders correctly with open state 1`] = `
         <View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "flexDirection": "row",
                   "justifyContent": "flex-end",
@@ -236,22 +236,22 @@ exports[`BottomSheet renders correctly with open state 1`] = `
               onResponderTerminationRequest={[Function]}
               onStartShouldSetResponder={[Function]}
               style={
-                Object {
+                {
                   "opacity": 1,
                 }
               }
             >
               <View
                 style={
-                  Array [
-                    Object {},
+                  [
+                    {},
                   ]
                 }
               >
                 <Text
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#007AFF",
                         "fontSize": 18,
                         "margin": 8,

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

@@ -14,8 +14,8 @@ exports[`Box allows flex props 1`] = `
   flexWrap="wrap"
   justifyContent="space-around"
   style={
-    Array [
-      Object {
+    [
+      {
         "alignContent": "center",
         "alignItems": "flex-end",
         "alignSelf": "baseline",
@@ -45,8 +45,8 @@ exports[`Box map prop to valid property and correct color from theme 1`] = `
   borderStartColor="warning"
   borderTopColor="warning"
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffbe71",
         "borderBottomColor": "#ffbe71",
         "borderColor": "#ffbe71",
@@ -73,8 +73,8 @@ exports[`Box map prop to valid property and correct color from theme 2`] = `
   borderStartColor="danger"
   borderTopColor="danger"
   style={
-    Array [
-      Object {},
+    [
+      {},
       undefined,
     ]
   }
@@ -92,8 +92,8 @@ exports[`Box map prop to valid property and correct color from theme 3`] = `
   borderStartColor="success"
   borderTopColor="success"
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#5ace7d",
         "borderBottomColor": "#5ace7d",
         "borderColor": "#5ace7d",
@@ -120,8 +120,8 @@ exports[`Box map prop to valid property and correct color from theme 4`] = `
   borderStartColor="backgroundDark"
   borderTopColor="backgroundDark"
   style={
-    Array [
-      Object {},
+    [
+      {},
       undefined,
     ]
   }
@@ -140,8 +140,8 @@ exports[`Box map prop to valid property and correct radius from theme 1`] = `
   borderTopRightRadius="base"
   borderTopStartRadius="base"
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomEndRadius": 4,
         "borderBottomLeftRadius": 4,
         "borderBottomRightRadius": 4,
@@ -170,8 +170,8 @@ exports[`Box map prop to valid property and correct radius from theme 2`] = `
   borderTopRightRadius="large"
   borderTopStartRadius="large"
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomEndRadius": 12,
         "borderBottomLeftRadius": 12,
         "borderBottomRightRadius": 12,
@@ -200,8 +200,8 @@ exports[`Box map prop to valid property and correct radius from theme 3`] = `
   borderTopRightRadius="medium"
   borderTopStartRadius="medium"
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomEndRadius": 8,
         "borderBottomLeftRadius": 8,
         "borderBottomRightRadius": 8,
@@ -230,8 +230,8 @@ exports[`Box map prop to valid property and correct radius from theme 4`] = `
   borderTopRightRadius="xlarge"
   borderTopStartRadius="xlarge"
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomEndRadius": 16,
         "borderBottomLeftRadius": 16,
         "borderBottomRightRadius": 16,
@@ -260,8 +260,8 @@ exports[`Box map prop to valid property and correct radius from theme 5`] = `
   borderTopRightRadius="rounded"
   borderTopStartRadius="rounded"
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomEndRadius": 999,
         "borderBottomLeftRadius": 999,
         "borderBottomRightRadius": 999,
@@ -299,8 +299,8 @@ exports[`Box map prop to valid property and correct space from theme 1`] = `
   paddingTop="large"
   paddingVertical="large"
   style={
-    Array [
-      Object {
+    [
+      {
         "margin": 24,
         "marginBottom": 24,
         "marginEnd": 24,
@@ -347,8 +347,8 @@ exports[`Box map prop to valid property and correct space from theme 2`] = `
   paddingTop="medium"
   paddingVertical="medium"
   style={
-    Array [
-      Object {
+    [
+      {
         "margin": 16,
         "marginBottom": 16,
         "marginEnd": 16,
@@ -395,8 +395,8 @@ exports[`Box map prop to valid property and correct space from theme 3`] = `
   paddingTop="small"
   paddingVertical="small"
   style={
-    Array [
-      Object {
+    [
+      {
         "margin": 8,
         "marginBottom": 8,
         "marginEnd": 8,
@@ -443,8 +443,8 @@ exports[`Box map prop to valid property and correct space from theme 4`] = `
   paddingTop="xlarge"
   paddingVertical="xlarge"
   style={
-    Array [
-      Object {
+    [
+      {
         "margin": 32,
         "marginBottom": 32,
         "marginEnd": 32,
@@ -478,8 +478,8 @@ exports[`Box map prop to valid property and correctborderWidth from theme 1`] =
   borderTopWidth="base"
   borderWidth="base"
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomWidth": 1,
         "borderLeftWidth": 1,
         "borderRightWidth": 1,
@@ -500,8 +500,8 @@ exports[`Box map prop to valid property and correctborderWidth from theme 2`] =
   borderTopWidth="medium"
   borderWidth="medium"
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomWidth": 2,
         "borderLeftWidth": 2,
         "borderRightWidth": 2,
@@ -518,8 +518,8 @@ exports[`Box map prop with shortcut name to valid property and correct color fro
 <View
   bgColor="warning"
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffbe71",
       },
       undefined,
@@ -532,8 +532,8 @@ exports[`Box map prop with shortcut name to valid property and correct color fro
 <View
   bgColor="danger"
   style={
-    Array [
-      Object {},
+    [
+      {},
       undefined,
     ]
   }
@@ -544,8 +544,8 @@ exports[`Box map prop with shortcut name to valid property and correct color fro
 <View
   bgColor="success"
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#5ace7d",
       },
       undefined,
@@ -558,8 +558,8 @@ exports[`Box map prop with shortcut name to valid property and correct color fro
 <View
   bgColor="backgroundDark"
   style={
-    Array [
-      Object {},
+    [
+      {},
       undefined,
     ]
   }
@@ -569,8 +569,8 @@ exports[`Box map prop with shortcut name to valid property and correct color fro
 exports[`Box renders content correctly 1`] = `
 <View
   style={
-    Array [
-      Object {},
+    [
+      {},
       undefined,
     ]
   }

package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledLoadingIndicator has basic-transparent style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "height": 12,
@@ -23,8 +23,8 @@ exports[`StyledLoadingIndicator has basic-transparent style 1`] = `
 exports[`StyledLoadingIndicator has filled-danger style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "height": 12,
@@ -43,8 +43,8 @@ exports[`StyledLoadingIndicator has filled-danger style 1`] = `
 exports[`StyledLoadingIndicator has filled-primary style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "height": 12,
@@ -63,8 +63,8 @@ exports[`StyledLoadingIndicator has filled-primary style 1`] = `
 exports[`StyledLoadingIndicator has filled-secondary style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "height": 12,
@@ -83,8 +83,8 @@ exports[`StyledLoadingIndicator has filled-secondary style 1`] = `
 exports[`StyledLoadingIndicator has outlined-danger style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#cb300a",
         "borderRadius": 8,
         "height": 12,
@@ -103,8 +103,8 @@ exports[`StyledLoadingIndicator has outlined-danger style 1`] = `
 exports[`StyledLoadingIndicator has outlined-primary style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 8,
         "height": 12,
@@ -123,8 +123,8 @@ exports[`StyledLoadingIndicator has outlined-primary style 1`] = `
 exports[`StyledLoadingIndicator has outlined-secondary style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#795e90",
         "borderRadius": 8,
         "height": 12,
@@ -143,8 +143,8 @@ exports[`StyledLoadingIndicator has outlined-secondary style 1`] = `
 exports[`StyledLoadingIndicator has text-danger style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#cb300a",
         "borderRadius": 8,
         "height": 12,
@@ -163,8 +163,8 @@ exports[`StyledLoadingIndicator has text-danger style 1`] = `
 exports[`StyledLoadingIndicator has text-primary style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#795e90",
         "borderRadius": 8,
         "height": 12,
@@ -183,8 +183,8 @@ exports[`StyledLoadingIndicator has text-primary style 1`] = `
 exports[`StyledLoadingIndicator has text-secondary style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#795e90",
         "borderRadius": 8,
         "height": 12,