From 32b7bef42dcda60caadb357610ede7fdee6dc51a Mon Sep 17 00:00:00 2001
From: Caroline Horn <549577+cchaos@users.noreply.github.com>
Date: Fri, 20 Dec 2019 10:36:35 -0500
Subject: [PATCH] Added nested glyph to EuiIcon (#2707)

---
 CHANGELOG.md                                   |  2 +-
 src-docs/src/views/icon/icons.js               |  1 +
 .../icon/__snapshots__/icon.test.tsx.snap      | 18 ++++++++++++++++++
 src/components/icon/assets/nested.js           | 15 +++++++++++++++
 src/components/icon/assets/nested.svg          |  3 +++
 src/components/icon/icon.tsx                   |  3 ++-
 6 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 src/components/icon/assets/nested.js
 create mode 100644 src/components/icon/assets/nested.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 08bf2afce36..16c6178c980 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `17.3.1`.
+- Added `nested` glyph to `EuiIcon` ([#2707](https://github.com/elastic/eui/pull/2707))
 
 ## [`17.3.1`](https://github.com/elastic/eui/tree/v17.3.1)
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index ea6b263f2a1..3cffbcd17a4 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -129,6 +129,7 @@ export const iconTypes = [
   'minusInCircle',
   'minusInCircleFilled',
   'moon',
+  'nested',
   'node',
   'number',
   'offline',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index e76285b2af3..e046dfe8452 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -5825,6 +5825,24 @@ exports[`EuiIcon props type moon is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type nested 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"
+>
+  <title />
+  <path
+    d="M5.5 1a.5.5 0 010 1H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14H5.5a.5.5 0 110 1H3.006A2.005 2.005 0 011 12.994V3.006C1 1.898 1.897 1 3.006 1H5.5zm7.494 0c1.059 0 1.924.818 2 1.856l.006.15v9.988a2.005 2.005 0 01-1.856 2l-.15.006H10.5a.5.5 0 01-.09-.992L10.5 14h2.494c.516 0 .941-.388 1-.888l.006-.118V3.006c0-.516-.388-.941-.888-1L12.994 2H10.5a.5.5 0 01-.09-.992L10.5 1h2.494zM5 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type node is rendered 1`] = `
 <svg
   aria-hidden="true"
diff --git a/src/components/icon/assets/nested.js b/src/components/icon/assets/nested.js
new file mode 100644
index 00000000000..c90ac86c2bc
--- /dev/null
+++ b/src/components/icon/assets/nested.js
@@ -0,0 +1,15 @@
+import React from 'react';
+
+const EuiIconNested = ({ title, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <title>{title}</title>
+    <path d="M5.5 1a.5.5 0 010 1H3.006C2.45 2 2 2.45 2 3.006v9.988C2 13.55 2.45 14 3.006 14H5.5a.5.5 0 110 1H3.006A2.005 2.005 0 011 12.994V3.006C1 1.898 1.897 1 3.006 1H5.5zm7.494 0c1.059 0 1.924.818 2 1.856l.006.15v9.988a2.005 2.005 0 01-1.856 2l-.15.006H10.5a.5.5 0 01-.09-.992L10.5 14h2.494c.516 0 .941-.388 1-.888l.006-.118V3.006c0-.516-.388-.941-.888-1L12.994 2H10.5a.5.5 0 01-.09-.992L10.5 1h2.494zM5 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z" />
+  </svg>
+);
+
+export const icon = EuiIconNested;
diff --git a/src/components/icon/assets/nested.svg b/src/components/icon/assets/nested.svg
new file mode 100644
index 00000000000..13f293de972
--- /dev/null
+++ b/src/components/icon/assets/nested.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path d="M5.5,1 C5.77614237,1 6,1.22385763 6,1.5 C6,1.77614237 5.77614237,2 5.5,2 L3.00585866,2 C2.44976457,2 2,2.44991848 2,3.00585866 L2,12.9941413 C2,13.5502354 2.44991848,14 3.00585866,14 L5.5,14 C5.77614237,14 6,14.2238576 6,14.5 C6,14.7761424 5.77614237,15 5.5,15 L3.00585866,15 C1.89805351,15 1,14.1029399 1,12.9941413 L1,3.00585866 C1,1.89805351 1.89706013,1 3.00585866,1 L5.5,1 Z M12.9941413,1 C14.0525399,1 14.9180116,1.81826777 14.9945041,2.85615908 L15,3.00585866 L15,12.9941413 C15,14.0525399 14.1817322,14.9180116 13.1438409,14.9945041 L12.9941413,15 L10.5,15 C10.2238576,15 10,14.7761424 10,14.5 C10,14.2545401 10.1768752,14.0503916 10.4101244,14.0080557 L10.5,14 L12.9941413,14 C13.5103715,14 13.935185,13.6121928 13.9932388,13.1115517 L14,12.9941413 L14,3.00585866 C14,2.48962849 13.6121928,2.064815 13.1115517,2.00676118 L12.9941413,2 L10.5,2 C10.2238576,2 10,1.77614237 10,1.5 C10,1.25454011 10.1768752,1.05039163 10.4101244,1.00805567 L10.5,1 L12.9941413,1 Z M5,7 C5.55228475,7 6,7.44771525 6,8 C6,8.55228475 5.55228475,9 5,9 C4.44771525,9 4,8.55228475 4,8 C4,7.44771525 4.44771525,7 5,7 Z M8,7 C8.55228475,7 9,7.44771525 9,8 C9,8.55228475 8.55228475,9 8,9 C7.44771525,9 7,8.55228475 7,8 C7,7.44771525 7.44771525,7 8,7 Z M11,7 C11.5522847,7 12,7.44771525 12,8 C12,8.55228475 11.5522847,9 11,9 C10.4477153,9 10,8.55228475 10,8 C10,7.44771525 10.4477153,7 11,7 Z" />
+</svg>
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index 31ed256bf5b..394558227a6 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -147,7 +147,6 @@ const typeToPathMap = {
   indexPatternApp: 'app_index_pattern',
   indexRollupApp: 'app_index_rollup',
   indexSettings: 'index_settings',
-  metricsApp: 'app_metrics',
   inputOutput: 'inputOutput',
   inspect: 'inspect',
   invert: 'invert',
@@ -236,11 +235,13 @@ const typeToPathMap = {
   menuRight: 'menuRight',
   merge: 'merge',
   metricbeatApp: 'app_metricbeat',
+  metricsApp: 'app_metrics',
   minimize: 'minimize',
   minusInCircle: 'minus_in_circle',
   minusInCircleFilled: 'minus_in_circle_filled',
   monitoringApp: 'app_monitoring',
   moon: 'moon',
+  nested: 'nested',
   node: 'node',
   notebookApp: 'app_notebook',
   number: 'number',