fix(Button): stack has direction column by default (#2225)

Author: matthprost

packages/form/src/components/Submit/__tests__/__snapshots__/index.spec.tsx.snap

@@ -178,15 +178,15 @@ exports[`Submit form is invalid 1`] = `
   fill: #c4c9d6;
 }
 
-.cache-185b9wk {
+.cache-7k5j4w {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -234,7 +234,7 @@ exports[`Submit form is invalid 1`] = `
       type="submit"
     >
       <div
-        class="cache-185b9wk em6gco83"
+        class="cache-7k5j4w em6gco83"
       >
         Test
       </div>
@@ -343,15 +343,15 @@ exports[`Submit form is submitting 1`] = `
   transition: stroke-dashoffset 0.5s ease 0s;
 }
 
-.cache-185b9wk {
+.cache-7k5j4w {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -413,7 +413,7 @@ exports[`Submit form is submitting 1`] = `
         </svg>
       </div>
       <div
-        class="cache-185b9wk em6gco83"
+        class="cache-7k5j4w em6gco83"
       >
         Test
       </div>
@@ -478,15 +478,15 @@ exports[`Submit renders correctly  1`] = `
   box-shadow: 0 0 0 2px #149a7b40;
 }
 
-.cache-185b9wk {
+.cache-7k5j4w {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -511,7 +511,7 @@ exports[`Submit renders correctly  1`] = `
       type="submit"
     >
       <div
-        class="cache-185b9wk em6gco83"
+        class="cache-7k5j4w em6gco83"
       >
         Test
       </div>
@@ -576,15 +576,15 @@ exports[`Submit renders correctly with icon and iconPosition  1`] = `
   box-shadow: 0 0 0 2px #149a7b40;
 }
 
-.cache-185b9wk {
+.cache-7k5j4w {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -626,7 +626,7 @@ exports[`Submit renders correctly with icon and iconPosition  1`] = `
       type="submit"
     >
       <div
-        class="cache-185b9wk em6gco83"
+        class="cache-7k5j4w em6gco83"
       >
         Test
       </div>

packages/form/src/components/SubmitErrorAlert/__tests__/__snapshots__/index.spec.tsx.snap

@@ -56,15 +56,15 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
   box-shadow: 0 0 0 2px #149a7b40;
 }
 
-.cache-185b9wk {
+.cache-7k5j4w {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -152,7 +152,7 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
       type="submit"
     >
       <div
-        class="cache-185b9wk em6gco83"
+        class="cache-7k5j4w em6gco83"
       >
         Submit
       </div>