From 9e58b27d59cc8f632c927b624dfa944153fbc407 Mon Sep 17 00:00:00 2001
From: Greg Thompson <thompsongl@users.noreply.github.com>
Date: Thu, 24 Oct 2019 10:14:17 -0500
Subject: [PATCH] Upgrade EUI to 14.7.0 (#49110)

* eui 14.7.0

* icon updates

* snapshot updates

* storyshot updates

* remove config addition
---
 package.json                                  |   2 +-
 .../plugins/kbn_tp_run_pipeline/package.json  |   2 +-
 .../kbn_tp_custom_visualizations/package.json |   2 +-
 .../kbn_tp_embeddable_explorer/package.json   |   2 +-
 .../kbn_tp_sample_panel_action/package.json   |   2 +-
 .../kbn_tp_visualize_embedding/package.json   |   2 +-
 .../__test__/__snapshots__/List.test.tsx.snap | 167 ++++++++++++++++--
 .../ServiceOverview.test.tsx.snap             |   8 +-
 .../TransactionActionMenu.tsx                 |  14 +-
 .../__snapshots__/asset.examples.storyshot    |  22 +--
 .../__snapshots__/file_tree.test.tsx.snap     |  12 --
 .../__snapshots__/symbol_tree.test.tsx.snap   |  12 --
 x-pack/legacy/plugins/infra/index.ts          |   6 +-
 .../metrics_explorer/chart_context_menu.tsx   |   4 +-
 .../plugins/infra/public/register_feature.ts  |   4 +-
 .../plugins/infra/server/kibana.index.ts      |   4 +-
 .../modules/logs_ui_analysis/logo.json        |   2 +-
 .../logs/__snapshots__/logs.test.js.snap      |   8 +-
 .../monitoring/public/components/logs/logs.js |   2 +-
 .../report_listing.test.tsx.snap              |  50 ++++++
 .../integration_group.test.tsx.snap           |  24 +--
 .../functional/integration_group.tsx          |  12 +-
 .../functional/integration_link.tsx           |   2 +-
 .../watcher/common/types/action_types.ts      |   2 +-
 .../public/models/action/logging_action.js    |   2 +-
 x-pack/package.json                           |   2 +-
 yarn.lock                                     |   8 +-
 27 files changed, 275 insertions(+), 104 deletions(-)

diff --git a/package.json b/package.json
index 63f780fe21da1f..d64307ade9247a 100644
--- a/package.json
+++ b/package.json
@@ -110,7 +110,7 @@
     "@elastic/charts": "^13.5.7",
     "@elastic/datemath": "5.0.2",
     "@elastic/ems-client": "1.0.5",
-    "@elastic/eui": "14.5.0",
+    "@elastic/eui": "14.7.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.3",
diff --git a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
index 68641c2fd6b1ff..21b49a9823f624 100644
--- a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
+++ b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.5.0",
+    "@elastic/eui": "14.7.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
index a03849129192f5..7aacfbc22ceee7 100644
--- a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.5.0",
+    "@elastic/eui": "14.7.0",
     "react": "^16.8.0"
   }
 }
diff --git a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
index 18b14516b9be41..80ec89fb0078a7 100644
--- a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.5.0",
+    "@elastic/eui": "14.7.0",
     "react": "^16.8.0"
   },
   "scripts": {
diff --git a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
index b147da6a448ae5..54aba07079eeb6 100644
--- a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.5.0",
+    "@elastic/eui": "14.7.0",
     "react": "^16.8.0"
   },
   "scripts": {
diff --git a/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json b/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
index 10f122823353ce..121f69ada329b1 100644
--- a/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.5.0",
+    "@elastic/eui": "14.7.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
index 7f562efcf64aa7..c663c52d7d639e 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
+++ b/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
@@ -132,7 +132,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
               data-test-subj="tableHeaderCell_groupId_0"
               role="columnheader"
               scope="col"
-              width="96px"
+              style={
+                Object {
+                  "width": "96px",
+                }
+              }
             >
               <div
                 className="euiTableCellContent"
@@ -149,7 +153,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
               data-test-subj="tableHeaderCell_message_1"
               role="columnheader"
               scope="col"
-              width="50%"
+              style={
+                Object {
+                  "width": "50%",
+                }
+              }
             >
               <div
                 className="euiTableCellContent"
@@ -166,6 +174,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
               data-test-subj="tableHeaderCell_handled_2"
               role="columnheader"
               scope="col"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableCellContent euiTableCellContent--alignRight"
@@ -182,6 +195,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
               data-test-subj="tableHeaderCell_occurrenceCount_3"
               role="columnheader"
               scope="col"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <button
                 className="euiTableHeaderButton"
@@ -212,6 +230,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
               data-test-subj="tableHeaderCell_latestOccurrenceAt_4"
               role="columnheader"
               scope="col"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <button
                 className="euiTableHeaderButton euiTableHeaderButton-isSorted"
@@ -254,6 +277,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
             <td
               className="euiTableRowCell euiTableRowCell--isMobileFullWidth"
               colSpan={5}
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableCellContent euiTableCellContent--alignCenter"
@@ -483,7 +511,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               data-test-subj="tableHeaderCell_groupId_0"
               role="columnheader"
               scope="col"
-              width="96px"
+              style={
+                Object {
+                  "width": "96px",
+                }
+              }
             >
               <div
                 className="euiTableCellContent"
@@ -500,7 +532,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               data-test-subj="tableHeaderCell_message_1"
               role="columnheader"
               scope="col"
-              width="50%"
+              style={
+                Object {
+                  "width": "50%",
+                }
+              }
             >
               <div
                 className="euiTableCellContent"
@@ -517,6 +553,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               data-test-subj="tableHeaderCell_handled_2"
               role="columnheader"
               scope="col"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableCellContent euiTableCellContent--alignRight"
@@ -533,6 +574,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               data-test-subj="tableHeaderCell_occurrenceCount_3"
               role="columnheader"
               scope="col"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <button
                 className="euiTableHeaderButton"
@@ -563,6 +609,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               data-test-subj="tableHeaderCell_latestOccurrenceAt_4"
               role="columnheader"
               scope="col"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <button
                 className="euiTableHeaderButton euiTableHeaderButton-isSorted"
@@ -604,7 +655,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
           >
             <td
               className="euiTableRowCell"
-              width="96px"
+              style={
+                Object {
+                  "width": "96px",
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -630,7 +685,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
-              width="50%"
+              style={
+                Object {
+                  "width": "50%",
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -684,6 +743,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
@@ -691,6 +755,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -705,6 +774,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -729,7 +803,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
           >
             <td
               className="euiTableRowCell"
-              width="96px"
+              style={
+                Object {
+                  "width": "96px",
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -755,7 +833,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
-              width="50%"
+              style={
+                Object {
+                  "width": "50%",
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -809,6 +891,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
@@ -816,6 +903,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -830,6 +922,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -854,7 +951,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
           >
             <td
               className="euiTableRowCell"
-              width="96px"
+              style={
+                Object {
+                  "width": "96px",
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -880,7 +981,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
-              width="50%"
+              style={
+                Object {
+                  "width": "50%",
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -934,6 +1039,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
@@ -941,6 +1051,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -955,6 +1070,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -979,7 +1099,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
           >
             <td
               className="euiTableRowCell"
-              width="96px"
+              style={
+                Object {
+                  "width": "96px",
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -1005,7 +1129,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
-              width="50%"
+              style={
+                Object {
+                  "width": "50%",
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -1059,6 +1187,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
@@ -1066,6 +1199,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -1080,6 +1218,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             </td>
             <td
               className="euiTableRowCell"
+              style={
+                Object {
+                  "width": undefined,
+                }
+              }
             >
               <div
                 className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
diff --git a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
index 573278c407389a..6dcb9140a8bb98 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
+++ b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap
@@ -143,7 +143,7 @@ NodeList [
   >
     <td
       class="euiTableRowCell"
-      width="40%"
+      style="width: 40%;"
     >
       <div
         class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -168,7 +168,7 @@ NodeList [
     </td>
     <td
       class="euiTableRowCell"
-      width="20%"
+      style="width: 20%;"
     >
       <div
         class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -241,7 +241,7 @@ NodeList [
   >
     <td
       class="euiTableRowCell"
-      width="40%"
+      style="width: 40%;"
     >
       <div
         class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
@@ -266,7 +266,7 @@ NodeList [
     </td>
     <td
       class="euiTableRowCell"
-      width="20%"
+      style="width: 20%;"
     >
       <div
         class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
diff --git a/x-pack/legacy/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx b/x-pack/legacy/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx
index a121e8dc25b437..533bc845f14f99 100644
--- a/x-pack/legacy/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx
+++ b/x-pack/legacy/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx
@@ -81,7 +81,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = (
 
   const infraConfigItems: InfraConfigItem[] = [
     {
-      icon: 'loggingApp',
+      icon: 'logsApp',
       label: i18n.translate(
         'xpack.apm.transactionActionMenu.showPodLogsLinkLabel',
         { defaultMessage: 'Show pod logs' }
@@ -91,7 +91,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = (
       query: { time }
     },
     {
-      icon: 'loggingApp',
+      icon: 'logsApp',
       label: i18n.translate(
         'xpack.apm.transactionActionMenu.showContainerLogsLinkLabel',
         { defaultMessage: 'Show container logs' }
@@ -101,7 +101,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = (
       query: { time }
     },
     {
-      icon: 'loggingApp',
+      icon: 'logsApp',
       label: i18n.translate(
         'xpack.apm.transactionActionMenu.showHostLogsLinkLabel',
         { defaultMessage: 'Show host logs' }
@@ -111,7 +111,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = (
       query: { time }
     },
     {
-      icon: 'loggingApp',
+      icon: 'logsApp',
       label: i18n.translate(
         'xpack.apm.transactionActionMenu.showTraceLogsLinkLabel',
         { defaultMessage: 'Show trace logs' }
@@ -124,7 +124,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = (
       }
     },
     {
-      icon: 'infraApp',
+      icon: 'metricsApp',
       label: i18n.translate(
         'xpack.apm.transactionActionMenu.showPodMetricsLinkLabel',
         { defaultMessage: 'Show pod metrics' }
@@ -134,7 +134,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = (
       query: infraMetricsQuery
     },
     {
-      icon: 'infraApp',
+      icon: 'metricsApp',
       label: i18n.translate(
         'xpack.apm.transactionActionMenu.showContainerMetricsLinkLabel',
         { defaultMessage: 'Show container metrics' }
@@ -144,7 +144,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = (
       query: infraMetricsQuery
     },
     {
-      icon: 'infraApp',
+      icon: 'metricsApp',
       label: i18n.translate(
         'xpack.apm.transactionActionMenu.showHostMetricsLinkLabel',
         { defaultMessage: 'Show host metrics' }
diff --git a/x-pack/legacy/plugins/canvas/public/components/asset_manager/__examples__/__snapshots__/asset.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/asset_manager/__examples__/__snapshots__/asset.examples.storyshot
index 5bb55dd1a8b60c..89ed05a1eea93c 100644
--- a/x-pack/legacy/plugins/canvas/public/components/asset_manager/__examples__/__snapshots__/asset.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/asset_manager/__examples__/__snapshots__/asset.examples.storyshot
@@ -19,16 +19,17 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
       >
         <figure
           className="euiImage canvasAsset__img"
-          style={
-            Object {
-              "backgroundImage": "url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni4zMSA1Ni4zMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMDc4YTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlBsYW5lIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDkuNTEsNDguOTMsNDEuMjYsMjIuNTIsNTMuNzYsMTBhNS4yOSw1LjI5LDAsMCwwLTcuNDgtNy40N2wtMTIuNSwxMi41TDcuMzgsNi43OUEuNy43LDAsMCwwLDYuNjksN0wxLjIsMTIuNDVhLjcuNywwLDAsMCwwLDFMMTkuODUsMjlsLTcuMjQsNy4yNC03Ljc0LS42YS43MS43MSwwLDAsMC0uNTMuMkwxLjIxLDM5YS42Ny42NywwLDAsMCwuMDgsMUw5LjQ1LDQ2bC4wNywwYy4xMS4xMy4yMi4yNi4zNC4zOHMuMjUuMjMuMzguMzRhLjM2LjM2LDAsMCwwLDAsLjA3TDE2LjMzLDU1YS42OC42OCwwLDAsMCwxLC4wN0wyMC40OSw1MmEuNjcuNjcsMCwwLDAsLjE5LS41NGwtLjU5LTcuNzQsNy4yNC03LjI0TDQyLjg1LDU1LjA2YS42OC42OCwwLDAsMCwxLDBsNS41LTUuNUEuNjYuNjYsMCwwLDAsNDkuNTEsNDguOTNaIi8+PC9nPjwvZz48L3N2Zz4=)",
-            }
-          }
+          role="figure"
         >
           <img
             alt="Asset thumbnail"
             className="euiImage__img"
             src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni4zMSA1Ni4zMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMDc4YTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlBsYW5lIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDkuNTEsNDguOTMsNDEuMjYsMjIuNTIsNTMuNzYsMTBhNS4yOSw1LjI5LDAsMCwwLTcuNDgtNy40N2wtMTIuNSwxMi41TDcuMzgsNi43OUEuNy43LDAsMCwwLDYuNjksN0wxLjIsMTIuNDVhLjcuNywwLDAsMCwwLDFMMTkuODUsMjlsLTcuMjQsNy4yNC03Ljc0LS42YS43MS43MSwwLDAsMC0uNTMuMkwxLjIxLDM5YS42Ny42NywwLDAsMCwuMDgsMUw5LjQ1LDQ2bC4wNywwYy4xMS4xMy4yMi4yNi4zNC4zOHMuMjUuMjMuMzguMzRhLjM2LjM2LDAsMCwwLDAsLjA3TDE2LjMzLDU1YS42OC42OCwwLDAsMCwxLC4wN0wyMC40OSw1MmEuNjcuNjcsMCwwLDAsLjE5LS41NGwtLjU5LTcuNzQsNy4yNC03LjI0TDQyLjg1LDU1LjA2YS42OC42OCwwLDAsMCwxLDBsNS41LTUuNUEuNjYuNjYsMCwwLDAsNDkuNTEsNDguOTNaIi8+PC9nPjwvZz48L3N2Zz4="
+            style={
+              Object {
+                "backgroundImage": "url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni4zMSA1Ni4zMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMDc4YTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlBsYW5lIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDkuNTEsNDguOTMsNDEuMjYsMjIuNTIsNTMuNzYsMTBhNS4yOSw1LjI5LDAsMCwwLTcuNDgtNy40N2wtMTIuNSwxMi41TDcuMzgsNi43OUEuNy43LDAsMCwwLDYuNjksN0wxLjIsMTIuNDVhLjcuNywwLDAsMCwwLDFMMTkuODUsMjlsLTcuMjQsNy4yNC03Ljc0LS42YS43MS43MSwwLDAsMC0uNTMuMkwxLjIxLDM5YS42Ny42NywwLDAsMCwuMDgsMUw5LjQ1LDQ2bC4wNywwYy4xMS4xMy4yMi4yNi4zNC4zOHMuMjUuMjMuMzguMzRhLjM2LjM2LDAsMCwwLDAsLjA3TDE2LjMzLDU1YS42OC42OCwwLDAsMCwxLC4wN0wyMC40OSw1MmEuNjcuNjcsMCwwLDAsLjE5LS41NGwtLjU5LTcuNzQsNy4yNC03LjI0TDQyLjg1LDU1LjA2YS42OC42OCwwLDAsMCwxLDBsNS41LTUuNUEuNjYuNjYsMCwwLDAsNDkuNTEsNDguOTNaIi8+PC9nPjwvZz48L3N2Zz4=)",
+              }
+            }
           />
         </figure>
       </div>
@@ -213,16 +214,17 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
       >
         <figure
           className="euiImage canvasAsset__img"
-          style={
-            Object {
-              "backgroundImage": "url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOC4zOSA1Ny41NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMTliOGY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkxvY2F0aW9uIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkuMTksMUExOC4xOSwxOC4xOSwwLDAsMCwyLjk0LDI3LjM2aDBhMTkuNTEsMTkuNTEsMCwwLDAsMSwxLjc4TDE5LjE5LDU1LjU3LDM0LjM4LDI5LjIxQTE4LjE5LDE4LjE5LDAsMCwwLDE5LjE5LDFabTAsMjMuMjlhNS41Myw1LjUzLDAsMSwxLDUuNTMtNS41M0E1LjUzLDUuNTMsMCwwLDEsMTkuMTksMjQuMjlaIi8+PC9nPjwvZz48L3N2Zz4=)",
-            }
-          }
+          role="figure"
         >
           <img
             alt="Asset thumbnail"
             className="euiImage__img"
             src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOC4zOSA1Ny41NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMTliOGY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkxvY2F0aW9uIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkuMTksMUExOC4xOSwxOC4xOSwwLDAsMCwyLjk0LDI3LjM2aDBhMTkuNTEsMTkuNTEsMCwwLDAsMSwxLjc4TDE5LjE5LDU1LjU3LDM0LjM4LDI5LjIxQTE4LjE5LDE4LjE5LDAsMCwwLDE5LjE5LDFabTAsMjMuMjlhNS41Myw1LjUzLDAsMSwxLDUuNTMtNS41M0E1LjUzLDUuNTMsMCwwLDEsMTkuMTksMjQuMjlaIi8+PC9nPjwvZz48L3N2Zz4="
+            style={
+              Object {
+                "backgroundImage": "url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOC4zOSA1Ny41NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMTliOGY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkxvY2F0aW9uIEljb248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkuMTksMUExOC4xOSwxOC4xOSwwLDAsMCwyLjk0LDI3LjM2aDBhMTkuNTEsMTkuNTEsMCwwLDAsMSwxLjc4TDE5LjE5LDU1LjU3LDM0LjM4LDI5LjIxQTE4LjE5LDE4LjE5LDAsMCwwLDE5LjE5LDFabTAsMjMuMjlhNS41Myw1LjUzLDAsMSwxLDUuNTMtNS41M0E1LjUzLDUuNTMsMCwwLDEsMTkuMTksMjQuMjlaIi8+PC9nPjwvZz48L3N2Zz4=)",
+              }
+            }
           />
         </figure>
       </div>
diff --git a/x-pack/legacy/plugins/code/public/components/file_tree/__snapshots__/file_tree.test.tsx.snap b/x-pack/legacy/plugins/code/public/components/file_tree/__snapshots__/file_tree.test.tsx.snap
index f06c4234d28920..3b6b2e9a53c26b 100644
--- a/x-pack/legacy/plugins/code/public/components/file_tree/__snapshots__/file_tree.test.tsx.snap
+++ b/x-pack/legacy/plugins/code/public/components/file_tree/__snapshots__/file_tree.test.tsx.snap
@@ -28,23 +28,11 @@ exports[`render correctly 1`] = `
   </button>
   <div
     className="euiSideNav__content"
-    role="menubar"
   >
     <div
       className="euiSideNavItem euiSideNavItem--root euiSideNavItem--hasChildItems"
     >
       <div
-        aria-label={
-          <span
-            className="euiSideNavItemButton__content"
-          >
-            <span
-              className="euiSideNavItemButton__label"
-            >
-              
-            </span>
-          </span>
-        }
         className="euiSideNavItemButton"
       >
         <span
diff --git a/x-pack/legacy/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap b/x-pack/legacy/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap
index 975e1df6777d81..f4aa58466e7379 100644
--- a/x-pack/legacy/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap
+++ b/x-pack/legacy/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap
@@ -31,23 +31,11 @@ exports[`render symbol tree correctly 1`] = `
     </button>
     <div
       className="euiSideNav__content"
-      role="menubar"
     >
       <div
         className="euiSideNavItem euiSideNavItem--root euiSideNavItem--hasChildItems"
       >
         <div
-          aria-label={
-            <span
-              className="euiSideNavItemButton__content"
-            >
-              <span
-                className="euiSideNavItemButton__label"
-              >
-                
-              </span>
-            </span>
-          }
           className="euiSideNavItemButton"
         >
           <span
diff --git a/x-pack/legacy/plugins/infra/index.ts b/x-pack/legacy/plugins/infra/index.ts
index 671ae7d747e017..9bf679fb5ff805 100644
--- a/x-pack/legacy/plugins/infra/index.ts
+++ b/x-pack/legacy/plugins/infra/index.ts
@@ -43,7 +43,7 @@ export function infra(kibana: any) {
             defaultMessage: 'Explore your metrics',
           }),
           icon: 'plugins/infra/images/infra_mono_white.svg',
-          euiIconType: 'infraApp',
+          euiIconType: 'metricsApp',
           id: 'infra:home',
           order: 8000,
           title: i18n.translate('xpack.infra.linkInfrastructureTitle', {
@@ -56,7 +56,7 @@ export function infra(kibana: any) {
             defaultMessage: 'Explore your logs',
           }),
           icon: 'plugins/infra/images/logging_mono_white.svg',
-          euiIconType: 'loggingApp',
+          euiIconType: 'logsApp',
           id: 'infra:logs',
           order: 8001,
           title: i18n.translate('xpack.infra.linkLogsTitle', {
@@ -76,7 +76,7 @@ export function infra(kibana: any) {
         {
           path: `/app/${APP_ID}#/logs`,
           label: logsSampleDataLinkLabel,
-          icon: 'loggingApp',
+          icon: 'logsApp',
         },
       ]);
     },
diff --git a/x-pack/legacy/plugins/infra/public/components/metrics_explorer/chart_context_menu.tsx b/x-pack/legacy/plugins/infra/public/components/metrics_explorer/chart_context_menu.tsx
index 5293af666723a0..aa3616c5ecfbee 100644
--- a/x-pack/legacy/plugins/infra/public/components/metrics_explorer/chart_context_menu.tsx
+++ b/x-pack/legacy/plugins/infra/public/components/metrics_explorer/chart_context_menu.tsx
@@ -96,7 +96,7 @@ export const MetricsExplorerChartContextMenu = ({
           name: i18n.translate('xpack.infra.metricsExplorer.filterByLabel', {
             defaultMessage: 'Add filter',
           }),
-          icon: 'infraApp',
+          icon: 'metricsApp',
           onClick: handleFilter,
           'data-test-subj': 'metricsExplorerAction-AddFilter',
         },
@@ -111,7 +111,7 @@ export const MetricsExplorerChartContextMenu = ({
             defaultMessage: 'View metrics for {name}',
             values: { name: nodeType },
           }),
-          icon: 'infraApp',
+          icon: 'metricsApp',
           href: createNodeDetailLink(nodeType, series.id, timeRange.from, timeRange.to),
           'data-test-subj': 'metricsExplorerAction-ViewNodeMetrics',
         },
diff --git a/x-pack/legacy/plugins/infra/public/register_feature.ts b/x-pack/legacy/plugins/infra/public/register_feature.ts
index 2557503ef5c0ab..bf56db77e360f0 100644
--- a/x-pack/legacy/plugins/infra/public/register_feature.ts
+++ b/x-pack/legacy/plugins/infra/public/register_feature.ts
@@ -21,7 +21,7 @@ FeatureCatalogueRegistryProvider.register((i18n: I18nServiceType) => ({
     defaultMessage:
       'Explore infrastructure metrics and logs for common servers, containers, and services.',
   }),
-  icon: 'infraApp',
+  icon: 'metricsApp',
   path: `/app/${APP_ID}#infrastructure`,
   showOnHomePage: true,
   category: FeatureCatalogueCategory.DATA,
@@ -36,7 +36,7 @@ FeatureCatalogueRegistryProvider.register((i18n: I18nServiceType) => ({
     defaultMessage:
       'Stream logs in real time or scroll through historical views in a console-like experience.',
   }),
-  icon: 'loggingApp',
+  icon: 'logsApp',
   path: `/app/${APP_ID}#logs`,
   showOnHomePage: true,
   category: FeatureCatalogueCategory.DATA,
diff --git a/x-pack/legacy/plugins/infra/server/kibana.index.ts b/x-pack/legacy/plugins/infra/server/kibana.index.ts
index 59e3ffb3cb33d0..48ef846ec52750 100644
--- a/x-pack/legacy/plugins/infra/server/kibana.index.ts
+++ b/x-pack/legacy/plugins/infra/server/kibana.index.ts
@@ -35,7 +35,7 @@ export const initServerWithKibana = (kbnServer: KbnServer) => {
     name: i18n.translate('xpack.infra.featureRegistry.linkInfrastructureTitle', {
       defaultMessage: 'Metrics',
     }),
-    icon: 'infraApp',
+    icon: 'metricsApp',
     navLinkId: 'infra:home',
     app: ['infra', 'kibana'],
     catalogue: ['infraops'],
@@ -73,7 +73,7 @@ export const initServerWithKibana = (kbnServer: KbnServer) => {
     name: i18n.translate('xpack.infra.featureRegistry.linkLogsTitle', {
       defaultMessage: 'Logs',
     }),
-    icon: 'loggingApp',
+    icon: 'logsApp',
     navLinkId: 'infra:logs',
     app: ['infra', 'kibana'],
     catalogue: ['infralogging'],
diff --git a/x-pack/legacy/plugins/ml/server/models/data_recognizer/modules/logs_ui_analysis/logo.json b/x-pack/legacy/plugins/ml/server/models/data_recognizer/modules/logs_ui_analysis/logo.json
index ead765e4747206..26b404ff331c6b 100644
--- a/x-pack/legacy/plugins/ml/server/models/data_recognizer/modules/logs_ui_analysis/logo.json
+++ b/x-pack/legacy/plugins/ml/server/models/data_recognizer/modules/logs_ui_analysis/logo.json
@@ -1,3 +1,3 @@
 {
-  "icon": "loggingApp"
+  "icon": "logsApp"
 }
diff --git a/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/logs.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/logs.test.js.snap
index b108746a422bb2..4affadd1275301 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/logs.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/logs.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Logs should render a link to filter by cluster uuid 1`] = `
 <EuiCallOut
-  iconType="loggingApp"
+  iconType="logsApp"
   size="m"
   title="Want to see more log entries?"
 >
@@ -26,7 +26,7 @@ exports[`Logs should render a link to filter by cluster uuid 1`] = `
 
 exports[`Logs should render a link to filter by cluster uuid and index uuid 1`] = `
 <EuiCallOut
-  iconType="loggingApp"
+  iconType="logsApp"
   size="m"
   title="Want to see more log entries?"
 >
@@ -50,7 +50,7 @@ exports[`Logs should render a link to filter by cluster uuid and index uuid 1`]
 
 exports[`Logs should render a link to filter by cluster uuid and node uuid 1`] = `
 <EuiCallOut
-  iconType="loggingApp"
+  iconType="logsApp"
   size="m"
   title="Want to see more log entries?"
 >
@@ -275,7 +275,7 @@ exports[`Logs should render normally 1`] = `
     size="m"
   />
   <EuiCallOut
-    iconType="loggingApp"
+    iconType="logsApp"
     size="m"
     title="Want to see more log entries?"
   >
diff --git a/x-pack/legacy/plugins/monitoring/public/components/logs/logs.js b/x-pack/legacy/plugins/monitoring/public/components/logs/logs.js
index c59a3d595b14fc..50e3cbd9af6c94 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/logs/logs.js
+++ b/x-pack/legacy/plugins/monitoring/public/components/logs/logs.js
@@ -169,7 +169,7 @@ export class Logs extends PureComponent {
         title={i18n.translate('xpack.monitoring.logs.listing.calloutTitle', {
           defaultMessage: 'Want to see more log entries?'
         })}
-        iconType="loggingApp"
+        iconType="logsApp"
       >
         <p>
           <FormattedMessage
diff --git a/x-pack/legacy/plugins/reporting/public/components/__snapshots__/report_listing.test.tsx.snap b/x-pack/legacy/plugins/reporting/public/components/__snapshots__/report_listing.test.tsx.snap
index 4e861a5b8d1d5a..3a8d2bc13249e7 100644
--- a/x-pack/legacy/plugins/reporting/public/components/__snapshots__/report_listing.test.tsx.snap
+++ b/x-pack/legacy/plugins/reporting/public/components/__snapshots__/report_listing.test.tsx.snap
@@ -112,6 +112,11 @@ Array [
                       data-test-subj="tableHeaderCell_object_title_0"
                       role="columnheader"
                       scope="col"
+                      style={
+                        Object {
+                          "width": undefined,
+                        }
+                      }
                     >
                       <div
                         className="euiTableCellContent"
@@ -134,6 +139,11 @@ Array [
                       data-test-subj="tableHeaderCell_created_at_1"
                       role="columnheader"
                       scope="col"
+                      style={
+                        Object {
+                          "width": undefined,
+                        }
+                      }
                     >
                       <div
                         className="euiTableCellContent"
@@ -156,6 +166,11 @@ Array [
                       data-test-subj="tableHeaderCell_status_2"
                       role="columnheader"
                       scope="col"
+                      style={
+                        Object {
+                          "width": undefined,
+                        }
+                      }
                     >
                       <div
                         className="euiTableCellContent"
@@ -176,6 +191,11 @@ Array [
                       className="euiTableHeaderCell"
                       role="columnheader"
                       scope="col"
+                      style={
+                        Object {
+                          "width": undefined,
+                        }
+                      }
                     >
                       <div
                         className="euiTableCellContent euiTableCellContent--alignRight"
@@ -205,6 +225,11 @@ Array [
                       <td
                         className="euiTableRowCell euiTableRowCell--isMobileFullWidth"
                         colSpan={4}
+                        style={
+                          Object {
+                            "width": undefined,
+                          }
+                        }
                       >
                         <div
                           className="euiTableCellContent euiTableCellContent--alignCenter"
@@ -362,6 +387,11 @@ Array [
                     data-test-subj="tableHeaderCell_object_title_0"
                     role="columnheader"
                     scope="col"
+                    style={
+                      Object {
+                        "width": undefined,
+                      }
+                    }
                   >
                     <div
                       className="euiTableCellContent"
@@ -384,6 +414,11 @@ Array [
                     data-test-subj="tableHeaderCell_created_at_1"
                     role="columnheader"
                     scope="col"
+                    style={
+                      Object {
+                        "width": undefined,
+                      }
+                    }
                   >
                     <div
                       className="euiTableCellContent"
@@ -406,6 +441,11 @@ Array [
                     data-test-subj="tableHeaderCell_status_2"
                     role="columnheader"
                     scope="col"
+                    style={
+                      Object {
+                        "width": undefined,
+                      }
+                    }
                   >
                     <div
                       className="euiTableCellContent"
@@ -426,6 +466,11 @@ Array [
                     className="euiTableHeaderCell"
                     role="columnheader"
                     scope="col"
+                    style={
+                      Object {
+                        "width": undefined,
+                      }
+                    }
                   >
                     <div
                       className="euiTableCellContent euiTableCellContent--alignRight"
@@ -455,6 +500,11 @@ Array [
                     <td
                       className="euiTableRowCell euiTableRowCell--isMobileFullWidth"
                       colSpan={4}
+                      style={
+                        Object {
+                          "width": undefined,
+                        }
+                      }
                     >
                       <div
                         className="euiTableCellContent euiTableCellContent--alignCenter"
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/integration_group.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/integration_group.test.tsx.snap
index f07d0171b22ad0..bab69a6de9708a 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/integration_group.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/integration_group.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`IntegrationGroup will not display APM links when APM is unavailable 1`]
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Check Infrastructure UI for this montor's ip address"
-      iconType="infraApp"
+      iconType="metricsApp"
       message="Show host metrics"
       tooltipContent="Check Infrastructure UI for the IP \\"\\""
     />
@@ -15,7 +15,7 @@ exports[`IntegrationGroup will not display APM links when APM is unavailable 1`]
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Check Infrastructure UI for this monitor's pod UID"
-      iconType="infraApp"
+      iconType="metricsApp"
       message="Show pod metrics"
       tooltipContent="Check Infrastructure UI for pod UID \\"\\"."
     />
@@ -23,7 +23,7 @@ exports[`IntegrationGroup will not display APM links when APM is unavailable 1`]
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Check Infrastructure UI for this monitor's container ID"
-      iconType="infraApp"
+      iconType="metricsApp"
       message="Show container metrics"
       tooltipContent="Check Infrastructure UI for container ID \\"\\""
     />
@@ -31,7 +31,7 @@ exports[`IntegrationGroup will not display APM links when APM is unavailable 1`]
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Check Logging UI for this monitor's ip address"
-      iconType="loggingApp"
+      iconType="logsApp"
       message="Show host logs"
       tooltipContent="Check Logging UI for the IP \\"\\""
     />
@@ -39,7 +39,7 @@ exports[`IntegrationGroup will not display APM links when APM is unavailable 1`]
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Show pod logs"
-      iconType="loggingApp"
+      iconType="logsApp"
       message="Show pod logs"
       tooltipContent="Check for logs for pod UID \\"\\""
     />
@@ -47,7 +47,7 @@ exports[`IntegrationGroup will not display APM links when APM is unavailable 1`]
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Show container logs"
-      iconType="loggingApp"
+      iconType="logsApp"
       message="Show container logs"
       tooltipContent="Check Logging UI for container ID \\"\\""
     />
@@ -71,7 +71,7 @@ exports[`IntegrationGroup will not display infra links when infra is unavailable
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Check Logging UI for this monitor's ip address"
-      iconType="loggingApp"
+      iconType="logsApp"
       message="Show host logs"
       tooltipContent="Check Logging UI for the IP \\"\\""
     />
@@ -79,7 +79,7 @@ exports[`IntegrationGroup will not display infra links when infra is unavailable
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Show pod logs"
-      iconType="loggingApp"
+      iconType="logsApp"
       message="Show pod logs"
       tooltipContent="Check for logs for pod UID \\"\\""
     />
@@ -87,7 +87,7 @@ exports[`IntegrationGroup will not display infra links when infra is unavailable
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Show container logs"
-      iconType="loggingApp"
+      iconType="logsApp"
       message="Show container logs"
       tooltipContent="Check Logging UI for container ID \\"\\""
     />
@@ -111,7 +111,7 @@ exports[`IntegrationGroup will not display logging links when logging is unavail
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Check Infrastructure UI for this montor's ip address"
-      iconType="infraApp"
+      iconType="metricsApp"
       message="Show host metrics"
       tooltipContent="Check Infrastructure UI for the IP \\"\\""
     />
@@ -119,7 +119,7 @@ exports[`IntegrationGroup will not display logging links when logging is unavail
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Check Infrastructure UI for this monitor's pod UID"
-      iconType="infraApp"
+      iconType="metricsApp"
       message="Show pod metrics"
       tooltipContent="Check Infrastructure UI for pod UID \\"\\"."
     />
@@ -127,7 +127,7 @@ exports[`IntegrationGroup will not display logging links when logging is unavail
   <EuiFlexItem>
     <IntegrationLink
       ariaLabel="Check Infrastructure UI for this monitor's container ID"
-      iconType="infraApp"
+      iconType="metricsApp"
       message="Show container metrics"
       tooltipContent="Check Infrastructure UI for container ID \\"\\""
     />
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/integration_group.tsx b/x-pack/legacy/plugins/uptime/public/components/functional/integration_group.tsx
index 2dd3d24a3cd8db..da66235e37f1ae 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/integration_group.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/integration_group.tsx
@@ -87,7 +87,7 @@ export const IntegrationGroup = ({
                 }
               )}
               href={getInfraIpHref(summary, basePath)}
-              iconType="infraApp"
+              iconType="metricsApp"
               message={i18n.translate(
                 'xpack.uptime.monitorList.infraIntegrationAction.ip.message',
                 {
@@ -116,7 +116,7 @@ export const IntegrationGroup = ({
                 }
               )}
               href={getInfraKubernetesHref(summary, basePath)}
-              iconType="infraApp"
+              iconType="metricsApp"
               message={i18n.translate(
                 'xpack.uptime.monitorList.infraIntegrationAction.kubernetes.message',
                 {
@@ -145,7 +145,7 @@ export const IntegrationGroup = ({
                 }
               )}
               href={getInfraContainerHref(summary, basePath)}
-              iconType="infraApp"
+              iconType="metricsApp"
               message={i18n.translate(
                 'xpack.uptime.monitorList.infraIntegrationAction.container.message',
                 {
@@ -177,7 +177,7 @@ export const IntegrationGroup = ({
                 }
               )}
               href={getLoggingIpHref(summary, basePath)}
-              iconType="loggingApp"
+              iconType="logsApp"
               message={i18n.translate(
                 'xpack.uptime.monitorList.loggingIntegrationAction.ip.message',
                 {
@@ -200,7 +200,7 @@ export const IntegrationGroup = ({
                 }
               )}
               href={getLoggingKubernetesHref(summary, basePath)}
-              iconType="loggingApp"
+              iconType="logsApp"
               message={i18n.translate(
                 'xpack.uptime.monitorList.loggingIntegrationAction.kubernetes.message',
                 {
@@ -227,7 +227,7 @@ export const IntegrationGroup = ({
                 }
               )}
               href={getLoggingContainerHref(summary, basePath)}
-              iconType="loggingApp"
+              iconType="logsApp"
               message={i18n.translate(
                 'xpack.uptime.monitorList.loggingIntegrationAction.container.message',
                 {
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/integration_link.tsx b/x-pack/legacy/plugins/uptime/public/components/functional/integration_link.tsx
index 63a3053afc6016..a545cd7c42927f 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/integration_link.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/integration_link.tsx
@@ -11,7 +11,7 @@ import { i18n } from '@kbn/i18n';
 interface IntegrationLinkProps {
   ariaLabel: string;
   href: string | undefined;
-  iconType: 'apmApp' | 'infraApp' | 'loggingApp';
+  iconType: 'apmApp' | 'metricsApp' | 'logsApp';
   message: string;
   tooltipContent: string;
 }
diff --git a/x-pack/legacy/plugins/watcher/common/types/action_types.ts b/x-pack/legacy/plugins/watcher/common/types/action_types.ts
index 8247df3293d175..123bf0f58db9d5 100644
--- a/x-pack/legacy/plugins/watcher/common/types/action_types.ts
+++ b/x-pack/legacy/plugins/watcher/common/types/action_types.ts
@@ -34,7 +34,7 @@ export interface EmailAction extends BaseAction {
 
 export interface LoggingAction extends BaseAction {
   type: LoggingActionType;
-  iconClass: 'loggingApp';
+  iconClass: 'logsApp';
   text: string;
 }
 
diff --git a/x-pack/legacy/plugins/watcher/public/models/action/logging_action.js b/x-pack/legacy/plugins/watcher/public/models/action/logging_action.js
index e11ebedc874c07..477ee9e2230b4c 100644
--- a/x-pack/legacy/plugins/watcher/public/models/action/logging_action.js
+++ b/x-pack/legacy/plugins/watcher/public/models/action/logging_action.js
@@ -68,7 +68,7 @@ export class LoggingAction extends BaseAction {
   static typeName = i18n.translate('xpack.watcher.models.loggingAction.typeName', {
     defaultMessage: 'Logging',
   });
-  static iconClass = 'loggingApp';
+  static iconClass = 'logsApp';
   static selectMessage = i18n.translate('xpack.watcher.models.loggingAction.selectMessageText', {
     defaultMessage: 'Add an item to the logs.',
   });
diff --git a/x-pack/package.json b/x-pack/package.json
index 4d1e6f52411a35..c8f7345450aa68 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -192,7 +192,7 @@
     "@elastic/ctags-langserver": "^0.1.11",
     "@elastic/datemath": "5.0.2",
     "@elastic/ems-client": "1.0.5",
-    "@elastic/eui": "14.5.0",
+    "@elastic/eui": "14.7.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/javascript-typescript-langserver": "^0.3.3",
     "@elastic/lsp-extension": "^0.1.2",
diff --git a/yarn.lock b/yarn.lock
index dd12623b1bd232..b949aa07608c93 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1151,10 +1151,10 @@
     tabbable "^1.1.0"
     uuid "^3.1.0"
 
-"@elastic/eui@14.5.0":
-  version "14.5.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-14.5.0.tgz#1b27559cd644403e2692cab1549082cbd3421dab"
-  integrity sha512-QpmfO6Unt4evb4P18CyWzassLFrw/4CUPFYZXQK12IChDOs6GrwQ6xZM8f0wjN/NXwjRjlWzMhtCWHYmrI6NGg==
+"@elastic/eui@14.7.0":
+  version "14.7.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-14.7.0.tgz#dcbd3e9a9307e52a2fdca5833a116de5940de06d"
+  integrity sha512-IjYjUqhfqjqG6cbaTANiuHyWq3U62ODzcOnIKACxHOGCK2JVwiDvtDByAuj3PvD0wG/cDN49oNbUZ/o0QCapVw==
   dependencies:
     "@types/lodash" "^4.14.116"
     "@types/numeral" "^0.0.25"