Bumping EUI to version 67.1.8

package.json

@@ -108,7 +108,7 @@
     "@elastic/datemath": "5.0.3",
     "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.4.0-canary.1",
     "@elastic/ems-client": "8.3.3",
-    "@elastic/eui": "64.0.5",
+    "@elastic/eui": "67.1.8",
     "@elastic/filesaver": "1.1.2",
     "@elastic/node-crypto": "1.2.1",
     "@elastic/numeral": "^2.5.1",

packages/core/application/core-application-browser-internal/src/application_leave.tsx

@@ -5,7 +5,7 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import type { ButtonColor } from '@elastic/eui';
+import type { EuiButtonColor } from '@elastic/eui';
 import {
   AppLeaveActionType,
   type AppLeaveActionFactory,
@@ -20,7 +20,7 @@ const appLeaveActionFactory: AppLeaveActionFactory = {
     title?: string,
     callback?: () => void,
     confirmButtonText?: string,
-    buttonColor?: ButtonColor
+    buttonColor?: EuiButtonColor
   ) {
     return {
       type: AppLeaveActionType.confirm,

packages/core/application/core-application-browser/src/app_leave.ts

@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import type { ButtonColor } from '@elastic/eui';
+import type { EuiButtonColor } from '@elastic/eui';
 
 /**
  * A handler that will be executed before leaving the application, either when
@@ -61,7 +61,7 @@ export interface AppLeaveConfirmAction {
   text: string;
   title?: string;
   confirmButtonText?: string;
-  buttonColor?: ButtonColor;
+  buttonColor?: EuiButtonColor;
   callback?: () => void;
 }
 
@@ -95,7 +95,7 @@ export interface AppLeaveActionFactory {
     title?: string,
     callback?: () => void,
     confirmButtonText?: string,
-    buttonColor?: ButtonColor
+    buttonColor?: EuiButtonColor
   ): AppLeaveConfirmAction;
 
   /**

packages/core/apps/core-apps-browser-internal/src/status/components/server_status.test.tsx

@@ -24,7 +24,7 @@ describe('ServerStatus', () => {
     const status = getStatus();
     const component = mount(<ServerStatus serverState={status} name="My Computer" />);
     expect(component.find('EuiTitle').text()).toMatchInlineSnapshot(`"Kibana status is Green"`);
-    expect(component.find('EuiBadge')).toMatchSnapshot();
+    expect(component.find('EuiBadge').render()).toMatchSnapshot();
   });
 
   it('renders correctly for yellow state', () => {
@@ -34,7 +34,7 @@ describe('ServerStatus', () => {
     });
     const component = mount(<ServerStatus serverState={status} name="My Computer" />);
     expect(component.find('EuiTitle').text()).toMatchInlineSnapshot(`"Kibana status is Yellow"`);
-    expect(component.find('EuiBadge')).toMatchSnapshot();
+    expect(component.find('EuiBadge').render()).toMatchSnapshot();
   });
 
   it('renders correctly for red state', () => {
@@ -44,7 +44,7 @@ describe('ServerStatus', () => {
     });
     const component = mount(<ServerStatus serverState={status} name="My Computer" />);
     expect(component.find('EuiTitle').text()).toMatchInlineSnapshot(`"Kibana status is Red"`);
-    expect(component.find('EuiBadge')).toMatchSnapshot();
+    expect(component.find('EuiBadge').render()).toMatchSnapshot();
   });
 
   it('displays the correct `name`', () => {

packages/core/mount-utils/core-mount-utils-browser-internal/src/mount_wrapper.scss

@@ -2,4 +2,5 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  overflow: hidden;
 }