From 68c8d3a8edf39afea4b588ec647a04cabf46b325 Mon Sep 17 00:00:00 2001
From: Ryan Keairns <contactryank@gmail.com>
Date: Thu, 26 Sep 2019 07:26:05 -0500
Subject: [PATCH] add stacked chart icons (#2379)

---
 CHANGELOG.md                                  |  1 +
 src-docs/src/views/icon/icons.js              |  3 ++
 .../icon/__snapshots__/icon.test.tsx.snap     | 45 +++++++++++++++++++
 .../icon/assets/vis_area_stacked.js           | 14 ++++++
 .../icon/assets/vis_area_stacked.svg          |  3 ++
 .../icon/assets/vis_bar_horizontal_stacked.js | 14 ++++++
 .../assets/vis_bar_horizontal_stacked.svg     |  3 ++
 .../icon/assets/vis_bar_vertical_stacked.js   | 14 ++++++
 .../icon/assets/vis_bar_vertical_stacked.svg  |  3 ++
 src/components/icon/icon.tsx                  |  3 ++
 10 files changed, 103 insertions(+)
 create mode 100644 src/components/icon/assets/vis_area_stacked.js
 create mode 100644 src/components/icon/assets/vis_area_stacked.svg
 create mode 100644 src/components/icon/assets/vis_bar_horizontal_stacked.js
 create mode 100644 src/components/icon/assets/vis_bar_horizontal_stacked.svg
 create mode 100644 src/components/icon/assets/vis_bar_vertical_stacked.js
 create mode 100644 src/components/icon/assets/vis_bar_vertical_stacked.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5f7a296c8b8..70d7091c2f4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 - Added `data-test-subj` support for basic and in-memory tables' actions ([#2353](https://github.com/elastic/eui/pull/2353))
 - Added `ip` icon to glyph set ([#2371](https://github.com/elastic/eui/pull/2371))
 - Set `textOnly={true}` for expanded rows in `EuiBasicTable` ([#2376](https://github.com/elastic/eui/pull/2376))
+- Added `visAreaStacked`, `visBarVerticalStacked`, and `visBarHorizontalStacked` icons to glyph set ([#2379](https://github.com/elastic/eui/pull/2379))
 
 **Bug fixes**
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index 6bc0d601732..c501ff64576 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -178,8 +178,11 @@ export const iconTypes = [
   'vector',
   'videoPlayer',
   'visArea',
+  'visAreaStacked',
   'visBarHorizontal',
+  'visBarHorizontalStacked',
   'visBarVertical',
+  'visBarVerticalStacked',
   'visControls',
   'visGauge',
   'visGoal',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index b926777fabe..6f1e638943f 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -6660,6 +6660,21 @@ exports[`EuiIcon props type visArea is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type visAreaStacked is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M.5 1a.5.5 0 0 1 .5.5V15h13.5a.5.5 0 1 1 0 1H.5a.5.5 0 0 1-.5-.5v-14A.5.5 0 0 1 .5 1zm4.342 2.194L8.295 7.65l1.837-1.64a.5.5 0 0 1 .703.037l3.035 3.336a.5.5 0 0 1 .13.337v3.78a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V6.02a.5.5 0 0 1 .104-.305l1.947-2.52a.5.5 0 0 1 .791-.001zm-.394 1.123L3 6.191v4.101l1.146-1.146a.5.5 0 0 1 .493-.126l.085.033L8.5 10.94l1.776-.888a.5.5 0 0 1 .36-.034l.088.034L13 11.19V9.913l-2.571-2.826L8.56 8.753a.5.5 0 0 1-.728-.067L4.448 4.317z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type visBarHorizontal is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium euiIcon-isLoaded"
@@ -6675,6 +6690,21 @@ exports[`EuiIcon props type visBarHorizontal is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type visBarHorizontalStacked is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M.5 0a.5.5 0 0 1 .5.5v14a.5.5 0 1 1-1 0V.5A.5.5 0 0 1 .5 0zm13 1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H9v3h2.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-9a.5.5 0 1 1 0-1H9v-3H2.5a.5.5 0 0 1 0-1H6V6H2.5a.5.5 0 0 1 0-1H10V2H2.5a.5.5 0 0 1 0-1h11z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type visBarVertical is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium euiIcon-isLoaded"
@@ -6690,6 +6720,21 @@ exports[`EuiIcon props type visBarVertical is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type visBarVerticalStacked is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M14.5 15a.5.5 0 1 1 0 1H.5a.5.5 0 1 1 0-1h14zm-9-13a.5.5 0 0 1 .5.5L5.999 7H9V4.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v9a.5.5 0 1 1-1 0V7h-3v6.5a.5.5 0 0 1-.41.492L9.5 14a.5.5 0 0 1-.5-.5V10H6v3.5a.5.5 0 0 1-.992.09L5 13.5V6H2v7.5a.5.5 0 1 1-1 0v-11a.5.5 0 0 1 .5-.5h4z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type visControls is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium euiIcon-isLoaded"
diff --git a/src/components/icon/assets/vis_area_stacked.js b/src/components/icon/assets/vis_area_stacked.js
new file mode 100644
index 00000000000..a65224230be
--- /dev/null
+++ b/src/components/icon/assets/vis_area_stacked.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const EuiIconVisAreaStacked = props => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <path d="M.5 1a.5.5 0 0 1 .5.5V15h13.5a.5.5 0 1 1 0 1H.5a.5.5 0 0 1-.5-.5v-14A.5.5 0 0 1 .5 1zm4.342 2.194L8.295 7.65l1.837-1.64a.5.5 0 0 1 .703.037l3.035 3.336a.5.5 0 0 1 .13.337v3.78a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V6.02a.5.5 0 0 1 .104-.305l1.947-2.52a.5.5 0 0 1 .791-.001zm-.394 1.123L3 6.191v4.101l1.146-1.146a.5.5 0 0 1 .493-.126l.085.033L8.5 10.94l1.776-.888a.5.5 0 0 1 .36-.034l.088.034L13 11.19V9.913l-2.571-2.826L8.56 8.753a.5.5 0 0 1-.728-.067L4.448 4.317z" />
+  </svg>
+);
+
+export const icon = EuiIconVisAreaStacked;
diff --git a/src/components/icon/assets/vis_area_stacked.svg b/src/components/icon/assets/vis_area_stacked.svg
new file mode 100644
index 00000000000..87e37c8241d
--- /dev/null
+++ b/src/components/icon/assets/vis_area_stacked.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M0.5,1 C0.776142375,1 1,1.22385763 1,1.5 L1,15 L14.5,15 C14.7761424,15 15,15.2238576 15,15.5 C15,15.7761424 14.7761424,16 14.5,16 L0.5,16 C0.223857625,16 0,15.7761424 0,15.5 L0,1.5 C0,1.22385763 0.223857625,1 0.5,1 Z M4.84239599,3.19375637 L8.29492153,7.64961053 L10.1323775,6.01068495 C10.3370274,5.82814675 10.6505158,5.84450779 10.8350522,6.04735771 L13.8698544,9.38333647 C13.953595,9.47538754 14,9.59535769 14,9.71979998 L14,13.5 C14,13.7761424 13.7761424,14 13.5,14 L2.5,14 C2.22385763,14 2,13.7761424 2,13.5 L2,6.02050792 C2,5.90988198 2.03668793,5.80237946 2.10431881,5.71483425 L4.05147457,3.19432633 C4.25145496,2.93546046 4.64204271,2.93517899 4.84239599,3.19375637 Z M4.44774459,4.31710345 L3,6.19114546 L3,10.292 L4.14644661,9.14644661 C4.27688672,9.0160065 4.46632686,8.96965422 4.63901149,9.01968322 L4.7236068,9.0527864 L8.5,10.940983 L10.2763932,10.0527864 C10.3890042,9.99648091 10.5175655,9.98521981 10.6365566,10.0190031 L10.7236068,10.0527864 L13,11.191 L13,9.91320216 L10.4285232,7.08652971 L8.56068891,8.75255137 C8.34446152,8.94541619 8.01009245,8.91469507 7.83262843,8.68565874 L4.44774459,4.31710345 Z"/>
+</svg>
diff --git a/src/components/icon/assets/vis_bar_horizontal_stacked.js b/src/components/icon/assets/vis_bar_horizontal_stacked.js
new file mode 100644
index 00000000000..efcbf185d5a
--- /dev/null
+++ b/src/components/icon/assets/vis_bar_horizontal_stacked.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const EuiIconVisBarHorizontalStacked = props => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <path d="M.5 0a.5.5 0 0 1 .5.5v14a.5.5 0 1 1-1 0V.5A.5.5 0 0 1 .5 0zm13 1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H9v3h2.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-9a.5.5 0 1 1 0-1H9v-3H2.5a.5.5 0 0 1 0-1H6V6H2.5a.5.5 0 0 1 0-1H10V2H2.5a.5.5 0 0 1 0-1h11z" />
+  </svg>
+);
+
+export const icon = EuiIconVisBarHorizontalStacked;
diff --git a/src/components/icon/assets/vis_bar_horizontal_stacked.svg b/src/components/icon/assets/vis_bar_horizontal_stacked.svg
new file mode 100644
index 00000000000..8a3807e1095
--- /dev/null
+++ b/src/components/icon/assets/vis_bar_horizontal_stacked.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M0.5,0 C0.776142375,0 1,0.223857625 1,0.5 L1,14.5 C1,14.7761424 0.776142375,15 0.5,15 C0.223857625,15 0,14.7761424 0,14.5 L0,0.5 C0,0.223857625 0.223857625,0 0.5,0 Z M13.5,1 C13.7761424,1 14,1.22385763 14,1.5 L14,5.5 C14,5.77614237 13.7761424,6 13.5,6 L9,6 L9,9 L11.5,9 C11.7761424,9 12,9.22385763 12,9.5 L12,13.5 C12,13.7761424 11.7761424,14 11.5,14 L2.5,14 C2.22385763,14 2,13.7761424 2,13.5 C2,13.2238576 2.22385763,13 2.5,13 L9,13 L9,10 L2.5,10 C2.22385763,10 2,9.77614237 2,9.5 C2,9.22385763 2.22385763,9 2.5,9 L6,9 L6,6 L2.5,6 C2.22385763,6 2,5.77614237 2,5.5 C2,5.22385763 2.22385763,5 2.5,5 L10,5 L10,2 L2.5,2 C2.22385763,2 2,1.77614237 2,1.5 C2,1.22385763 2.22385763,1 2.5,1 L13.5,1 Z"/>
+</svg>
diff --git a/src/components/icon/assets/vis_bar_vertical_stacked.js b/src/components/icon/assets/vis_bar_vertical_stacked.js
new file mode 100644
index 00000000000..738fe11d726
--- /dev/null
+++ b/src/components/icon/assets/vis_bar_vertical_stacked.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const EuiIconVisBarVerticalStacked = props => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <path d="M14.5 15a.5.5 0 1 1 0 1H.5a.5.5 0 1 1 0-1h14zm-9-13a.5.5 0 0 1 .5.5L5.999 7H9V4.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v9a.5.5 0 1 1-1 0V7h-3v6.5a.5.5 0 0 1-.41.492L9.5 14a.5.5 0 0 1-.5-.5V10H6v3.5a.5.5 0 0 1-.992.09L5 13.5V6H2v7.5a.5.5 0 1 1-1 0v-11a.5.5 0 0 1 .5-.5h4z" />
+  </svg>
+);
+
+export const icon = EuiIconVisBarVerticalStacked;
diff --git a/src/components/icon/assets/vis_bar_vertical_stacked.svg b/src/components/icon/assets/vis_bar_vertical_stacked.svg
new file mode 100644
index 00000000000..f33513d055f
--- /dev/null
+++ b/src/components/icon/assets/vis_bar_vertical_stacked.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M14.5,15 C14.7761424,15 15,15.2238576 15,15.5 C15,15.7761424 14.7761424,16 14.5,16 L0.5,16 C0.223857625,16 3.061617e-17,15.7761424 3.061617e-17,15.5 C3.061617e-17,15.2238576 0.223857625,15 0.5,15 L14.5,15 Z M5.5,2 C5.77614237,2 6,2.22385763 6,2.5 L5.999,7 L9,7 L9,4.5 C9,4.22385763 9.22385763,4 9.5,4 L13.5,4 C13.7761424,4 14,4.22385763 14,4.5 L14,13.5 C14,13.7761424 13.7761424,14 13.5,14 C13.2238576,14 13,13.7761424 13,13.5 L13,7 L10,7 L10,13.5 C10,13.7454599 9.82312484,13.9496084 9.58987563,13.9919443 L9.5,14 C9.22385763,14 9,13.7761424 9,13.5 L9,10 L6,10 L6,13.5 C6,13.7761424 5.77614237,14 5.5,14 C5.25454011,14 5.05039163,13.8231248 5.00805567,13.5898756 L5,13.5 L5,6 L2,6 L2,13.5 C2,13.7761424 1.77614237,14 1.5,14 C1.22385763,14 1,13.7761424 1,13.5 L1,2.5 C1,2.22385763 1.22385763,2 1.5,2 L5.5,2 Z"/>
+</svg>
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index 724831fd074..823a0bd8d77 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -304,8 +304,11 @@ const typeToPathMap = {
   vector: 'vector',
   videoPlayer: 'videoPlayer',
   visArea: 'vis_area',
+  visAreaStacked: 'vis_area_stacked',
   visBarHorizontal: 'vis_bar_horizontal',
+  visBarHorizontalStacked: 'vis_bar_horizontal_stacked',
   visBarVertical: 'vis_bar_vertical',
+  visBarVerticalStacked: 'vis_bar_vertical_stacked',
   visControls: 'vis_controls',
   visGauge: 'vis_gauge',
   visGoal: 'vis_goal',