Introducing 3 new icons. Folder Open, Folder Closed, and Crosshairs. (#…

…1350)

* Introducing 3 new icons. Folder Open, Folder Closed, and Crosshairs.

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added 3 new icons — `folderOpen`, `folderClosed`, and `crosshairs` ([#1350](https://github.com/elastic/eui/pull/1350))
 - Added `bottomGraphic` prop to `EuiCard` for Kibana home page ([#1338](https://github.com/elastic/eui/pull/1338))
 
 **Bug fixes**

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

@@ -36,6 +36,7 @@ const iconTypes = [
   'copy',
   'copyClipboard',
   'cross',
+  'crosshairs',
   'database',
   'document',
   'dot',
@@ -64,6 +65,8 @@ const iconTypes = [
   'faceNeutral',
   'faceSad',
   'filter',
+  'folderClosed',
+  'folderOpen',
   'fullScreen',
   'gear',
   'globe',

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

@@ -1065,6 +1065,21 @@ exports[`EuiIcon props type crossClusterReplicationApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type crosshairs is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5.822 1.874a.5.5 0 1 1 .335.942 5.517 5.517 0 0 0-3.34 3.341.5.5 0 1 1-.943-.335 6.517 6.517 0 0 1 3.948-3.948zM1.864 10.15a.5.5 0 1 1 .944-.33 5.517 5.517 0 0 0 3.365 3.37.5.5 0 0 1-.333.943 6.517 6.517 0 0 1-3.976-3.983zm8.302 3.981a.5.5 0 1 1-.333-.943 5.517 5.517 0 0 0 3.347-3.332.5.5 0 1 1 .941.337 6.517 6.517 0 0 1-3.955 3.938zm3.968-8.285a.5.5 0 1 1-.943.331A5.517 5.517 0 0 0 9.85 2.82a.5.5 0 0 1 .337-.942 6.517 6.517 0 0 1 3.946 3.968zM8.5 3.5a.5.5 0 0 1-1 0V.997a.5.5 0 0 1 1 0V3.5zm-4.997 4a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h2.503zM7.5 12.497a.5.5 0 0 1 1 0V15a.5.5 0 1 1-1 0v-2.503zM12.497 8.5a.5.5 0 0 1 0-1H15a.5.5 0 1 1 0 1h-2.503zM8 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type dashboardApp is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium euiIcon--app"
@@ -1728,6 +1743,36 @@ exports[`EuiIcon props type filter is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type folderClosed is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M6 2H1v12h14V3.5H7.125A1.125 1.125 0 0 1 6 2.375V2zm.25-1a.75.75 0 0 1 .75.75v.625c0 .069.056.125.125.125H15a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.25z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type folderOpen is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M1 10.5l.826-3.717A1 1 0 0 1 2.802 6H13V3.5H7.125A1.125 1.125 0 0 1 6 2.375V2H1v8.5zm.247 3.5h11.95l1.556-7H2.803l-1.556 7zM13 15H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.25a.75.75 0 0 1 .75.75v.625c0 .069.056.125.125.125H13a1 1 0 0 1 1 1V6h.753a1 1 0 0 1 .977 1.217l-1.556 7a1 1 0 0 1-.976.783H13z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type fullScreen is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium"

src/components/icon/icon.js

@@ -40,6 +40,7 @@ import createPopulationJob from './assets/ml_create_population_job.svg';
 import createSingleMetricJob from './assets/ml_create_single_metric_job.svg';
 import cross from './assets/cross.svg';
 import crossClusterReplicationApp from './assets/app_cross_cluster_replication.svg';
+import crosshairs from './assets/crosshairs.svg';
 import dashboardApp from './assets/app_dashboard.svg';
 import dataVisualizer from './assets/ml_data_visualizer.svg';
 import database from './assets/database.svg';
@@ -74,6 +75,8 @@ import faceNeutral from './assets/faceNeutral.svg';
 import faceSad from './assets/face_sad.svg';
 import filebeatApp from './assets/app_filebeat.svg';
 import filter from './assets/filter.svg';
+import folderClosed from './assets/folder_closed.svg';
+import folderOpen from './assets/folder_open.svg';
 import fullScreen from './assets/full_screen.svg';
 import gear from './assets/gear.svg';
 import gisApp from './assets/app_gis.svg';
@@ -308,6 +311,7 @@ const typeToIconMap = {
   createPopulationJob,
   createSingleMetricJob,
   cross,
+  crosshairs,
   dashboardApp,
   database,
   dataVisualizer,
@@ -341,6 +345,8 @@ const typeToIconMap = {
   faceNeutral,
   faceSad,
   filter,
+  folderClosed,
+  folderOpen,
   fullScreen,
   gear,
   globe,

src/components/icon/index.d.ts

@@ -44,6 +44,7 @@ declare module '@elastic/eui' {
     | 'createPopulationJob'
     | 'createSingleMetricJob'
     | 'cross'
+    | 'crosshairs'
     | 'dashboardApp'
     | 'database'
     | 'dataVisualizer'
@@ -76,6 +77,8 @@ declare module '@elastic/eui' {
     | 'faceNeutral'
     | 'faceSad'
     | 'filter'
+    | 'folderClosed'
+    | 'folderOpen'
     | 'fullScreen'
     | 'gear'
     | 'globe'