snerpsherts

src/components/flex/__snapshots__/flex_grid.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`EuiFlexGrid is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiFlexGrid testClass1 testClass2 emotion-euiFlexGrid-l-row-3-responsive"
+  class="euiFlexGrid testClass1 testClass2 emotion-euiFlexGrid-l-row-stretch-3-responsive"
   data-test-subj="test subject string"
 >
   <h2>
@@ -12,74 +12,104 @@ exports[`EuiFlexGrid is rendered 1`] = `
 </div>
 `;
 
+exports[`EuiFlexGrid props alignItems baseline is rendered 1`] = `
+<div
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-baseline-1-responsive"
+/>
+`;
+
+exports[`EuiFlexGrid props alignItems center is rendered 1`] = `
+<div
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-center-1-responsive"
+/>
+`;
+
+exports[`EuiFlexGrid props alignItems end is rendered 1`] = `
+<div
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-end-1-responsive"
+/>
+`;
+
+exports[`EuiFlexGrid props alignItems start is rendered 1`] = `
+<div
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-start-1-responsive"
+/>
+`;
+
+exports[`EuiFlexGrid props alignItems stretch is rendered 1`] = `
+<div
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-1-responsive"
+/>
+`;
+
 exports[`EuiFlexGrid props columns 1 is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-1-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-1-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props columns 2 is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-2-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-2-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props columns 3 is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-3-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-3-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props columns 4 is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-4-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-4-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props direction column is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-column-1-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-l-column-stretch-1-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props direction row is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-1-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-1-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props gutterSize l is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-1-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-1-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props gutterSize m is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-m-row-1-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-m-row-stretch-1-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props gutterSize none is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-none-row-1-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-none-row-stretch-1-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props gutterSize s is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-s-row-1-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-s-row-stretch-1-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props gutterSize xl is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-xl-row-1-responsive"
+  class="euiFlexGrid emotion-euiFlexGrid-xl-row-stretch-1-responsive"
 />
 `;
 
 exports[`EuiFlexGrid props responsive is rendered 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-1"
+  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-1"
 />
 `;