@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap

@@ -6,7 +6,7 @@ exports[`IconButton renders correctly 1`] = `
   collapsable={false}
   focusable={true}
   hitSlop={
-    Object {
+    {
       "bottom": 4,
       "left": 6,
       "right": 6,
@@ -21,7 +21,7 @@ exports[`IconButton renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
+    {
       "opacity": 1,
     }
   }
@@ -30,8 +30,8 @@ exports[`IconButton renders correctly 1`] = `
   <HeroIcon
     name="home"
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontSize": 24,
         },

package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap

@@ -12,8 +12,8 @@ exports[`StyledButtonContainer has filled-danger style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "#cb300a",
@@ -44,8 +44,8 @@ exports[`StyledButtonContainer has filled-primary style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "#401960",
@@ -76,8 +76,8 @@ exports[`StyledButtonContainer has filled-secondary style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "#795e90",
@@ -108,8 +108,8 @@ exports[`StyledButtonContainer has outlined-danger style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
@@ -142,8 +142,8 @@ exports[`StyledButtonContainer has outlined-primary style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
@@ -176,8 +176,8 @@ exports[`StyledButtonContainer has outlined-secondary style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
@@ -210,8 +210,8 @@ exports[`StyledButtonContainer has text-danger style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -242,8 +242,8 @@ exports[`StyledButtonContainer has text-primary style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -274,8 +274,8 @@ exports[`StyledButtonContainer has text-secondary style 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -297,7 +297,7 @@ exports[`StyledButtonContainer has text-secondary style 1`] = `
 exports[`StyledButtonContainer renders disabled correctly 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -311,8 +311,8 @@ exports[`StyledButtonContainer renders disabled correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "#bfc1c5",
@@ -335,13 +335,13 @@ exports[`StyledButtonIcon has filled-danger style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "fontSize": 20,
         },
@@ -358,13 +358,13 @@ exports[`StyledButtonIcon has filled-primary style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "fontSize": 20,
         },
@@ -381,13 +381,13 @@ exports[`StyledButtonIcon has filled-secondary style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "fontSize": 20,
         },
@@ -404,13 +404,13 @@ exports[`StyledButtonIcon has outlined-danger style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#cb300a",
           "fontSize": 20,
         },
@@ -427,13 +427,13 @@ exports[`StyledButtonIcon has outlined-primary style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#401960",
           "fontSize": 20,
         },
@@ -450,13 +450,13 @@ exports[`StyledButtonIcon has outlined-secondary style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#795e90",
           "fontSize": 20,
         },
@@ -473,13 +473,13 @@ exports[`StyledButtonIcon has text-danger style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#cb300a",
           "fontSize": 20,
         },
@@ -496,13 +496,13 @@ exports[`StyledButtonIcon has text-primary style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#401960",
           "fontSize": 20,
         },
@@ -519,13 +519,13 @@ exports[`StyledButtonIcon has text-secondary style 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#795e90",
           "fontSize": 20,
         },
@@ -542,13 +542,13 @@ exports[`StyledButtonIcon renders disabled correctly 1`] = `
 <HeroIcon
   name="bell"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "fontSize": 20,
         },
@@ -564,8 +564,8 @@ exports[`StyledButtonIcon renders disabled correctly 1`] = `
 exports[`StyledButtonIconWrapper has left style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingRight": 12,
       },
       undefined,
@@ -578,8 +578,8 @@ exports[`StyledButtonIconWrapper has left style 1`] = `
 exports[`StyledButtonIconWrapper has right style 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingLeft": 12,
       },
       undefined,
@@ -593,16 +593,16 @@ exports[`StyledButtonText has filled-danger style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "flexShrink": 1,
           "textAlign": "center",
@@ -624,16 +624,16 @@ exports[`StyledButtonText has filled-primary style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "flexShrink": 1,
           "textAlign": "center",
@@ -655,16 +655,16 @@ exports[`StyledButtonText has filled-secondary style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "flexShrink": 1,
           "textAlign": "center",
@@ -686,16 +686,16 @@ exports[`StyledButtonText has outlined-danger style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#cb300a",
           "flexShrink": 1,
           "textAlign": "center",
@@ -717,16 +717,16 @@ exports[`StyledButtonText has outlined-primary style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#401960",
           "flexShrink": 1,
           "textAlign": "center",
@@ -748,16 +748,16 @@ exports[`StyledButtonText has outlined-secondary style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#795e90",
           "flexShrink": 1,
           "textAlign": "center",
@@ -779,16 +779,16 @@ exports[`StyledButtonText has text-danger style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#cb300a",
           "flexShrink": 1,
           "textAlign": "center",
@@ -810,16 +810,16 @@ exports[`StyledButtonText has text-primary style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#401960",
           "flexShrink": 1,
           "textAlign": "center",
@@ -841,16 +841,16 @@ exports[`StyledButtonText has text-secondary style 1`] = `
 <Text
   allowFontScaling={false}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#795e90",
           "flexShrink": 1,
           "textAlign": "center",
@@ -873,16 +873,16 @@ exports[`StyledButtonText renders disabled correctly 1`] = `
   allowFontScaling={false}
   disabled={true}
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 42,
         "letterSpacing": 0,
         "lineHeight": 50,
       },
-      Array [
-        Object {
+      [
+        {
           "color": "#ffffff",
           "flexShrink": 1,
           "textAlign": "center",