@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, and size is $themeSize 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "height": "100%",
         "justifyContent": "center",
@@ -16,9 +16,9 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
   <View
     collapsable={false}
     style={
-      Object {
-        "transform": Array [
-          Object {
+      {
+        "transform": [
+          {
             "rotate": "0deg",
           },
         ],
@@ -28,12 +28,12 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
     <View
       collapsable={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "marginBottom": 4,
           },
-          Object {},
+          {},
         ]
       }
       themePosition="top"
@@ -42,15 +42,15 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
               "opacity": 0.9,
               "width": 8,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="primary"
@@ -60,8 +60,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
@@ -69,7 +69,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
               "opacity": 0.675,
               "width": 8,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="primary"
@@ -80,12 +80,12 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
     <View
       collapsable={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "marginBottom": 0,
           },
-          Object {},
+          {},
         ]
       }
       themePosition="bottom"
@@ -94,15 +94,15 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
               "opacity": 0.45,
               "width": 8,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="primary"
@@ -112,8 +112,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
@@ -121,7 +121,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
               "opacity": 0.225,
               "width": 8,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="primary"
@@ -136,8 +136,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
 exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, and size is $themeSize 2`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "height": "100%",
         "justifyContent": "center",
@@ -149,9 +149,9 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
   <View
     collapsable={false}
     style={
-      Object {
-        "transform": Array [
-          Object {
+      {
+        "transform": [
+          {
             "rotate": "0deg",
           },
         ],
@@ -161,12 +161,12 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
     <View
       collapsable={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "marginBottom": 4,
           },
-          Object {},
+          {},
         ]
       }
       themePosition="top"
@@ -175,15 +175,15 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 999,
               "height": 8,
               "opacity": 0.9,
               "width": 8,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="inverted"
@@ -193,8 +193,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 999,
               "height": 8,
@@ -202,7 +202,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
               "opacity": 0.675,
               "width": 8,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="inverted"
@@ -213,12 +213,12 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
     <View
       collapsable={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "marginBottom": 0,
           },
-          Object {},
+          {},
         ]
       }
       themePosition="bottom"
@@ -227,15 +227,15 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 999,
               "height": 8,
               "opacity": 0.45,
               "width": 8,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="inverted"
@@ -245,8 +245,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 999,
               "height": 8,
@@ -254,7 +254,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
               "opacity": 0.225,
               "width": 8,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="inverted"
@@ -269,8 +269,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
 exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, and size is $themeSize 3`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "height": "100%",
         "justifyContent": "center",
@@ -282,9 +282,9 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
   <View
     collapsable={false}
     style={
-      Object {
-        "transform": Array [
-          Object {
+      {
+        "transform": [
+          {
             "rotate": "0deg",
           },
         ],
@@ -294,12 +294,12 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
     <View
       collapsable={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "marginBottom": 8,
           },
-          Object {},
+          {},
         ]
       }
       themePosition="top"
@@ -308,15 +308,15 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 16,
               "opacity": 0.9,
               "width": 16,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="primary"
@@ -326,8 +326,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 16,
@@ -335,7 +335,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
               "opacity": 0.675,
               "width": 16,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="primary"
@@ -346,12 +346,12 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
     <View
       collapsable={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "marginBottom": 0,
           },
-          Object {},
+          {},
         ]
       }
       themePosition="bottom"
@@ -360,15 +360,15 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 16,
               "opacity": 0.45,
               "width": 16,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="primary"
@@ -378,8 +378,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 16,
@@ -387,7 +387,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
               "opacity": 0.225,
               "width": 16,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="primary"
@@ -402,8 +402,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
 exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, and size is $themeSize 4`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "height": "100%",
         "justifyContent": "center",
@@ -415,9 +415,9 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
   <View
     collapsable={false}
     style={
-      Object {
-        "transform": Array [
-          Object {
+      {
+        "transform": [
+          {
             "rotate": "0deg",
           },
         ],
@@ -427,12 +427,12 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
     <View
       collapsable={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "marginBottom": 8,
           },
-          Object {},
+          {},
         ]
       }
       themePosition="top"
@@ -441,15 +441,15 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 999,
               "height": 16,
               "opacity": 0.9,
               "width": 16,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="inverted"
@@ -459,8 +459,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 999,
               "height": 16,
@@ -468,7 +468,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
               "opacity": 0.675,
               "width": 16,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="inverted"
@@ -479,12 +479,12 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
     <View
       collapsable={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "flexDirection": "row",
             "marginBottom": 0,
           },
-          Object {},
+          {},
         ]
       }
       themePosition="bottom"
@@ -493,15 +493,15 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 999,
               "height": 16,
               "opacity": 0.45,
               "width": 16,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="inverted"
@@ -511,8 +511,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
       <View
         collapsable={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#ffffff",
               "borderRadius": 999,
               "height": 16,
@@ -520,7 +520,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
               "opacity": 0.225,
               "width": 16,
             },
-            Object {},
+            {},
           ]
         }
         themeIntent="inverted"
@@ -535,8 +535,8 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
 exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is medium, intent is inverted 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 16,
@@ -555,8 +555,8 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
 exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is medium, intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "height": 16,
@@ -575,8 +575,8 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
 exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is small, intent is inverted 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 8,
@@ -595,8 +595,8 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
 exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is small, intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "height": 8,
@@ -615,8 +615,8 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
 exports[`StyledSpinnerDot renders correctly when position is bottomRight, size is medium, intent is inverted 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 16,
@@ -636,8 +636,8 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
 exports[`StyledSpinnerDot renders correctly when position is bottomRight, size is medium, intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "height": 16,
@@ -657,8 +657,8 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
 exports[`StyledSpinnerDot renders correctly when position is bottomRight, size is small, intent is inverted 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 8,
@@ -678,8 +678,8 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
 exports[`StyledSpinnerDot renders correctly when position is bottomRight, size is small, intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "height": 8,
@@ -699,8 +699,8 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
 exports[`StyledSpinnerDot renders correctly when position is topLeft, size is medium, intent is inverted 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 16,
@@ -719,8 +719,8 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is me
 exports[`StyledSpinnerDot renders correctly when position is topLeft, size is medium, intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "height": 16,
@@ -739,8 +739,8 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is me
 exports[`StyledSpinnerDot renders correctly when position is topLeft, size is small, intent is inverted 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 8,
@@ -759,8 +759,8 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is sm
 exports[`StyledSpinnerDot renders correctly when position is topLeft, size is small, intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "height": 8,
@@ -779,8 +779,8 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is sm
 exports[`StyledSpinnerDot renders correctly when position is topRight, size is medium, intent is inverted 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 16,
@@ -800,8 +800,8 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is m
 exports[`StyledSpinnerDot renders correctly when position is topRight, size is medium, intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "height": 16,
@@ -821,8 +821,8 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is m
 exports[`StyledSpinnerDot renders correctly when position is topRight, size is small, intent is inverted 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 8,
@@ -842,8 +842,8 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is s
 exports[`StyledSpinnerDot renders correctly when position is topRight, size is small, intent is primary 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "height": 8,
@@ -863,8 +863,8 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is s
 exports[`StyledSpinnerRow renders correctly when position is bottom, and size is medium 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "flexDirection": "row",
         "marginBottom": 0,
       },
@@ -879,8 +879,8 @@ exports[`StyledSpinnerRow renders correctly when position is bottom, and size is
 exports[`StyledSpinnerRow renders correctly when position is bottom, and size is small 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "flexDirection": "row",
         "marginBottom": 0,
       },
@@ -895,8 +895,8 @@ exports[`StyledSpinnerRow renders correctly when position is bottom, and size is
 exports[`StyledSpinnerRow renders correctly when position is top, and size is medium 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "flexDirection": "row",
         "marginBottom": 8,
       },
@@ -911,8 +911,8 @@ exports[`StyledSpinnerRow renders correctly when position is top, and size is me
 exports[`StyledSpinnerRow renders correctly when position is top, and size is small 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "flexDirection": "row",
         "marginBottom": 4,
       },