[Bug] Remove flex from Button labels

.changeset/empty-ears-fly.md

@@ -0,0 +1,7 @@
+---
+"@primer/react": patch
+---
+
+[Bug] Remove `flex` from Button labels
+
+<!-- Changed components: Button -->

src/Button/styles.ts

@@ -298,9 +298,6 @@ export const getButtonStyles = (theme?: Theme) => {
  gridArea: 'text',
  lineHeight: 'calc(20/14)',
  whiteSpace: 'nowrap',
- // remove flex in next major release
- display: 'flex',
- alignItems: 'center',
  },
  '[data-component="trailingVisual"]': {
  gridArea: 'trailingVisual',

src/__tests__/__snapshots__/ActionMenu.test.tsx.snap

@@ -178,14 +178,6 @@ exports[`ActionMenu renders consistently 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c1 [data-component="trailingVisual"] {

src/__tests__/__snapshots__/Button.test.tsx.snap

@@ -164,14 +164,6 @@ exports[`Button renders consistently 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c0 [data-component="trailingVisual"] {
@@ -405,14 +397,6 @@ exports[`Button respects block prop 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c0 [data-component="trailingVisual"] {
@@ -652,14 +636,6 @@ exports[`Button respects the alignContent prop 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c0 [data-component="trailingVisual"] {
@@ -898,14 +874,6 @@ exports[`Button respects the large size prop 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c0 [data-component="trailingVisual"] {
@@ -1145,14 +1113,6 @@ exports[`Button respects the small size prop 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c0 [data-component="trailingVisual"] {
@@ -1397,14 +1357,6 @@ exports[`Button styles danger button appropriately 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c0 [data-component="trailingVisual"] {
@@ -1652,14 +1604,6 @@ exports[`Button styles invisible button appropriately 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c0 [data-component="trailingVisual"] {
@@ -1914,14 +1858,6 @@ exports[`Button styles primary button appropriately 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c0 [data-component="trailingVisual"] {

src/__tests__/__snapshots__/TextInput.test.tsx.snap

@@ -1803,14 +1803,6 @@ exports[`TextInput renders trailingAction icon button 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c4 [data-component="trailingVisual"] {
@@ -2460,14 +2452,6 @@ exports[`TextInput renders trailingAction text button 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c3 [data-component="trailingVisual"] {
@@ -2871,14 +2855,6 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = `
  grid-area: text;
  line-height: calc(20/14);
  white-space: nowrap;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
 }
 
 .c4 [data-component="trailingVisual"] {