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
elastic · Mar 18, 2021 · a94cbd3 · a94cbd3
1 parent e5f75da
commit a94cbd3
Show file tree

Hide file tree

Showing 8 changed files with 51 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
diff --git a/src/components/icon/assets/index_runtime.js 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
diff --git 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',