@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`Divider has large marginHorizontal style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginHorizontal": 24,
@@ -20,8 +20,8 @@ exports[`Divider has large marginHorizontal style 1`] = `
 exports[`Divider has large marginVertical style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginVertical": 24,
@@ -37,8 +37,8 @@ exports[`Divider has large marginVertical style 1`] = `
 exports[`Divider has medium marginHorizontal style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginHorizontal": 16,
@@ -54,8 +54,8 @@ exports[`Divider has medium marginHorizontal style 1`] = `
 exports[`Divider has medium marginVertical style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginVertical": 16,
@@ -71,8 +71,8 @@ exports[`Divider has medium marginVertical style 1`] = `
 exports[`Divider has small marginHorizontal style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginHorizontal": 8,
@@ -88,8 +88,8 @@ exports[`Divider has small marginHorizontal style 1`] = `
 exports[`Divider has small marginVertical style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginVertical": 8,
@@ -105,8 +105,8 @@ exports[`Divider has small marginVertical style 1`] = `
 exports[`Divider has undefined marginHorizontal style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "maxWidth": "100%",
@@ -120,8 +120,8 @@ exports[`Divider has undefined marginHorizontal style 1`] = `
 exports[`Divider has undefined marginVertical style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "maxWidth": "100%",
@@ -135,8 +135,8 @@ exports[`Divider has undefined marginVertical style 1`] = `
 exports[`Divider has xlarge marginHorizontal style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginHorizontal": 32,
@@ -152,8 +152,8 @@ exports[`Divider has xlarge marginHorizontal style 1`] = `
 exports[`Divider has xlarge marginVertical style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginVertical": 32,
@@ -169,8 +169,8 @@ exports[`Divider has xlarge marginVertical style 1`] = `
 exports[`Divider has xsmall marginHorizontal style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginHorizontal": 4,
@@ -186,8 +186,8 @@ exports[`Divider has xsmall marginHorizontal style 1`] = `
 exports[`Divider has xsmall marginVertical style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderBottomColor": "#e8e9ea",
         "borderBottomWidth": 1,
         "marginVertical": 4,

package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap

@@ -5,8 +5,8 @@ exports[`DragableDrawer renders correctly 1`] = `
   enableShadow={true}
   pointerEvents="box-none"
   style={
-    Array [
-      Object {
+    [
+      {
         "bottom": 0,
         "elevation": 9999,
         "flexDirection": "column-reverse",
@@ -15,7 +15,7 @@ exports[`DragableDrawer renders correctly 1`] = `
         "position": "absolute",
         "right": 0,
         "shadowColor": "#001f23",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 3,
           "width": 0,
         },
@@ -34,18 +34,18 @@ exports[`DragableDrawer renders correctly 1`] = `
     enableShadow={true}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "borderTopLeftRadius": 16,
         "borderTopRightRadius": 16,
         "elevation": 10,
         "maxHeight": "100%",
         "overflow": "hidden",
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "scaleY": 0,
           },
-          Object {
+          {
             "translateY": 0,
           },
         ],
@@ -66,8 +66,8 @@ exports[`DragableDrawer renders correctly 1`] = `
       onStartShouldSetResponder={[Function]}
       onStartShouldSetResponderCapture={[Function]}
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "backgroundColor": "#ffffff",
             "paddingVertical": 8,
@@ -78,8 +78,8 @@ exports[`DragableDrawer renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#001f23",
               "borderRadius": 4,
               "height": 4,

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

@@ -5,8 +5,8 @@ exports[`Drawer renders correctly in invisible state 1`] = `
   enableShadow={false}
   pointerEvents="box-none"
   style={
-    Array [
-      Object {
+    [
+      {
         "bottom": 0,
         "elevation": 9999,
         "left": 0,
@@ -14,7 +14,7 @@ exports[`Drawer renders correctly in invisible state 1`] = `
         "position": "absolute",
         "right": 0,
         "shadowColor": "transparent",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 3,
           "width": 0,
         },
@@ -42,7 +42,7 @@ exports[`Drawer renders correctly in invisible state 1`] = `
     onStartShouldSetResponder={[Function]}
     pointerEvents="box-none"
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "bottom": 0,
         "left": 0,
@@ -58,14 +58,14 @@ exports[`Drawer renders correctly in invisible state 1`] = `
     enableShadow={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "borderBottomLeftRadius": 16,
         "borderBottomRightRadius": 16,
         "elevation": undefined,
         "overflow": "hidden",
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "translateY": -1334,
           },
         ],
@@ -84,8 +84,8 @@ exports[`Drawer renders correctly in visible state 1`] = `
   enableShadow={false}
   pointerEvents="box-none"
   style={
-    Array [
-      Object {
+    [
+      {
         "bottom": 0,
         "elevation": 9999,
         "left": 0,
@@ -93,7 +93,7 @@ exports[`Drawer renders correctly in visible state 1`] = `
         "position": "absolute",
         "right": 0,
         "shadowColor": "transparent",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 3,
           "width": 0,
         },
@@ -121,7 +121,7 @@ exports[`Drawer renders correctly in visible state 1`] = `
     onStartShouldSetResponder={[Function]}
     pointerEvents="auto"
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "bottom": 0,
         "left": 0,
@@ -137,14 +137,14 @@ exports[`Drawer renders correctly in visible state 1`] = `
     enableShadow={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "borderBottomLeftRadius": 16,
         "borderBottomRightRadius": 16,
         "elevation": undefined,
         "overflow": "hidden",
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "translateY": 0,
           },
         ],
@@ -163,8 +163,8 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
   enableShadow={false}
   pointerEvents="box-none"
   style={
-    Array [
-      Object {
+    [
+      {
         "bottom": 0,
         "elevation": 9999,
         "left": 0,
@@ -172,7 +172,7 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
         "position": "absolute",
         "right": 0,
         "shadowColor": "transparent",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 3,
           "width": 0,
         },
@@ -200,7 +200,7 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
     onStartShouldSetResponder={[Function]}
     pointerEvents="box-none"
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "bottom": 0,
         "left": 0,
@@ -216,14 +216,14 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
     enableShadow={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "borderBottomLeftRadius": 16,
         "borderBottomRightRadius": 16,
         "elevation": undefined,
         "overflow": "hidden",
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "translateY": -1334,
           },
         ],

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

@@ -3,8 +3,8 @@
 exports[`Empty renders empty state content correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "display": "flex",
         "flex": 1,
@@ -19,16 +19,16 @@ exports[`Empty renders empty state content correctly 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "RebondGrotesque-SemiBold",
           "fontSize": 24,
           "letterSpacing": 0.24,
           "lineHeight": 32,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "marginBottom": 8,
             "textAlign": "center",
@@ -47,16 +47,16 @@ exports[`Empty renders empty state content correctly 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 18,
           "letterSpacing": 0.54,
           "lineHeight": 26,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#4d6265",
             "textAlign": "center",
           },
@@ -76,8 +76,8 @@ exports[`Empty renders empty state content correctly 1`] = `
 exports[`Empty renders empty state with image correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "display": "flex",
         "flex": 1,
@@ -91,13 +91,13 @@ exports[`Empty renders empty state with image correctly 1`] = `
 >
   <Image
     source={
-      Object {
+      {
         "uri": "path_to_image",
       }
     }
     style={
-      Array [
-        Object {
+      [
+        {
           "marginBottom": 24,
         },
         undefined,
@@ -107,16 +107,16 @@ exports[`Empty renders empty state with image correctly 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "RebondGrotesque-SemiBold",
           "fontSize": 24,
           "letterSpacing": 0.24,
           "lineHeight": 32,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "marginBottom": 8,
             "textAlign": "center",
@@ -135,16 +135,16 @@ exports[`Empty renders empty state with image correctly 1`] = `
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 18,
           "letterSpacing": 0.54,
           "lineHeight": 26,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#4d6265",
             "textAlign": "center",
           },