From f26361242987059617a5a38a26d730cbcc6b11b6 Mon Sep 17 00:00:00 2001
From: Matheus Henrique <matheushds.br@gmail.com>
Date: Thu, 9 Nov 2023 12:22:11 -0300
Subject: [PATCH] fix(button-loading): update snapshot

---
 .../web/__snapshots__/Button.test.jsx.snap    | 360 +++++++++---------
 1 file changed, 180 insertions(+), 180 deletions(-)

diff --git a/packages/yoga/src/Button/web/__snapshots__/Button.test.jsx.snap b/packages/yoga/src/Button/web/__snapshots__/Button.test.jsx.snap
index c9f54fb415..fbf9e0f014 100644
--- a/packages/yoga/src/Button/web/__snapshots__/Button.test.jsx.snap
+++ b/packages/yoga/src/Button/web/__snapshots__/Button.test.jsx.snap
@@ -1076,6 +1076,15 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With disabled p
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -1127,15 +1136,6 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With disabled p
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     aria-disabled="true"
@@ -1405,6 +1405,15 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With disabled p
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -1456,15 +1465,6 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With disabled p
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     aria-disabled="true"
@@ -2429,6 +2429,15 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With full prop
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -2480,15 +2489,6 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With full prop
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -2747,6 +2747,15 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With full prop
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -2798,15 +2807,6 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With full prop
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -3988,6 +3988,15 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With small prop
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -4039,15 +4048,6 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With small prop
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -4306,6 +4306,15 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With small prop
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -4357,15 +4366,6 @@ exports[`<Button /> Snapshots primary buttons With inverted prop With small prop
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -5743,6 +5743,15 @@ exports[`<Button /> Snapshots primary buttons With inverted prop should match sn
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -5830,15 +5839,6 @@ exports[`<Button /> Snapshots primary buttons With inverted prop should match sn
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -6173,6 +6173,15 @@ exports[`<Button /> Snapshots primary buttons With inverted prop should match sn
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -6260,15 +6269,6 @@ exports[`<Button /> Snapshots primary buttons With inverted prop should match sn
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -7348,6 +7348,15 @@ exports[`<Button /> Snapshots primary buttons Without props should match snapsho
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -7399,15 +7408,6 @@ exports[`<Button /> Snapshots primary buttons Without props should match snapsho
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -8664,6 +8664,15 @@ exports[`<Button /> Snapshots primary buttons buttons rendering as an anchor Out
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -8715,15 +8724,6 @@ exports[`<Button /> Snapshots primary buttons buttons rendering as an anchor Out
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <a
     class="c0 c1"
@@ -9959,6 +9959,15 @@ exports[`<Button /> Snapshots primary buttons disabled buttons With disabled pro
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -10010,15 +10019,6 @@ exports[`<Button /> Snapshots primary buttons disabled buttons With disabled pro
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     aria-disabled="true"
@@ -10288,6 +10288,15 @@ exports[`<Button /> Snapshots primary buttons disabled buttons With disabled pro
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -10339,15 +10348,6 @@ exports[`<Button /> Snapshots primary buttons disabled buttons With disabled pro
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     aria-disabled="true"
@@ -11312,6 +11312,15 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With full prop s
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -11363,15 +11372,6 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With full prop s
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -11630,6 +11630,15 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With full prop s
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -11681,15 +11690,6 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With full prop s
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -13067,6 +13067,15 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With inverted pr
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -13154,15 +13163,6 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With inverted pr
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -13497,6 +13497,15 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With inverted pr
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -13584,15 +13593,6 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With inverted pr
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -15023,6 +15023,15 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With small prop
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -15074,15 +15083,6 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With small prop
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -15341,6 +15341,15 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With small prop
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -15392,15 +15401,6 @@ exports[`<Button /> Snapshots primary buttons secondary buttons With small prop
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -16825,6 +16825,15 @@ exports[`<Button /> Snapshots primary buttons secondary buttons Without props sh
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -16876,15 +16885,6 @@ exports[`<Button /> Snapshots primary buttons secondary buttons Without props sh
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"
@@ -17143,6 +17143,15 @@ exports[`<Button /> Snapshots primary buttons secondary buttons Without props sh
   stroke: #6B6B78;
 }
 
+.c2 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+
 .c1 {
   background-color: transparent;
   border: 1px solid;
@@ -17194,15 +17203,6 @@ exports[`<Button /> Snapshots primary buttons secondary buttons Without props sh
   fill: transparent;
 }
 
-.c2 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
-  transform: translate(-50%,-50%);
-}
-
 <div>
   <button
     class="c0 c1"