Upgrade EUI to v32.0.4 (#96459)

* eui to 31.12.0

* type updates

* snapshot updates

* snapshot updates

* euiavatarprops

* eui to 32.0.3

* euicard updates

* update test

package.json

@@ -102,7 +102,7 @@
     "@elastic/datemath": "link:bazel-bin/packages/elastic-datemath/npm_module",
     "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@^8.0.0-canary.4",
     "@elastic/ems-client": "7.12.0",
-    "@elastic/eui": "31.10.0",
+    "@elastic/eui": "32.0.4",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "^9.0.1-kibana3",
     "@elastic/maki": "6.3.0",

src/core/public/chrome/ui/header/header.tsx

@@ -98,7 +98,7 @@ export function Header({
     );
   }
 
-  const toggleCollapsibleNavRef = createRef<HTMLButtonElement>();
+  const toggleCollapsibleNavRef = createRef<HTMLButtonElement & { euiAnimate: () => void }>();
   const navId = htmlIdGenerator()();
   const className = classnames('hide-for-sharing', 'headerGlobalNav');
 

test/functional/apps/discover/_data_grid_doc_table.ts

@@ -38,10 +38,10 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await kibanaServer.uiSettings.replace({});
     });
 
-    it('should show the first 12 rows by default', async function () {
+    it('should show the first 11 rows by default', async function () {
       // with the default range the number of hits is ~14000
       const rows = await dataGrid.getDocTableRows();
-      expect(rows.length).to.be(12);
+      expect(rows.length).to.be(11);
     });
 
     it('should refresh the table content when changing time window', async function () {