@hero-design/rn 8.38.0 → 8.39.1

package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap

@@ -3,7 +3,7 @@
 exports[`ListItem renders correctly ListItem with children 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -17,8 +17,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "flexDirection": "row",
@@ -30,8 +30,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "flexDirection": "column",
           "flexGrow": 2,
@@ -42,7 +42,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
   >
     <View
       style={
-        Object {
+        {
           "alignItems": "center",
           "flexDirection": "row",
         }
@@ -50,8 +50,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "marginRight": 8,
             },
             undefined,
@@ -60,7 +60,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
       >
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": true,
             }
           }
@@ -75,7 +75,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 32,
@@ -87,8 +87,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "height": "100%",
                   "justifyContent": "center",
@@ -101,16 +101,16 @@ exports[`ListItem renders correctly ListItem with children 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,
@@ -136,8 +136,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
       </View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "flex": 1,
             },
             undefined,
@@ -147,8 +147,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -167,8 +167,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#4d6265",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
@@ -186,8 +186,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
       </View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "marginLeft": 8,
             },
             undefined,
@@ -197,8 +197,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         <HeroIcon
           name="arrow-right"
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#401960",
                 "fontSize": 20,
               },
@@ -212,8 +212,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "flex-start",
             "flexDirection": "column",
             "justifyContent": "flex-start",
@@ -224,7 +224,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
     >
       <View
         style={
-          Object {
+          {
             "alignSelf": "stretch",
             "flexDirection": "row",
             "justifyContent": "space-between",
@@ -234,8 +234,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -254,8 +254,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -274,7 +274,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
       </View>
       <View
         style={
-          Object {
+          {
             "alignSelf": "stretch",
             "flexDirection": "row",
             "justifyContent": "space-between",
@@ -284,8 +284,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -304,8 +304,8 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -330,7 +330,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
 exports[`ListItem renders correctly ListItem with icon 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -344,8 +344,8 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "flexDirection": "row",
@@ -358,8 +358,8 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "flexDirection": "column",
           "flexGrow": 2,
@@ -370,7 +370,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
   >
     <View
       style={
-        Object {
+        {
           "alignItems": "center",
           "flexDirection": "row",
         }
@@ -378,8 +378,8 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "flex": 1,
             },
             undefined,
@@ -389,8 +389,8 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -409,8 +409,8 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#4d6265",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
@@ -428,8 +428,8 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
       </View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "marginLeft": 8,
             },
             undefined,
@@ -439,8 +439,8 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
         <HeroIcon
           name="checkmark"
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#401960",
                 "fontSize": 20,
               },
@@ -459,7 +459,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
 exports[`ListItem renders correctly ListItem with leading status 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -473,8 +473,8 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "flexDirection": "row",
@@ -486,8 +486,8 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "backgroundColor": "#abacaf",
           "borderRadius": 999,
           "marginRight": 8,
@@ -501,8 +501,8 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
   />
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "flexDirection": "column",
           "flexGrow": 2,
@@ -513,7 +513,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
   >
     <View
       style={
-        Object {
+        {
           "alignItems": "center",
           "flexDirection": "row",
         }
@@ -521,8 +521,8 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "flex": 1,
             },
             undefined,
@@ -532,8 +532,8 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -552,8 +552,8 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
       </View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "marginLeft": 8,
             },
             undefined,
@@ -563,8 +563,8 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
         <HeroIcon
           name="arrow-right"
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#401960",
                 "fontSize": 20,
               },
@@ -583,7 +583,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
 exports[`ListItem renders correctly ListItem with prefix suffix is React.Element 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -597,8 +597,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "flexDirection": "row",
@@ -611,8 +611,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "flexDirection": "column",
           "flexGrow": 2,
@@ -623,7 +623,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
   >
     <View
       style={
-        Object {
+        {
           "alignItems": "center",
           "flexDirection": "row",
         }
@@ -631,8 +631,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "marginRight": 8,
             },
             undefined,
@@ -641,7 +641,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
       >
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": true,
             }
           }
@@ -656,7 +656,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 32,
@@ -668,8 +668,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "height": "100%",
                   "justifyContent": "center",
@@ -682,16 +682,16 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             <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,
@@ -717,8 +717,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
       </View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "flex": 1,
             },
             undefined,
@@ -728,8 +728,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -748,8 +748,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#4d6265",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
@@ -767,8 +767,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
       </View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "marginLeft": 8,
             },
             undefined,
@@ -777,7 +777,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
       >
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -791,8 +791,8 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "display": "flex",
@@ -810,7 +810,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           <View
             collapsable={false}
             style={
-              Object {
+              {
                 "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 16,

package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap

@@ -12,8 +12,8 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "#ffffff",
         "borderRadius": 4,
@@ -28,8 +28,8 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -60,8 +60,8 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "#ffffff",
         "borderRadius": 4,
@@ -76,8 +76,8 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -108,8 +108,8 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "#ece8ef",
         "borderRadius": 4,
@@ -124,8 +124,8 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -156,8 +156,8 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "#ece8ef",
         "borderRadius": 4,
@@ -172,8 +172,8 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,