Upgrade EUI to v93.6.0 (#180316)

`v93.5.2` ⏩ `v93.6.0` --- ## [`v93.6.0`](https://github.com/elastic/eui/releases/v93.6.0) - Updated `EuiBreadcrumb` styles to improve visual distinction of clickable breadcrumbs ([#7615](elastic/eui#7615)) **Deprecations** - Deprecated `color` prop on `EuiBreadcrumb` ([#7615](elastic/eui#7615)) **Bug fixes** - Fixed `EuiComboBox` to correctly select full matches within groups via the `Enter` key ([#7658](elastic/eui#7658)) **Accessibility** - Updated `EuiHeaderBreadcrumb` styles to ensure min. required color contrast ([#7643](elastic/eui#7643)) - `EuiSuperSelect` now correctly reads out parent `EuiFormRow` labels to screen readers ([#7650](elastic/eui#7650)) - `EuiSuperSelect` now more closely mimics native `<select>` behavior in its keyboard behavior and navigation ([#7650](elastic/eui#7650)) - `EuiSuperSelect` no longer strands keyboard focus on close ([#7650](elastic/eui#7650)) - `EuiSuperSelect` now correctly allows keyboard navigating past disabled options in the middle of the options list ([#7650](elastic/eui#7650))
elastic · Apr 9, 2024 · 459ed57 · 459ed57
1 parent 3c11bc9
commit 459ed57
Show file tree

Hide file tree

Showing 35 changed files with 76 additions and 81 deletions.
diff --git a/package.json b/package.json
@@ -107,7 +107,7 @@
     "@elastic/ecs": "^8.11.1",
     "@elastic/elasticsearch": "^8.13.0",
     "@elastic/ems-client": "8.5.1",
-    "@elastic/eui": "93.5.2",
+    "@elastic/eui": "93.6.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/node-crypto": "1.2.1",
     "@elastic/numeral": "^2.5.1",

diff --git a/...ages/core/application/core-application-browser-internal/integration_tests/router.test.tsx b/...ages/core/application/core-application-browser-internal/integration_tests/router.test.tsx
@@ -119,7 +119,7 @@ describe('AppRouter', () => {
 
     expect(app1.mounter.mount).toHaveBeenCalled();
     expect(dom?.html()).toMatchInlineSnapshot(`
-      "<span class=\\"euiLoadingElastic appContainer__loading css-1gqpwx6-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
+      "<span class=\\"euiLoadingElastic appContainer__loading css-dq711w-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
       basename: /app/app1
       html: <span>App 1</span>
       </div></div>"
@@ -131,7 +131,7 @@ describe('AppRouter', () => {
     expect(app1Unmount).toHaveBeenCalled();
     expect(app2.mounter.mount).toHaveBeenCalled();
     expect(dom?.html()).toMatchInlineSnapshot(`
-      "<span class=\\"euiLoadingElastic appContainer__loading css-1gqpwx6-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
+      "<span class=\\"euiLoadingElastic appContainer__loading css-dq711w-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
       basename: /app/app2
       html: <div>App 2</div>
       </div></div>"
@@ -145,7 +145,7 @@ describe('AppRouter', () => {
 
     expect(standardApp.mounter.mount).toHaveBeenCalled();
     expect(dom?.html()).toMatchInlineSnapshot(`
-      "<span class=\\"euiLoadingElastic appContainer__loading css-1gqpwx6-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
+      "<span class=\\"euiLoadingElastic appContainer__loading css-dq711w-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
       basename: /app/app1
       html: <span>App 1</span>
       </div></div>"
@@ -157,7 +157,7 @@ describe('AppRouter', () => {
     expect(standardAppUnmount).toHaveBeenCalled();
     expect(chromelessApp.mounter.mount).toHaveBeenCalled();
     expect(dom?.html()).toMatchInlineSnapshot(`
-      "<span class=\\"euiLoadingElastic appContainer__loading css-1gqpwx6-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
+      "<span class=\\"euiLoadingElastic appContainer__loading css-dq711w-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
       basename: /chromeless-a/path
       html: <div>Chromeless A</div>
       </div></div>"
@@ -169,7 +169,7 @@ describe('AppRouter', () => {
     expect(chromelessAppUnmount).toHaveBeenCalled();
     expect(standardApp.mounter.mount).toHaveBeenCalledTimes(2);
     expect(dom?.html()).toMatchInlineSnapshot(`
-      "<span class=\\"euiLoadingElastic appContainer__loading css-1gqpwx6-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
+      "<span class=\\"euiLoadingElastic appContainer__loading css-dq711w-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
       basename: /app/app1
       html: <span>App 1</span>
       </div></div>"
@@ -183,7 +183,7 @@ describe('AppRouter', () => {
 
     expect(chromelessAppA.mounter.mount).toHaveBeenCalled();
     expect(dom?.html()).toMatchInlineSnapshot(`
-      "<span class=\\"euiLoadingElastic appContainer__loading css-1gqpwx6-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
+      "<span class=\\"euiLoadingElastic appContainer__loading css-dq711w-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
       basename: /chromeless-a/path
       html: <div>Chromeless A</div>
       </div></div>"
@@ -195,7 +195,7 @@ describe('AppRouter', () => {
     expect(chromelessAppAUnmount).toHaveBeenCalled();
     expect(chromelessAppB.mounter.mount).toHaveBeenCalled();
     expect(dom?.html()).toMatchInlineSnapshot(`
-      "<span class=\\"euiLoadingElastic appContainer__loading css-1gqpwx6-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
+      "<span class=\\"euiLoadingElastic appContainer__loading css-dq711w-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
       basename: /chromeless-b/path
       html: <div>Chromeless B</div>
       </div></div>"
@@ -207,7 +207,7 @@ describe('AppRouter', () => {
     expect(chromelessAppBUnmount).toHaveBeenCalled();
     expect(chromelessAppA.mounter.mount).toHaveBeenCalledTimes(2);
     expect(dom?.html()).toMatchInlineSnapshot(`
-      "<span class=\\"euiLoadingElastic appContainer__loading css-1gqpwx6-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
+      "<span class=\\"euiLoadingElastic appContainer__loading css-dq711w-euiLoadingElastic\\" role=\\"progressbar\\" aria-label=\\"Loading application\\"><span data-euiicon-type=\\"logoElastic\\"></span></span><div class=\\"kbnAppWrapper\\" aria-busy=\\"false\\"><div>
       basename: /chromeless-a/path
       html: <div>Chromeless A</div>
       </div></div>"

diff --git a/...me/core-chrome-browser-internal/src/ui/header/__snapshots__/collapsible_nav.test.tsx.snap b/...me/core-chrome-browser-internal/src/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
diff --git a/...core/chrome/core-chrome-browser-internal/src/ui/header/__snapshots__/header.test.tsx.snap b/...core/chrome/core-chrome-browser-internal/src/ui/header/__snapshots__/header.test.tsx.snap
diff --git a/...core-chrome-browser-internal/src/ui/header/__snapshots__/screen_reader_a11y.test.tsx.snap b/...core-chrome-browser-internal/src/ui/header/__snapshots__/screen_reader_a11y.test.tsx.snap
diff --git a/packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap b/packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap
diff --git a/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx b/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx
@@ -739,7 +739,7 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         defaultMessage: '{count} available filters',
         values: { count },
       }),
-    'euiFlyout.closeAriaLabel': i18n.translate('core.euiFlyout.closeAriaLabel', {
+    'euiFlyoutCloseButton.ariaLabel': i18n.translate('core.euiFlyoutCloseButton.ariaLabel', {
       defaultMessage: 'Close this dialog',
     }),
     'euiFlyout.screenReaderModalDialog': i18n.translate('core.euiFlyout.screenReaderModalDialog', {
@@ -831,9 +831,6 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         defaultMessage: '(opens in a new tab or window)',
       }
     ),
-    'euiLoadingChart.ariaLabel': i18n.translate('core.euiLoadingChart.ariaLabel', {
-      defaultMessage: 'Loading',
-    }),
     'euiLoadingStrings.ariaLabel': i18n.translate('core.euiLoadingStrings.ariaLabel', {
       defaultMessage: 'Loading',
     }),

diff --git a/.../public/share/share_context_menu/__snapshots__/screen_capture_panel_content.test.tsx.snap b/.../public/share/share_context_menu/__snapshots__/screen_capture_panel_content.test.tsx.snap
diff --git a/...olution-exception-list-components/src/list_header/__snapshots__/list_header.test.tsx.snap b/...olution-exception-list-components/src/list_header/__snapshots__/list_header.test.tsx.snap
diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts
@@ -86,7 +86,7 @@ export const LICENSE_OVERRIDES = {
   '[email protected]': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
   '@mapbox/[email protected]': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   '@elastic/[email protected]': ['Elastic License 2.0'],
-  '@elastic/eui@93.5.2': ['SSPL-1.0 OR Elastic License 2.0'],
+  '@elastic/eui@93.6.0': ['SSPL-1.0 OR Elastic License 2.0'],
   '[email protected]': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
   '[email protected]': ['MIT'], // license in importing module https://www.npmjs.com/package/binary
   '@bufbuild/[email protected]': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause)

diff --git a/...ic/components/view_api_request_flyout/__snapshots__/view_api_request_flyout.test.tsx.snap b/...ic/components/view_api_request_flyout/__snapshots__/view_api_request_flyout.test.tsx.snap
diff --git a/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap b/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap