Add stop icons (transparent, filled).

elastic · Mar 20, 2018 · 5658374 · 5658374
1 parent d37f2e1
commit 5658374
Show file tree

Hide file tree

Showing 6 changed files with 57 additions and 0 deletions.
diff --git 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
@@ -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
diff --git a/src/components/icon/assets/stop_filled.svg b/src/components/icon/assets/stop_filled.svg
diff --git 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
@@ -114,6 +114,8 @@ declare module '@elastic/eui' {
     | 'starEmpty'
     | 'starPlusFilled'
     | 'stats'
+    | 'stop'
+    | 'stopFilled'
     | 'string'
     | 'tableOfContents'
     | 'tear'