[Emotion] Convert EuiFlyout

src/components/collapsible_nav/collapsible_nav.spec.tsx

@@ -67,7 +67,7 @@ describe('EuiCollapsibleNav', () => {
         cy.mount(<Nav />);
         cy.wait(400);
         cy.get('[data-test-subj="navSpecButton"]').realClick();
-        cy.get('.euiOverlayMask').realClick();
+        cy.get('.euiOverlayMask').realClick({ position: 'bottomRight' });
         expect(cy.get('#navSpec').should('not.exist'));
       });
 

src/components/flyout/__snapshots__/flyout_body.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`EuiFlyoutBody is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiFlyoutBody testClass1 testClass2"
+  class="euiFlyoutBody testClass1 testClass2 emotion-euiFlyoutBody"
   data-test-subj="test subject string"
 >
   <div

src/components/flyout/__snapshots__/flyout_footer.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`EuiFlyoutFooter is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiFlyoutFooter testClass1 testClass2"
+  class="euiFlyoutFooter testClass1 testClass2 emotion-euiFlyoutFooter"
   data-test-subj="test subject string"
 />
 `;

src/components/flyout/__snapshots__/flyout_header.test.tsx.snap

@@ -3,13 +3,13 @@
 exports[`EuiFlyoutHeader is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiFlyoutHeader testClass1 testClass2"
+  class="euiFlyoutHeader testClass1 testClass2 emotion-euiFlyoutHeader"
   data-test-subj="test subject string"
 />
 `;
 
 exports[`EuiFlyoutHeader props border is rendered 1`] = `
 <div
-  class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
+  class="euiFlyoutHeader euiFlyoutHeader--hasBorder emotion-euiFlyoutHeader-flyoutHeader--hasBorder"
 />
 `;