Add stop icons (transparent, filled). (#543)

* Add stop icons (transparent, filled).

* Updated changelog.

* Update snapshots for dear life

CHANGELOG.md

@@ -1,11 +1,11 @@
 # [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `0.0.31`.
+- Added `stop` and `stopFilled` icons ([#543](https://github.com/elastic/eui/pull/543))
 
 # [`0.0.31`](https://github.com/elastic/eui/tree/v0.0.31)
 
-- Make `<EuiProgress>` TypeScript types more specific ([#518](https://github.com/elastic/eui/pull/518))
-- Remove `font-smoothing` from our reset css for better text legibility ([#539](https://github.com/elastic/eui/pull/539))
+- Made `<EuiProgress>` TypeScript types more specific ([#518](https://github.com/elastic/eui/pull/518))
+- Removed `font-smoothing` from our reset css for better text legibility ([#539](https://github.com/elastic/eui/pull/539))
 
 **Bug fixes**
 

src-docs/src/views/icon/icons.js

@@ -96,6 +96,8 @@ const iconTypes = [
   'starEmpty',
   'starPlusFilled',
   'stats',
+  'stop',
+  'stopFilled',
   'string',
   'tableOfContents',
   'tear',

src/components/icon/__snapshots__/icon.test.js.snap

@@ -3332,6 +3332,40 @@ 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"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M4 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type stopFilled 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    fill-rule="evenodd"
+    height="12"
+    rx="2"
+    width="12"
+    x="2"
+    y="2"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type string 1`] = `
 <svg
   class="euiIcon euiIcon--medium"

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,

src/components/icon/index.d.ts

@@ -114,6 +114,8 @@ declare module '@elastic/eui' {
     | 'starEmpty'
     | 'starPlusFilled'
     | 'stats'
+    | 'stop'
+    | 'stopFilled'
     | 'string'
     | 'tableOfContents'
     | 'tear'