diff --git a/CHANGELOG.md b/CHANGELOG.md index 875db91d3e1..f2221941d75 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ # [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `0.0.15`. +- Machine learning create jobs icon set. ((338)[https://github.com/elastic/eui/pull/338]) # [`0.0.15`](https://github.com/elastic/eui/tree/v0.0.15) diff --git a/src-docs/src/views/icon/icon_example.js b/src-docs/src/views/icon/icon_example.js index ddf42117253..6058907c0fc 100644 --- a/src-docs/src/views/icon/icon_example.js +++ b/src-docs/src/views/icon/icon_example.js @@ -19,6 +19,10 @@ import Apps from './apps'; const appsSource = require('!!raw-loader!./apps'); const appsHtml = renderToHtml(Apps); +import Ml from './ml'; +const mlSource = require('!!raw-loader!./ml'); +const mlHtml = renderToHtml(Ml); + import Logos from './logos'; const logosSource = require('!!raw-loader!./logos'); const logosHtml = renderToHtml(Logos); @@ -50,7 +54,7 @@ export const IconExample = {

EuiIcon can build out an icon from our SVG - icon library. Icons can be resized and recolored (through a + icon library. Icons are resized and recolored (through a CSS Fill) decleration.

@@ -86,6 +90,22 @@ export const IconExample = {

), demo: , + }, { + title: 'Machine learning icons', + source: [{ + type: GuideSectionTypes.JS, + code: mlSource, + }, { + type: GuideSectionTypes.HTML, + code: mlHtml, + }], + text: ( +

+ ML has some specific icons for job creation. + Again, these are made for 32x32. +

+ ), + demo: , }, { title: 'Logos', source: [{ @@ -151,4 +171,3 @@ export const IconExample = { demo: , }], }; - diff --git a/src-docs/src/views/icon/ml.js b/src-docs/src/views/icon/ml.js new file mode 100644 index 00000000000..1e706373ede --- /dev/null +++ b/src-docs/src/views/icon/ml.js @@ -0,0 +1,41 @@ +import React from 'react'; + +import { + EuiFlexGrid, + EuiFlexItem, + EuiIcon, + EuiPanel, + EuiText, +} from '../../../../src/components'; + +const iconTypes = [ + 'dataVisualizer', + 'createAdvancedJob', + 'createMultiMetricJob', + 'createPopulationJob', + 'createSingleMetricJob', +]; + +export default () => ( + + { + iconTypes.map(iconType => ( + + + + +

{iconType}

+ + + + )) + } + +); diff --git a/src/components/icon/__snapshots__/icon.test.js.snap b/src/components/icon/__snapshots__/icon.test.js.snap index e78a190fba9..19ccd058d82 100644 --- a/src/components/icon/__snapshots__/icon.test.js.snap +++ b/src/components/icon/__snapshots__/icon.test.js.snap @@ -794,6 +794,175 @@ exports[`EuiIcon renders type copyClipboard 1`] = ` `; +exports[`EuiIcon renders type createAdvancedJob 1`] = ` + + + + + + + + + + + + +`; + +exports[`EuiIcon renders type createMultiMetricJob 1`] = ` + + + + + + + + + + +`; + +exports[`EuiIcon renders type createPopulationJob 1`] = ` + + + + + + + + + + + +`; + +exports[`EuiIcon renders type createSingleMetricJob 1`] = ` + + + +`; + exports[`EuiIcon renders type cross 1`] = ` `; +exports[`EuiIcon renders type dataVisualizer 1`] = ` + + + + + + + + +`; + exports[`EuiIcon renders type devToolsApp 1`] = ` + + + + + + + + + + + diff --git a/src/components/icon/assets/ml_create_multi_metric_job.svg b/src/components/icon/assets/ml_create_multi_metric_job.svg new file mode 100644 index 00000000000..6f7f35be34e --- /dev/null +++ b/src/components/icon/assets/ml_create_multi_metric_job.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/icon/assets/ml_create_population_job.svg b/src/components/icon/assets/ml_create_population_job.svg new file mode 100644 index 00000000000..300e473045f --- /dev/null +++ b/src/components/icon/assets/ml_create_population_job.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/icon/assets/ml_create_single_metric_job.svg b/src/components/icon/assets/ml_create_single_metric_job.svg new file mode 100644 index 00000000000..398ee246aeb --- /dev/null +++ b/src/components/icon/assets/ml_create_single_metric_job.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/ml_data_visualizer.svg b/src/components/icon/assets/ml_data_visualizer.svg new file mode 100644 index 00000000000..092444438ff --- /dev/null +++ b/src/components/icon/assets/ml_data_visualizer.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js index e354f1686ac..6375c85eb4a 100644 --- a/src/components/icon/icon.js +++ b/src/components/icon/icon.js @@ -28,8 +28,13 @@ import controlsHorizontal from './assets/controls_horizontal.svg'; import controlsVertical from './assets/controls_vertical.svg'; import copy from './assets/copy.svg'; import copyClipboard from './assets/copy_clipboard.svg'; +import createAdvancedJob from './assets/ml_create_advanced_job.svg'; +import createMultiMetricJob from './assets/ml_create_multi_metric_job.svg'; +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 dashboardApp from './assets/app_dashboard.svg'; +import dataVisualizer from './assets/ml_data_visualizer.svg'; import devToolsApp from './assets/app_devtools.svg'; import discoverApp from './assets/app_discover.svg'; import document from './assets/document.svg'; @@ -145,8 +150,13 @@ const typeToIconMap = { controlsVertical, copy, copyClipboard, + createAdvancedJob, + createMultiMetricJob, + createPopulationJob, + createSingleMetricJob, cross, dashboardApp, + dataVisualizer, devToolsApp, discoverApp, document,