Upgrade EUI to v70.2.4

package.json

@@ -108,7 +108,7 @@
     "@elastic/datemath": "5.0.3",
     "@elastic/elasticsearch": "npm:@elastic/[email protected]",
     "@elastic/ems-client": "8.3.3",
-    "@elastic/eui": "67.1.8",
+    "@elastic/eui": "70.2.4",
     "@elastic/filesaver": "1.1.2",
     "@elastic/node-crypto": "1.2.1",
     "@elastic/numeral": "^2.5.1",

packages/core/chrome/core-chrome-browser-internal/src/ui/header/collapsible_nav.tsx

@@ -8,6 +8,7 @@
 
 import './collapsible_nav.scss';
 import {
+  EuiThemeProvider,
   EuiCollapsibleNav,
   EuiCollapsibleNavGroup,
   EuiFlexItem,
@@ -19,7 +20,7 @@ import {
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { groupBy, sortBy } from 'lodash';
-import React, { Fragment, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import useObservable from 'react-use/lib/useObservable';
 import * as Rx from 'rxjs';
 import type { HttpStart } from '@kbn/core-http-browser';
@@ -162,35 +163,35 @@ export function CollapsibleNav({
       size={248}
     >
       {customNavLink && (
-        <Fragment>
+        <>
           <EuiFlexItem grow={false} style={{ flexShrink: 0 }}>
             <EuiCollapsibleNavGroup
               background="dark"
               className="eui-yScroll"
               style={{ maxHeight: '40vh' }}
             >
-              <EuiListGroup
-                listItems={[
-                  createEuiListItem({
-                    link: customNavLink,
-                    basePath,
-                    navigateToUrl,
-                    dataTestSubj: 'collapsibleNavCustomNavLink',
-                    onClick: closeNav,
-                    externalLink: true,
-                    iconProps: { color: 'ghost' },
-                  }),
-                ]}
-                maxWidth="none"
-                gutterSize="none"
-                size="s"
-                color="ghost"
-              />
+              <EuiThemeProvider colorMode="dark">
+                <EuiListGroup
+                  listItems={[
+                    createEuiListItem({
+                      link: customNavLink,
+                      basePath,
+                      navigateToUrl,
+                      dataTestSubj: 'collapsibleNavCustomNavLink',
+                      onClick: closeNav,
+                      externalLink: true,
+                    }),
+                  ]}
+                  maxWidth="none"
+                  gutterSize="none"
+                  size="s"
+                />
+              </EuiThemeProvider>
             </EuiCollapsibleNavGroup>
           </EuiFlexItem>
 
           <EuiHorizontalRule margin="none" />
-        </Fragment>
+        </>
       )}
 
       {/* Pinned items */}

packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx

@@ -125,18 +125,24 @@ export const getEuiContextMapping = (): EuiTokensObject => {
       defaultMessage: 'Unavailable',
       description: 'Displayed button text when a card option is unavailable.',
     }),
-    'euiCodeBlock.copyButton': i18n.translate('core.euiCodeBlock.copyButton', {
+    'euiCodeBlockCopy.copy': i18n.translate('core.euiCodeBlockCopy.copy', {
       defaultMessage: 'Copy',
       description: 'ARIA label for a button that copies source code text to the clipboard',
     }),
-    'euiCodeBlock.fullscreenCollapse': i18n.translate('core.euiCodeBlock.fullscreenCollapse', {
-      defaultMessage: 'Collapse',
-      description: 'ARIA label for a button that exits fullscreen view',
-    }),
-    'euiCodeBlock.fullscreenExpand': i18n.translate('core.euiCodeBlock.fullscreenExpand', {
-      defaultMessage: 'Expand',
-      description: 'ARIA label for a button that enters fullscreen view',
-    }),
+    'euiCodeBlockFullScreen.fullscreenCollapse': i18n.translate(
+      'core.euiCodeBlockFullScreen.fullscreenCollapse',
+      {
+        defaultMessage: 'Collapse',
+        description: 'ARIA label for a button that exits fullscreen view',
+      }
+    ),
+    'euiCodeBlockFullScreen.fullscreenExpand': i18n.translate(
+      'core.euiCodeBlockFullScreen.fullscreenExpand',
+      {
+        defaultMessage: 'Expand',
+        description: 'ARIA label for a button that enters fullscreen view',
+      }
+    ),
     'euiCollapsedItemActions.allActions': i18n.translate(
       'core.euiCollapsedItemActions.allActions',
       {
@@ -385,6 +391,126 @@ export const getEuiContextMapping = (): EuiTokensObject => {
           'There is a new region landmark called {landmarkHeading} with page level controls at the end of the document.',
         values: { landmarkHeading },
       }),
+    'euiKeyboardShortcuts.title': i18n.translate('core.euiKeyboardShortcuts.title', {
+      defaultMessage: 'Keyboard shortcuts',
+    }),
+    'euiKeyboardShortcuts.upArrowTitle': i18n.translate('core.euiKeyboardShortcuts.upArrowTitle', {
+      defaultMessage: 'Up arrow',
+    }),
+    'euiKeyboardShortcuts.upArrowDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.upArrowDescription',
+      {
+        defaultMessage: 'Move one cell up',
+      }
+    ),
+    'euiKeyboardShortcuts.downArrowTitle': i18n.translate(
+      'core.euiKeyboardShortcuts.downArrowTitle',
+      {
+        defaultMessage: 'Down arrow',
+      }
+    ),
+    'euiKeyboardShortcuts.downArrowDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.downArrowDescription',
+      {
+        defaultMessage: 'Move one cell down',
+      }
+    ),
+    'euiKeyboardShortcuts.rightArrowTitle': i18n.translate(
+      'core.euiKeyboardShortcuts.rightArrowTitle',
+      {
+        defaultMessage: 'Right arrow',
+      }
+    ),
+    'euiKeyboardShortcuts.rightArrowDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.rightArrowDescription',
+      {
+        defaultMessage: 'Move one cell right',
+      }
+    ),
+    'euiKeyboardShortcuts.leftArrowTitle': i18n.translate(
+      'core.euiKeyboardShortcuts.leftArrowTitle',
+      {
+        defaultMessage: 'Left arrow',
+      }
+    ),
+    'euiKeyboardShortcuts.leftArrowDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.leftArrowDescription',
+      {
+        defaultMessage: 'Move one cell left',
+      }
+    ),
+    'euiKeyboardShortcuts.homeTitle': i18n.translate('core.euiKeyboardShortcuts.homeTitle', {
+      defaultMessage: 'Home',
+    }),
+    'euiKeyboardShortcuts.homeDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.homeDescription',
+      {
+        defaultMessage: 'Move to the first cell of the current row',
+      }
+    ),
+    'euiKeyboardShortcuts.endTitle': i18n.translate('core.euiKeyboardShortcuts.endTitle', {
+      defaultMessage: 'End',
+    }),
+    'euiKeyboardShortcuts.endDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.endDescription',
+      {
+        defaultMessage: 'Move to the last cell of the current row',
+      }
+    ),
+    'euiKeyboardShortcuts.ctrl': i18n.translate('core.euiKeyboardShortcuts.ctrl', {
+      defaultMessage: 'Ctrl',
+    }),
+    'euiKeyboardShortcuts.ctrlHomeDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.ctrlHomeDescription',
+      {
+        defaultMessage: 'Move to the first cell of the current page',
+      }
+    ),
+    'euiKeyboardShortcuts.ctrlEndDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.ctrlEndDescription',
+      {
+        defaultMessage: 'Move to the last cell of the current page',
+      }
+    ),
+    'euiKeyboardShortcuts.pageUpTitle': i18n.translate('core.euiKeyboardShortcuts.pageUpTitle', {
+      defaultMessage: 'Page Up',
+    }),
+    'euiKeyboardShortcuts.pageUpDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.pageUpDescription',
+      {
+        defaultMessage: 'Go to the last row of the previous page',
+      }
+    ),
+    'euiKeyboardShortcuts.pageDownTitle': i18n.translate(
+      'core.euiKeyboardShortcuts.pageDownTitle',
+      {
+        defaultMessage: 'Page Down',
+      }
+    ),
+    'euiKeyboardShortcuts.pageDownDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.pageDownDescription',
+      {
+        defaultMessage: 'Go to the first row of the next page',
+      }
+    ),
+    'euiKeyboardShortcuts.enterTitle': i18n.translate('core.euiKeyboardShortcuts.enterTitle', {
+      defaultMessage: 'Enter',
+    }),
+    'euiKeyboardShortcuts.enterDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.enterDescription',
+      {
+        defaultMessage: 'Open cell details and actions',
+      }
+    ),
+    'euiKeyboardShortcuts.escapeTitle': i18n.translate('core.euiKeyboardShortcuts.escapeTitle', {
+      defaultMessage: 'Escape',
+    }),
+    'euiKeyboardShortcuts.escapeDescription': i18n.translate(
+      'core.euiKeyboardShortcuts.escapeDescription',
+      {
+        defaultMessage: 'Close cell details and actions',
+      }
+    ),
     'euiDataGrid.screenReaderNotice': i18n.translate('core.euiDataGrid.screenReaderNotice', {
       defaultMessage: 'Cell contains interactive content.',
     }),