From 565837406532c6c7fe124ec02f7cd6efc79dca36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Bevacqua?= <nicolasbevacqua@gmail.com>
Date: Tue, 20 Mar 2018 17:03:42 -0300
Subject: [PATCH] Add stop icons (transparent, filled).

---
 src-docs/src/views/icon/icons.js              |  2 +
 .../icon/__snapshots__/icon.test.js.snap      | 43 +++++++++++++++++++
 src/components/icon/assets/stop.svg           |  3 ++
 src/components/icon/assets/stop_filled.svg    |  3 ++
 src/components/icon/icon.js                   |  4 ++
 src/components/icon/index.d.ts                |  2 +
 6 files changed, 57 insertions(+)
 create mode 100644 src/components/icon/assets/stop.svg
 create mode 100644 src/components/icon/assets/stop_filled.svg

diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index 7f044f46798..810f3817522 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -96,6 +96,8 @@ const iconTypes = [
   'starEmpty',
   'starPlusFilled',
   'stats',
+  'stop',
+  'stopFilled',
   'string',
   'tableOfContents',
   'tear',
diff --git a/src/components/icon/__snapshots__/icon.test.js.snap b/src/components/icon/__snapshots__/icon.test.js.snap
index 5d0ad7a3534..139fc4a5bc9 100644
--- a/src/components/icon/__snapshots__/icon.test.js.snap
+++ b/src/components/icon/__snapshots__/icon.test.js.snap
@@ -3332,6 +3332,49 @@ exports[`EuiIcon renders type stats 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type stop 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M0 1.994C0 .893.895 0 1.994 0h12.012C15.107 0 16 .895 16 1.994v12.012A1.995 1.995 0 0 1 14.006 16H1.994A1.995 1.995 0 0 1 0 14.006V1.994zm1 0v12.012c0 .548.446.994.994.994h12.012a.995.995 0 0 0 .994-.994V1.994A.995.995 0 0 0 14.006 1H1.994A.995.995 0 0 0 1 1.994z"
+      id="stop-a"
+    />
+  </defs>
+  <use
+    href="#stop-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type stopFilled 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M0 1.994C0 .893.895 0 1.994 0h12.012C15.107 0 16 .895 16 1.994v12.012A1.995 1.995 0 0 1 14.006 16H1.994A1.995 1.995 0 0 1 0 14.006V1.994zm1 0v12.012c0 .548.446.994.994.994h12.012a.995.995 0 0 0 .994-.994V1.994A.995.995 0 0 0 14.006 1H1.994A.995.995 0 0 0 1 1.994z"
+      id="stop-a"
+    />
+  </defs>
+  <use
+    fill-rule="evenodd"
+    href="#stop-a"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type string 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
diff --git a/src/components/icon/assets/stop.svg b/src/components/icon/assets/stop.svg
new file mode 100644
index 00000000000..cf8b1ebeb8f
--- /dev/null
+++ b/src/components/icon/assets/stop.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M4,2 L12,2 C13.1045695,2 14,2.8954305 14,4 L14,12 C14,13.1045695 13.1045695,14 12,14 L4,14 C2.8954305,14 2,13.1045695 2,12 L2,4 C2,2.8954305 2.8954305,2 4,2 Z M4,3 C3.44771525,3 3,3.44771525 3,4 L3,12 C3,12.5522847 3.44771525,13 4,13 L12,13 C12.5522847,13 13,12.5522847 13,12 L13,4 C13,3.44771525 12.5522847,3 12,3 L4,3 Z" fill-rule="evenodd" />
+</svg>
diff --git a/src/components/icon/assets/stop_filled.svg b/src/components/icon/assets/stop_filled.svg
new file mode 100644
index 00000000000..8c5779aaf0b
--- /dev/null
+++ b/src/components/icon/assets/stop_filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <rect width="12" height="12" x="2" y="2" rx="2" fill-rule="evenodd" />
+</svg>
diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js
index 8da6080330e..2a08256d9f8 100644
--- a/src/components/icon/icon.js
+++ b/src/components/icon/icon.js
@@ -132,6 +132,8 @@ import sortUp from './assets/sort_up.svg';
 import starEmpty from './assets/star_empty.svg';
 import starPlusFilled from './assets/starPlusFilled.svg';
 import stats from './assets/stats.svg';
+import stop from './assets/stop.svg';
+import stopFilled from './assets/stop_filled.svg';
 import string from './assets/string.svg';
 import tableOfContents from './assets/tableOfContents.svg';
 import tear from './assets/tear.svg';
@@ -276,6 +278,8 @@ const typeToIconMap = {
   starEmpty,
   starPlusFilled,
   stats,
+  stop,
+  stopFilled,
   string,
   tableOfContents,
   tear,
diff --git a/src/components/icon/index.d.ts b/src/components/icon/index.d.ts
index 647a0dd214c..82263a24919 100644
--- a/src/components/icon/index.d.ts
+++ b/src/components/icon/index.d.ts
@@ -114,6 +114,8 @@ declare module '@elastic/eui' {
     | 'starEmpty'
     | 'starPlusFilled'
     | 'stats'
+    | 'stop'
+    | 'stopFilled'
     | 'string'
     | 'tableOfContents'
     | 'tear'