@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledCheckbox renders correctly when disabled is false and readonly is false 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderColor": "#001f23",
         "borderRadius": 4,
         "borderWidth": 2,
@@ -20,8 +20,8 @@ exports[`StyledCheckbox renders correctly when disabled is false and readonly is
 exports[`StyledCheckbox renders correctly when disabled is false and readonly is true 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderColor": "#808f91",
         "borderRadius": 4,
         "borderWidth": 2,
@@ -37,8 +37,8 @@ exports[`StyledCheckbox renders correctly when disabled is false and readonly is
 exports[`StyledCheckbox renders correctly when disabled is true and readonly is false 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderColor": "#bfc1c5",
         "borderRadius": 4,
         "borderWidth": 2,
@@ -54,8 +54,8 @@ exports[`StyledCheckbox renders correctly when disabled is true and readonly is
 exports[`StyledCheckbox renders correctly when disabled is true and readonly is true 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "borderColor": "#bfc1c5",
         "borderRadius": 4,
         "borderWidth": 2,
@@ -81,7 +81,7 @@ exports[`StyledWrapper renders correctly when disabled is false, readonly is fal
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#001f23",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -106,7 +106,7 @@ exports[`StyledWrapper renders correctly when disabled is false, readonly is tru
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#808f91",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -131,7 +131,7 @@ exports[`StyledWrapper renders correctly when disabled is true, readonly is fals
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#bfc1c5",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -156,7 +156,7 @@ exports[`StyledWrapper renders correctly when disabled is true, readonly is true
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#bfc1c5",
       "borderRadius": 8,
       "borderWidth": 1,

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

@@ -3,7 +3,7 @@
 exports[`Checkbox renders correctly when checked is false and there is no description 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -18,7 +18,7 @@ exports[`Checkbox renders correctly when checked is false and there is no descri
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#001f23",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -30,8 +30,8 @@ exports[`Checkbox renders correctly when checked is false and there is no descri
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 24,
           "overflow": "hidden",
           "width": 24,
@@ -42,8 +42,8 @@ exports[`Checkbox renders correctly when checked is false and there is no descri
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 4,
             "borderWidth": 2,
@@ -61,7 +61,7 @@ exports[`Checkbox renders correctly when checked is false and there is no descri
 exports[`Checkbox renders correctly when checked is true and there is no description 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -76,7 +76,7 @@ exports[`Checkbox renders correctly when checked is true and there is no descrip
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#001f23",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -88,8 +88,8 @@ exports[`Checkbox renders correctly when checked is true and there is no descrip
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 24,
           "overflow": "hidden",
           "width": 24,
@@ -101,13 +101,13 @@ exports[`Checkbox renders correctly when checked is true and there is no descrip
     <HeroIcon
       name="box-check"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 24,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "position": "absolute",
               "top": 0,
@@ -122,8 +122,8 @@ exports[`Checkbox renders correctly when checked is true and there is no descrip
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 4,
             "borderWidth": 2,
@@ -141,7 +141,7 @@ exports[`Checkbox renders correctly when checked is true and there is no descrip
 exports[`Checkbox renders correctly when disabled is false and readonly is false 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -156,7 +156,7 @@ exports[`Checkbox renders correctly when disabled is false and readonly is false
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#001f23",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -169,16 +169,16 @@ exports[`Checkbox renders correctly when disabled is false and readonly is false
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.48,
           "lineHeight": 22,
         },
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingRight": 12,
           },
@@ -194,8 +194,8 @@ exports[`Checkbox renders correctly when disabled is false and readonly is false
   </Text>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 24,
           "overflow": "hidden",
           "width": 24,
@@ -206,8 +206,8 @@ exports[`Checkbox renders correctly when disabled is false and readonly is false
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#001f23",
             "borderRadius": 4,
             "borderWidth": 2,
@@ -225,7 +225,7 @@ exports[`Checkbox renders correctly when disabled is false and readonly is false
 exports[`Checkbox renders correctly when disabled is false and readonly is true 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -240,7 +240,7 @@ exports[`Checkbox renders correctly when disabled is false and readonly is true
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#808f91",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -253,16 +253,16 @@ exports[`Checkbox renders correctly when disabled is false and readonly is true
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.48,
           "lineHeight": 22,
         },
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingRight": 12,
           },
@@ -278,8 +278,8 @@ exports[`Checkbox renders correctly when disabled is false and readonly is true
   </Text>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 24,
           "overflow": "hidden",
           "width": 24,
@@ -290,8 +290,8 @@ exports[`Checkbox renders correctly when disabled is false and readonly is true
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#808f91",
             "borderRadius": 4,
             "borderWidth": 2,
@@ -309,7 +309,7 @@ exports[`Checkbox renders correctly when disabled is false and readonly is true
 exports[`Checkbox renders correctly when disabled is true and readonly is false 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -324,7 +324,7 @@ exports[`Checkbox renders correctly when disabled is true and readonly is false
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#bfc1c5",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -337,16 +337,16 @@ exports[`Checkbox renders correctly when disabled is true and readonly is false
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#4d6265",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.48,
           "lineHeight": 22,
         },
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingRight": 12,
           },
@@ -362,8 +362,8 @@ exports[`Checkbox renders correctly when disabled is true and readonly is false
   </Text>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 24,
           "overflow": "hidden",
           "width": 24,
@@ -374,8 +374,8 @@ exports[`Checkbox renders correctly when disabled is true and readonly is false
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#bfc1c5",
             "borderRadius": 4,
             "borderWidth": 2,
@@ -393,7 +393,7 @@ exports[`Checkbox renders correctly when disabled is true and readonly is false
 exports[`Checkbox renders correctly when disabled is true and readonly is true 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -408,7 +408,7 @@ exports[`Checkbox renders correctly when disabled is true and readonly is true 1
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "borderColor": "#bfc1c5",
       "borderRadius": 8,
       "borderWidth": 1,
@@ -421,16 +421,16 @@ exports[`Checkbox renders correctly when disabled is true and readonly is true 1
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#4d6265",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.48,
           "lineHeight": 22,
         },
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingRight": 12,
           },
@@ -446,8 +446,8 @@ exports[`Checkbox renders correctly when disabled is true and readonly is true 1
   </Text>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 24,
           "overflow": "hidden",
           "width": 24,
@@ -458,8 +458,8 @@ exports[`Checkbox renders correctly when disabled is true and readonly is true 1
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "borderColor": "#bfc1c5",
             "borderRadius": 4,
             "borderWidth": 2,

package/src/components/Collapse/__tests__/__snapshots__/StyledCollapse.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledChildWrapper renders correct style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "margin": 0,
         "padding": 0,
       },
@@ -22,7 +22,7 @@ exports[`StyledWrapper renders correct style 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "margin": 0,
       "overflow": "hidden",
       "padding": 0,

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

@@ -5,7 +5,7 @@ exports[`Collapse renders correctly 1`] = `
   collapsable={false}
   onLayout={[Function]}
   style={
-    Object {
+    {
       "height": 0,
       "margin": 0,
       "overflow": "hidden",
@@ -16,8 +16,8 @@ exports[`Collapse renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 1334,
         },
         undefined,
@@ -27,8 +27,8 @@ exports[`Collapse renders correctly 1`] = `
     <View
       onLayout={[Function]}
       style={
-        Array [
-          Object {
+        [
+          {
             "margin": 0,
             "padding": 0,
           },
@@ -49,7 +49,7 @@ exports[`Collapse should render Sample Text but not visible 1`] = `
   collapsable={false}
   onLayout={[Function]}
   style={
-    Object {
+    {
       "height": 0,
       "margin": 0,
       "overflow": "hidden",
@@ -60,8 +60,8 @@ exports[`Collapse should render Sample Text but not visible 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 1334,
         },
         undefined,
@@ -71,8 +71,8 @@ exports[`Collapse should render Sample Text but not visible 1`] = `
     <View
       onLayout={[Function]}
       style={
-        Array [
-          Object {
+        [
+          {
             "margin": 0,
             "padding": 0,
           },

package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`Wrapper has correct style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "flex": 1,
         "flexDirection": "row",
         "justifyContent": "space-between",