From a94cbd309617ed8425dc8fc8549bf7658b0a29c7 Mon Sep 17 00:00:00 2001
From: Ryan Keairns <contactryank@gmail.com>
Date: Thu, 18 Mar 2021 10:52:26 -0500
Subject: [PATCH] Rk/4648 runtime icon (#4650)

* Add index runtime icon

* Set eql glyph height to 16

* Add CHANGELOG entry

* Fix fill on eql SVG

* Remove circle
---
 CHANGELOG.md                                  |  2 +-
 src-docs/src/views/icon/icons.js              |  1 +
 .../icon/__snapshots__/icon.test.tsx.snap     | 24 +++++++++++++++++--
 src/components/icon/assets/eql.js             |  4 ++--
 src/components/icon/assets/eql.svg            |  6 ++---
 src/components/icon/assets/index_runtime.js   | 17 +++++++++++++
 src/components/icon/assets/index_runtime.svg  |  4 ++++
 src/components/icon/icon.tsx                  |  1 +
 8 files changed, 51 insertions(+), 8 deletions(-)
 create mode 100644 src/components/icon/assets/index_runtime.js
 create mode 100644 src/components/icon/assets/index_runtime.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7c9926fdacc..6699de33a6a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `31.11.0`.
+- Added `indexRuntime` glyph in `EuiIcon` ([#4650](https://github.com/elastic/eui/pull/4650))
 
 ## [`31.11.0`](https://github.com/elastic/eui/tree/v31.11.0)
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index af1f1ca33f4..d2092592385 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -107,6 +107,7 @@ export const iconTypes = [
   'indexFlush',
   'indexMapping',
   'indexOpen',
+  'indexRuntime',
   'indexSettings',
   'inputOutput',
   'inspect',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index d1e94fad1d9..afd0e8ffc22 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -2250,10 +2250,10 @@ exports[`EuiIcon props type eql is rendered 1`] = `
   xmlns="http://www.w3.org/2000/svg"
 >
   <path
-    d="M15.853 14.34L11.39 9.88l-.004-.004-.326-.326a.523.523 0 00-.739.739l.397.397.01.01 3.493 3.492h-2.164l-1.907-1.907-1.185-1.116a.53.53 0 00-.515-.121l-.765.23-.034.01a5.13 5.13 0 01-1.382.21 5.225 5.225 0 115.225-5.225.522.522 0 001.046 0l-.001-.003a6.27 6.27 0 10-8.132 5.992l.049.013a6.219 6.219 0 004.055-.152l1.89 1.891c.338.374.695.73 1.068 1.068.125.1.281.153.442.152.082.004.167.003.258.003h3.313a.527.527 0 00.37-.892z"
+    d="M15.862 14.18v.001a.482.482 0 01.1.521.5.5 0 01-.447.299h-3.149c-.07 0-.136 0-.2-.003a.664.664 0 01-.414-.14c-.35-.31-.684-.637-1.001-.981l-1.772-1.738a5.941 5.941 0 01-3.802.14l-.045-.012a5.89 5.89 0 01-2.682-1.712A5.715 5.715 0 011.08 7.72a5.66 5.66 0 01.348-3.118A5.78 5.78 0 013.39 2.124a5.979 5.979 0 016.136-.505 5.836 5.836 0 012.356 2.123 5.67 5.67 0 01.873 3.017l.001.003c0 .128-.051.25-.143.34a.495.495 0 01-.694 0 .476.476 0 01-.143-.34c0-.95-.288-1.878-.826-2.668a4.88 4.88 0 00-2.198-1.769 4.99 4.99 0 00-2.83-.273 4.93 4.93 0 00-2.509 1.314 4.774 4.774 0 00-1.34 2.46A4.715 4.715 0 002.352 8.6a4.82 4.82 0 001.804 2.155c.805.528 1.752.81 2.721.81a4.899 4.899 0 001.296-.194l.032-.009.717-.211a.506.506 0 01.483.111l1.11 1.026 1.788 1.752h2.03l-3.657-3.583a.475.475 0 01.014-.666.495.495 0 01.679-.013l4.493 4.402z"
   />
   <path
-    d="M9.258 4.276L6.503 2.685a.468.468 0 00-.466 0l-2.755 1.59a.466.466 0 00-.232.403V7.86a.466.466 0 00.232.402l2.755 1.59a.46.46 0 00.466 0l2.755-1.59a.466.466 0 00.232-.402V4.678a.466.466 0 00-.232-.402zm-.787.93V7.33a.36.36 0 01-.18.312L6.45 8.706a.359.359 0 01-.36 0L4.25 7.643a.36.36 0 01-.181-.312V5.206a.362.362 0 01.18-.312L6.09 3.831a.359.359 0 01.36 0l1.84 1.063a.362.362 0 01.181.312z"
+    d="M7.097 3.468L9.679 4.93a.433.433 0 01.218.37v2.924a.422.422 0 01-.218.37l-2.582 1.461a.438.438 0 01-.437 0L4.077 8.594a.433.433 0 01-.218-.37V5.3a.422.422 0 01.218-.37L6.66 3.467a.446.446 0 01.437 0zm1.845 4.27V5.784a.328.328 0 00-.17-.287L7.047 4.52a.342.342 0 00-.338 0l-1.726.977a.336.336 0 00-.168.287v1.953a.326.326 0 00.17.287l1.724.977a.342.342 0 00.338 0l1.726-.978a.334.334 0 00.169-.287z"
   />
 </svg>
 `;
@@ -3041,6 +3041,26 @@ exports[`EuiIcon props type indexRollupApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type indexRuntime is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M12 2H2v11h6v1H1V1h12v6.839l-1-.707V2z"
+  />
+  <path
+    d="M8 11v-1H5v1h3zm0-3.055c0-.342.082-.664.23-.945H5v1h3v-.055zM5 5h5.999V4H5v1zM3 4v1h1V4H3zm0 3v1h1V7H3zm0 3v1h1v-1H3zm11.607.2l-4.32-3.055C9.727 6.75 9 7.204 9 7.945v6.108c0 .74.726 1.196 1.287.8l4.32-3.055c.524-.37.524-1.228 0-1.598z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type indexSettings is rendered 1`] = `
 <svg
   aria-hidden="true"
diff --git a/src/components/icon/assets/eql.js b/src/components/icon/assets/eql.js
index bb096e52138..868fd2694d3 100644
--- a/src/components/icon/assets/eql.js
+++ b/src/components/icon/assets/eql.js
@@ -9,8 +9,8 @@ const EuiIconEql = ({ title, titleId, ...props }) => (
     aria-labelledby={titleId}
     {...props}>
     {title ? <title id={titleId}>{title}</title> : null}
-    <path d="M15.853 14.34L11.39 9.88l-.004-.004-.326-.326a.523.523 0 00-.739.739l.397.397.01.01 3.493 3.492h-2.164l-1.907-1.907-1.185-1.116a.53.53 0 00-.515-.121l-.765.23-.034.01a5.13 5.13 0 01-1.382.21 5.225 5.225 0 115.225-5.225.522.522 0 001.046 0l-.001-.003a6.27 6.27 0 10-8.132 5.992l.049.013a6.219 6.219 0 004.055-.152l1.89 1.891c.338.374.695.73 1.068 1.068.125.1.281.153.442.152.082.004.167.003.258.003h3.313a.527.527 0 00.37-.892z" />
-    <path d="M9.258 4.276L6.503 2.685a.468.468 0 00-.466 0l-2.755 1.59a.466.466 0 00-.232.403V7.86a.466.466 0 00.232.402l2.755 1.59a.46.46 0 00.466 0l2.755-1.59a.466.466 0 00.232-.402V4.678a.466.466 0 00-.232-.402zm-.787.93V7.33a.36.36 0 01-.18.312L6.45 8.706a.359.359 0 01-.36 0L4.25 7.643a.36.36 0 01-.181-.312V5.206a.362.362 0 01.18-.312L6.09 3.831a.359.359 0 01.36 0l1.84 1.063a.362.362 0 01.181.312z" />
+    <path d="M15.862 14.18v.001a.482.482 0 01.1.521.5.5 0 01-.447.299h-3.149c-.07 0-.136 0-.2-.003a.664.664 0 01-.414-.14c-.35-.31-.684-.637-1.001-.981l-1.772-1.738a5.941 5.941 0 01-3.802.14l-.045-.012a5.89 5.89 0 01-2.682-1.712A5.715 5.715 0 011.08 7.72a5.66 5.66 0 01.348-3.118A5.78 5.78 0 013.39 2.124a5.979 5.979 0 016.136-.505 5.836 5.836 0 012.356 2.123 5.67 5.67 0 01.873 3.017l.001.003c0 .128-.051.25-.143.34a.495.495 0 01-.694 0 .476.476 0 01-.143-.34c0-.95-.288-1.878-.826-2.668a4.88 4.88 0 00-2.198-1.769 4.99 4.99 0 00-2.83-.273 4.93 4.93 0 00-2.509 1.314 4.774 4.774 0 00-1.34 2.46A4.715 4.715 0 002.352 8.6a4.82 4.82 0 001.804 2.155c.805.528 1.752.81 2.721.81a4.899 4.899 0 001.296-.194l.032-.009.717-.211a.506.506 0 01.483.111l1.11 1.026 1.788 1.752h2.03l-3.657-3.583a.475.475 0 01.014-.666.495.495 0 01.679-.013l4.493 4.402z" />
+    <path d="M7.097 3.468L9.679 4.93a.433.433 0 01.218.37v2.924a.422.422 0 01-.218.37l-2.582 1.461a.438.438 0 01-.437 0L4.077 8.594a.433.433 0 01-.218-.37V5.3a.422.422 0 01.218-.37L6.66 3.467a.446.446 0 01.437 0zm1.845 4.27V5.784a.328.328 0 00-.17-.287L7.047 4.52a.342.342 0 00-.338 0l-1.726.977a.336.336 0 00-.168.287v1.953a.326.326 0 00.17.287l1.724.977a.342.342 0 00.338 0l1.726-.978a.334.334 0 00.169-.287z" />
   </svg>
 );
 
diff --git a/src/components/icon/assets/eql.svg b/src/components/icon/assets/eql.svg
index 7b5380b4d40..1ae622e8a8a 100644
--- a/src/components/icon/assets/eql.svg
+++ b/src/components/icon/assets/eql.svg
@@ -1,4 +1,4 @@
-<svg width="16" height="14" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 13L11.1 9.1L11 9C10.8 8.8 10.5 8.8 10.3 9C10.1 9.2 10.1 9.5 10.3 9.7L10.5 9.9L10.8 10.2L13.5 12.9H11.3L9.3 10.9L9.1 10.7L8.8 10.4C8.7 10.3 8.6 10.3 8.5 10.3C8.3 10.3 8 10.5 8 10.5C7.4 10.8 6.7 11 6 11C3.2 11 1 8.8 1 6C1 3.2 3.2 1 6 1C8.8 1 11 3.2 11 6C11 6.3 11.2 6.5 11.5 6.5C11.8 6.5 12 6.3 12 6C12 2.7 9.3 0 6 0C2.7 0 0 2.7 0 6C0 9.3 2.7 12 6 12C6.9 12 7.7 11.8 8.5 11.5L10.8 13.8C10.9 13.9 11.1 14 11.2 14H14.5C15.1 14 15.3 13.4 15 13Z"/>
-<path d="M6.25 2.72169L8.7141 4.14434C8.8688 4.23365 8.9641 4.39872 8.9641 4.57735V7.42265C8.9641 7.60128 8.8688 7.76635 8.7141 7.85566L6.25 9.27831C6.0953 9.36763 5.9047 9.36763 5.75 9.27831L3.2859 7.85566C3.1312 7.76635 3.0359 7.60128 3.0359 7.42265V4.57735C3.0359 4.39872 3.1312 4.23365 3.2859 4.14434L5.75 2.72169C5.9047 2.63237 6.0953 2.63237 6.25 2.72169Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M15.862 14.18v.001a.482.482 0 01.1.521.5.5 0 01-.447.299h-3.149c-.07 0-.136 0-.2-.003a.664.664 0 01-.414-.14c-.35-.31-.684-.637-1.001-.981l-1.772-1.738a5.941 5.941 0 01-3.802.14l-.045-.012a5.89 5.89 0 01-2.682-1.712A5.715 5.715 0 011.08 7.72c-.18-1.05-.06-2.13.348-3.118A5.78 5.78 0 013.39 2.124a5.979 5.979 0 016.136-.505 5.836 5.836 0 012.356 2.123c.57.907.873 1.952.873 3.017l.001.003c0 .128-.051.25-.143.34a.495.495 0 01-.694 0 .476.476 0 01-.143-.34c0-.95-.288-1.878-.826-2.668a4.88 4.88 0 00-2.198-1.769 4.99 4.99 0 00-2.83-.273 4.93 4.93 0 00-2.509 1.314 4.774 4.774 0 00-1.34 2.46A4.715 4.715 0 002.352 8.6c.37.877.998 1.627 1.804 2.155.805.528 1.752.81 2.721.81a4.899 4.899 0 001.296-.194l.032-.009.717-.211a.506.506 0 01.483.111l1.11 1.026 1.788 1.752h2.03l-3.657-3.583a.475.475 0 01.014-.666.495.495 0 01.679-.013l4.493 4.402z"/>
+  <path d="M7.097 3.468L9.679 4.93a.433.433 0 01.218.37v2.924a.422.422 0 01-.218.37l-2.582 1.461a.438.438 0 01-.437 0L4.077 8.594a.433.433 0 01-.218-.37V5.3a.422.422 0 01.218-.37L6.66 3.467a.446.446 0 01.437 0zm1.845 4.27V5.784a.328.328 0 00-.17-.287l-1.725-.977a.342.342 0 00-.338 0l-1.726.977a.336.336 0 00-.168.287v1.953a.326.326 0 00.17.287l1.724.977a.342.342 0 00.338 0l1.726-.978a.334.334 0 00.169-.287z"/>
 </svg>
diff --git a/src/components/icon/assets/index_runtime.js b/src/components/icon/assets/index_runtime.js
new file mode 100644
index 00000000000..1c287a3024d
--- /dev/null
+++ b/src/components/icon/assets/index_runtime.js
@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+const EuiIconIndexRuntime = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M12 2H2v11h6v1H1V1h12v6.839l-1-.707V2z" />
+    <path d="M8 11v-1H5v1h3zm0-3.055c0-.342.082-.664.23-.945H5v1h3v-.055zM5 5h5.999V4H5v1zM3 4v1h1V4H3zm0 3v1h1V7H3zm0 3v1h1v-1H3zm11.607.2l-4.32-3.055C9.727 6.75 9 7.204 9 7.945v6.108c0 .74.726 1.196 1.287.8l4.32-3.055c.524-.37.524-1.228 0-1.598z" />
+  </svg>
+);
+
+export const icon = EuiIconIndexRuntime;
diff --git a/src/components/icon/assets/index_runtime.svg b/src/components/icon/assets/index_runtime.svg
new file mode 100644
index 00000000000..c39080e3c16
--- /dev/null
+++ b/src/components/icon/assets/index_runtime.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M12 2H2v11h6v1H1V1h12v6.839l-1-.707V2z"/>
+  <path d="M8 11v-1H5v1h3zM8 7.945c0-.342.082-.664.23-.945H5v1h3v-.055zM5 5h5.999V4H5v1zM3 4v1h1V4H3zM3 7v1h1V7H3zM3 10v1h1v-1H3zM14.607 10.2l-4.32-3.055C9.727 6.75 9 7.204 9 7.945v6.108c0 .74.726 1.196 1.287.8l4.32-3.055c.524-.37.524-1.228 0-1.598z"/>
+</svg>
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index e1b59517ed8..ecd2273742d 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -178,6 +178,7 @@ const typeToPathMap = {
   indexOpen: 'index_open',
   indexPatternApp: 'app_index_pattern',
   indexRollupApp: 'app_index_rollup',
+  indexRuntime: 'index_runtime',
   indexSettings: 'index_settings',
   inputOutput: 'inputOutput',
   inspect: 'inspect',