@hero-design/rn 8.39.0 → 8.39.2

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

@@ -3,7 +3,7 @@
 exports[`Button renders correctly 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -17,8 +17,8 @@ exports[`Button renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "#401960",
@@ -37,16 +37,16 @@ exports[`Button renders correctly 1`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
           "letterSpacing": 0.24,
           "lineHeight": 28,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "flexShrink": 1,
             "textAlign": "center",
@@ -68,7 +68,7 @@ exports[`Button renders correctly 1`] = `
 exports[`Button renders correctly 2`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -82,8 +82,8 @@ exports[`Button renders correctly 2`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "#401960",
@@ -99,14 +99,14 @@ exports[`Button renders correctly 2`] = `
   <View
     collapsable={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "flexDirection": "row",
           "justifyContent": "center",
           "paddingVertical": 1,
         },
-        Object {},
+        {},
       ]
     }
     testID="undefined-loading-indicator"
@@ -114,9 +114,9 @@ exports[`Button renders correctly 2`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -127,8 +127,8 @@ exports[`Button renders correctly 2`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 8,
               "height": 12,
@@ -137,7 +137,7 @@ exports[`Button renders correctly 2`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="filled-primary"
@@ -146,9 +146,9 @@ exports[`Button renders correctly 2`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -159,8 +159,8 @@ exports[`Button renders correctly 2`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 8,
               "height": 12,
@@ -169,7 +169,7 @@ exports[`Button renders correctly 2`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="filled-primary"
@@ -178,9 +178,9 @@ exports[`Button renders correctly 2`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -191,8 +191,8 @@ exports[`Button renders correctly 2`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 8,
               "height": 12,
@@ -201,7 +201,7 @@ exports[`Button renders correctly 2`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="filled-primary"
@@ -214,7 +214,7 @@ exports[`Button renders correctly 2`] = `
 exports[`Button renders correctly 3`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -228,8 +228,8 @@ exports[`Button renders correctly 3`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "#bfc1c5",
@@ -248,16 +248,16 @@ exports[`Button renders correctly 3`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
           "letterSpacing": 0.24,
           "lineHeight": 28,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "flexShrink": 1,
             "textAlign": "center",
@@ -279,7 +279,7 @@ exports[`Button renders correctly 3`] = `
 exports[`Button renders correctly 4`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -293,8 +293,8 @@ exports[`Button renders correctly 4`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
@@ -315,16 +315,16 @@ exports[`Button renders correctly 4`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
           "letterSpacing": 0.24,
           "lineHeight": 28,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#401960",
             "flexShrink": 1,
             "textAlign": "center",
@@ -346,7 +346,7 @@ exports[`Button renders correctly 4`] = `
 exports[`Button renders correctly 5`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -360,8 +360,8 @@ exports[`Button renders correctly 5`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
@@ -379,14 +379,14 @@ exports[`Button renders correctly 5`] = `
   <View
     collapsable={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "flexDirection": "row",
           "justifyContent": "center",
           "paddingVertical": 1,
         },
-        Object {},
+        {},
       ]
     }
     testID="undefined-loading-indicator"
@@ -394,9 +394,9 @@ exports[`Button renders correctly 5`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -407,8 +407,8 @@ exports[`Button renders correctly 5`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 8,
               "height": 12,
@@ -417,7 +417,7 @@ exports[`Button renders correctly 5`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="outlined-primary"
@@ -426,9 +426,9 @@ exports[`Button renders correctly 5`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -439,8 +439,8 @@ exports[`Button renders correctly 5`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 8,
               "height": 12,
@@ -449,7 +449,7 @@ exports[`Button renders correctly 5`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="outlined-primary"
@@ -458,9 +458,9 @@ exports[`Button renders correctly 5`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -471,8 +471,8 @@ exports[`Button renders correctly 5`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 8,
               "height": 12,
@@ -481,7 +481,7 @@ exports[`Button renders correctly 5`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="outlined-primary"
@@ -494,7 +494,7 @@ exports[`Button renders correctly 5`] = `
 exports[`Button renders correctly 6`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -508,8 +508,8 @@ exports[`Button renders correctly 6`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
@@ -530,16 +530,16 @@ exports[`Button renders correctly 6`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
           "letterSpacing": 0.24,
           "lineHeight": 28,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#bfc1c5",
             "flexShrink": 1,
             "textAlign": "center",
@@ -561,7 +561,7 @@ exports[`Button renders correctly 6`] = `
 exports[`Button renders correctly 7`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -575,8 +575,8 @@ exports[`Button renders correctly 7`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -595,16 +595,16 @@ exports[`Button renders correctly 7`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
           "letterSpacing": 0.24,
           "lineHeight": 24,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#401960",
             "flexShrink": 1,
             "lineHeight": 22,
@@ -627,7 +627,7 @@ exports[`Button renders correctly 7`] = `
 exports[`Button renders correctly 8`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -641,8 +641,8 @@ exports[`Button renders correctly 8`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "#ece8ef",
         "borderRadius": 4,
@@ -658,14 +658,14 @@ exports[`Button renders correctly 8`] = `
   <View
     collapsable={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "flexDirection": "row",
           "justifyContent": "center",
           "paddingVertical": 1,
         },
-        Object {},
+        {},
       ]
     }
     testID="undefined-loading-indicator"
@@ -673,9 +673,9 @@ exports[`Button renders correctly 8`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -686,8 +686,8 @@ exports[`Button renders correctly 8`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
@@ -696,7 +696,7 @@ exports[`Button renders correctly 8`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-primary"
@@ -705,9 +705,9 @@ exports[`Button renders correctly 8`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -718,8 +718,8 @@ exports[`Button renders correctly 8`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
@@ -728,7 +728,7 @@ exports[`Button renders correctly 8`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-primary"
@@ -737,9 +737,9 @@ exports[`Button renders correctly 8`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -750,8 +750,8 @@ exports[`Button renders correctly 8`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
@@ -760,7 +760,7 @@ exports[`Button renders correctly 8`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-primary"
@@ -773,7 +773,7 @@ exports[`Button renders correctly 8`] = `
 exports[`Button renders correctly 9`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -787,8 +787,8 @@ exports[`Button renders correctly 9`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -807,16 +807,16 @@ exports[`Button renders correctly 9`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
           "letterSpacing": 0.24,
           "lineHeight": 24,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#bfc1c5",
             "flexShrink": 1,
             "lineHeight": 22,
@@ -839,7 +839,7 @@ exports[`Button renders correctly 9`] = `
 exports[`Button renders correctly 10`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -853,8 +853,8 @@ exports[`Button renders correctly 10`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -873,16 +873,16 @@ exports[`Button renders correctly 10`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
           "letterSpacing": 0.24,
           "lineHeight": 24,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#795e90",
             "flexShrink": 1,
             "lineHeight": 22,
@@ -905,7 +905,7 @@ exports[`Button renders correctly 10`] = `
 exports[`Button renders correctly 11`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -919,8 +919,8 @@ exports[`Button renders correctly 11`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "#ece8ef",
         "borderRadius": 4,
@@ -936,14 +936,14 @@ exports[`Button renders correctly 11`] = `
   <View
     collapsable={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "flexDirection": "row",
           "justifyContent": "center",
           "paddingVertical": 1,
         },
-        Object {},
+        {},
       ]
     }
     testID="undefined-loading-indicator"
@@ -951,9 +951,9 @@ exports[`Button renders correctly 11`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -964,8 +964,8 @@ exports[`Button renders correctly 11`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
@@ -974,7 +974,7 @@ exports[`Button renders correctly 11`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-secondary"
@@ -983,9 +983,9 @@ exports[`Button renders correctly 11`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -996,8 +996,8 @@ exports[`Button renders correctly 11`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
@@ -1006,7 +1006,7 @@ exports[`Button renders correctly 11`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-secondary"
@@ -1015,9 +1015,9 @@ exports[`Button renders correctly 11`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -1028,8 +1028,8 @@ exports[`Button renders correctly 11`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
@@ -1038,7 +1038,7 @@ exports[`Button renders correctly 11`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-secondary"
@@ -1051,7 +1051,7 @@ exports[`Button renders correctly 11`] = `
 exports[`Button renders correctly 12`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -1065,8 +1065,8 @@ exports[`Button renders correctly 12`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -1085,16 +1085,16 @@ exports[`Button renders correctly 12`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
           "letterSpacing": 0.24,
           "lineHeight": 24,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#bfc1c5",
             "flexShrink": 1,
             "lineHeight": 22,
@@ -1117,7 +1117,7 @@ exports[`Button renders correctly 12`] = `
 exports[`Button renders correctly 13`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -1131,8 +1131,8 @@ exports[`Button renders correctly 13`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -1151,16 +1151,16 @@ exports[`Button renders correctly 13`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
           "letterSpacing": 0.24,
           "lineHeight": 24,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#cb300a",
             "flexShrink": 1,
             "lineHeight": 22,
@@ -1183,7 +1183,7 @@ exports[`Button renders correctly 13`] = `
 exports[`Button renders correctly 14`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -1197,8 +1197,8 @@ exports[`Button renders correctly 14`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "#ece8ef",
         "borderRadius": 4,
@@ -1214,14 +1214,14 @@ exports[`Button renders correctly 14`] = `
   <View
     collapsable={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "flexDirection": "row",
           "justifyContent": "center",
           "paddingVertical": 1,
         },
-        Object {},
+        {},
       ]
     }
     testID="undefined-loading-indicator"
@@ -1229,9 +1229,9 @@ exports[`Button renders correctly 14`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -1242,8 +1242,8 @@ exports[`Button renders correctly 14`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#cb300a",
               "borderRadius": 8,
               "height": 12,
@@ -1252,7 +1252,7 @@ exports[`Button renders correctly 14`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-danger"
@@ -1261,9 +1261,9 @@ exports[`Button renders correctly 14`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -1274,8 +1274,8 @@ exports[`Button renders correctly 14`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#cb300a",
               "borderRadius": 8,
               "height": 12,
@@ -1284,7 +1284,7 @@ exports[`Button renders correctly 14`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-danger"
@@ -1293,9 +1293,9 @@ exports[`Button renders correctly 14`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -1306,8 +1306,8 @@ exports[`Button renders correctly 14`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#cb300a",
               "borderRadius": 8,
               "height": 12,
@@ -1316,7 +1316,7 @@ exports[`Button renders correctly 14`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="text-danger"
@@ -1329,7 +1329,7 @@ exports[`Button renders correctly 14`] = `
 exports[`Button renders correctly 15`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -1343,8 +1343,8 @@ exports[`Button renders correctly 15`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "transparent",
         "borderRadius": 4,
@@ -1363,16 +1363,16 @@ exports[`Button renders correctly 15`] = `
     ellipsizeMode="tail"
     numberOfLines={1}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
           "letterSpacing": 0.24,
           "lineHeight": 24,
         },
-        Array [
-          Object {
+        [
+          {
             "color": "#bfc1c5",
             "flexShrink": 1,
             "lineHeight": 22,
@@ -1395,7 +1395,7 @@ exports[`Button renders correctly 15`] = `
 exports[`Button renders loading icon 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -1409,8 +1409,8 @@ exports[`Button renders loading icon 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "#401960",
@@ -1427,14 +1427,14 @@ exports[`Button renders loading icon 1`] = `
   <View
     collapsable={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "flexDirection": "row",
           "justifyContent": "center",
           "paddingVertical": 1,
         },
-        Object {},
+        {},
       ]
     }
     testID="button-loading-indicator"
@@ -1442,9 +1442,9 @@ exports[`Button renders loading icon 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -1455,8 +1455,8 @@ exports[`Button renders loading icon 1`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 8,
               "height": 12,
@@ -1465,7 +1465,7 @@ exports[`Button renders loading icon 1`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="filled-primary"
@@ -1474,9 +1474,9 @@ exports[`Button renders loading icon 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -1487,8 +1487,8 @@ exports[`Button renders loading icon 1`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 8,
               "height": 12,
@@ -1497,7 +1497,7 @@ exports[`Button renders loading icon 1`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="filled-primary"
@@ -1506,9 +1506,9 @@ exports[`Button renders loading icon 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -1519,8 +1519,8 @@ exports[`Button renders loading icon 1`] = `
         collapsable={false}
         size={12}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 8,
               "height": 12,
@@ -1529,7 +1529,7 @@ exports[`Button renders loading icon 1`] = `
               "marginTop": 4,
               "width": 12,
             },
-            Object {},
+            {},
           ]
         }
         themeVariant="filled-primary"