@hero-design/rn 8.43.1 → 8.44.0

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

@@ -3,142 +3,170 @@
 exports[`Spinner renders correctly 1`] = `
 <View
   style={
-    [
-      {},
-      undefined,
-    ]
+    {
+      "flex": 1,
+    }
   }
 >
   <View
     style={
       [
-        {
-          "alignItems": "center",
-          "height": "100%",
-          "justifyContent": "center",
-        },
+        {},
         undefined,
       ]
     }
-    testID="spinner"
   >
     <View
-      collapsable={false}
       style={
-        {
-          "transform": [
-            {
-              "rotate": "0deg",
-            },
-          ],
-        }
+        [
+          {
+            "alignItems": "center",
+            "height": "100%",
+            "justifyContent": "center",
+          },
+          undefined,
+        ]
       }
+      testID="spinner"
     >
       <View
         collapsable={false}
         style={
-          [
-            {
-              "flexDirection": "row",
-              "marginBottom": 8,
-            },
-            {},
-          ]
-        }
-        themePosition="top"
-        themeSize="medium"
-      >
-        <View
-          collapsable={false}
-          style={
-            [
-              {
-                "backgroundColor": "#401960",
-                "borderRadius": 999,
-                "height": 16,
-                "opacity": 0.9,
-                "width": 16,
-              },
-              {},
-            ]
-          }
-          themeIntent="primary"
-          themePosition="topLeft"
-          themeSize="medium"
-        />
-        <View
-          collapsable={false}
-          style={
-            [
+          {
+            "transform": [
               {
-                "backgroundColor": "#401960",
-                "borderRadius": 999,
-                "height": 16,
-                "marginLeft": 8,
-                "opacity": 0.675,
-                "width": 16,
+                "rotate": "0deg",
               },
-              {},
-            ]
+            ],
           }
-          themeIntent="primary"
-          themePosition="topRight"
-          themeSize="medium"
-        />
-      </View>
-      <View
-        collapsable={false}
-        style={
-          [
-            {
-              "flexDirection": "row",
-              "marginBottom": 0,
-            },
-            {},
-          ]
         }
-        themePosition="bottom"
-        themeSize="medium"
       >
         <View
           collapsable={false}
           style={
             [
               {
-                "backgroundColor": "#401960",
-                "borderRadius": 999,
-                "height": 16,
-                "opacity": 0.45,
-                "width": 16,
+                "flexDirection": "row",
+                "marginBottom": 8,
               },
               {},
             ]
           }
-          themeIntent="primary"
-          themePosition="bottomLeft"
+          themePosition="top"
           themeSize="medium"
-        />
+        >
+          <View
+            collapsable={false}
+            style={
+              [
+                {
+                  "backgroundColor": "#401960",
+                  "borderRadius": 999,
+                  "height": 16,
+                  "opacity": 0.9,
+                  "width": 16,
+                },
+                {},
+              ]
+            }
+            themeIntent="primary"
+            themePosition="topLeft"
+            themeSize="medium"
+          />
+          <View
+            collapsable={false}
+            style={
+              [
+                {
+                  "backgroundColor": "#401960",
+                  "borderRadius": 999,
+                  "height": 16,
+                  "marginLeft": 8,
+                  "opacity": 0.675,
+                  "width": 16,
+                },
+                {},
+              ]
+            }
+            themeIntent="primary"
+            themePosition="topRight"
+            themeSize="medium"
+          />
+        </View>
         <View
           collapsable={false}
           style={
             [
               {
-                "backgroundColor": "#401960",
-                "borderRadius": 999,
-                "height": 16,
-                "marginLeft": 8,
-                "opacity": 0.225,
-                "width": 16,
+                "flexDirection": "row",
+                "marginBottom": 0,
               },
               {},
             ]
           }
-          themeIntent="primary"
-          themePosition="bottomRight"
+          themePosition="bottom"
           themeSize="medium"
-        />
+        >
+          <View
+            collapsable={false}
+            style={
+              [
+                {
+                  "backgroundColor": "#401960",
+                  "borderRadius": 999,
+                  "height": 16,
+                  "opacity": 0.45,
+                  "width": 16,
+                },
+                {},
+              ]
+            }
+            themeIntent="primary"
+            themePosition="bottomLeft"
+            themeSize="medium"
+          />
+          <View
+            collapsable={false}
+            style={
+              [
+                {
+                  "backgroundColor": "#401960",
+                  "borderRadius": 999,
+                  "height": 16,
+                  "marginLeft": 8,
+                  "opacity": 0.225,
+                  "width": 16,
+                },
+                {},
+              ]
+            }
+            themeIntent="primary"
+            themePosition="bottomRight"
+            themeSize="medium"
+          />
+        </View>
       </View>
     </View>
   </View>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
 </View>
 `;