diff --git a/CHANGELOG.md b/CHANGELOG.md index ecd11fd0531..de7235a8e0e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ - Added TypeScript definition for `EuiFormControlLayout` ([#2086](https://github.com/elastic/eui/pull/2086)) - Changed SASS mixin `euiOverflowShadow()` to use `mask-image` instead of `box-shadow` ([#2088](https://github.com/elastic/eui/pull/2088)) - Added SASS mixin and CSS utility `euiYScrollWithShadows` ([#2088](https://github.com/elastic/eui/pull/2088)) +- Added new icons `cloud drizzle`, `cloud stormy`, `cloud sunny`, `documents`, `edit `, `training` and `video player` ([#2102](https://github.com/elastic/eui/pull/2102)) **Bug fixes** diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js index 73db7f649a2..3b19cbcf1b9 100644 --- a/src-docs/src/views/icon/icons.js +++ b/src-docs/src/views/icon/icons.js @@ -43,6 +43,9 @@ const iconTypes = [ 'check', 'checkInCircleFilled', 'clock', + 'cloudDrizzle', + 'cloudStormy', + 'cloudSunny', 'compute', 'console', 'controlsHorizontal', @@ -55,7 +58,9 @@ const iconTypes = [ 'cut', 'database', 'document', + 'documents', 'dot', + 'edit', 'email', 'empty', 'exit', @@ -161,9 +166,11 @@ const iconTypes = [ 'tag', 'tear', 'temperature', + 'training', 'trash', 'user', 'vector', + 'videoPlayer', 'visArea', 'visBarHorizontal', 'visBarVertical', diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap index 919bf81dbde..42349cc1f7d 100644 --- a/src/components/icon/__snapshots__/icon.test.tsx.snap +++ b/src/components/icon/__snapshots__/icon.test.tsx.snap @@ -1040,6 +1040,67 @@ exports[`EuiIcon props type clock is rendered 1`] = ` `; +exports[`EuiIcon props type cloudDrizzle is rendered 1`] = ` + + + + + + +`; + +exports[`EuiIcon props type cloudStormy is rendered 1`] = ` + + + + + + +`; + +exports[`EuiIcon props type cloudSunny is rendered 1`] = ` + + + +`; + exports[`EuiIcon props type codeApp is rendered 1`] = ` `; +exports[`EuiIcon props type documents is rendered 1`] = ` + + + + + + +`; + exports[`EuiIcon props type dot is rendered 1`] = ` `; +exports[`EuiIcon props type edit is rendered 1`] = ` + + + + + + + +`; + exports[`EuiIcon props type editorAlignCenter is rendered 1`] = ` `; +exports[`EuiIcon props type training is rendered 1`] = ` + + + + + + + +`; + exports[`EuiIcon props type trash is rendered 1`] = ` `; +exports[`EuiIcon props type videoPlayer is rendered 1`] = ` + + + + + + +`; + exports[`EuiIcon props type visArea is rendered 1`] = ` ( + + + + + + +); + +export const icon = EuiIconCloudDrizzle; diff --git a/src/components/icon/assets/cloud-drizzle.svg b/src/components/icon/assets/cloud-drizzle.svg new file mode 100755 index 00000000000..0afb8e64b66 --- /dev/null +++ b/src/components/icon/assets/cloud-drizzle.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/icon/assets/cloud-stormy.js b/src/components/icon/assets/cloud-stormy.js new file mode 100644 index 00000000000..3922386e225 --- /dev/null +++ b/src/components/icon/assets/cloud-stormy.js @@ -0,0 +1,17 @@ +import React from 'react'; + +const EuiIconCloudStormy = props => ( + + + + + + +); + +export const icon = EuiIconCloudStormy; diff --git a/src/components/icon/assets/cloud-stormy.svg b/src/components/icon/assets/cloud-stormy.svg new file mode 100755 index 00000000000..fc8562f31a0 --- /dev/null +++ b/src/components/icon/assets/cloud-stormy.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/icon/assets/cloud-sunny.js b/src/components/icon/assets/cloud-sunny.js new file mode 100644 index 00000000000..c7e8aadf5eb --- /dev/null +++ b/src/components/icon/assets/cloud-sunny.js @@ -0,0 +1,14 @@ +import React from 'react'; + +const EuiIconCloudSunny = props => ( + + + +); + +export const icon = EuiIconCloudSunny; diff --git a/src/components/icon/assets/cloud-sunny.svg b/src/components/icon/assets/cloud-sunny.svg new file mode 100755 index 00000000000..b2a63124577 --- /dev/null +++ b/src/components/icon/assets/cloud-sunny.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/documents.js b/src/components/icon/assets/documents.js new file mode 100644 index 00000000000..f5f6a2b9d46 --- /dev/null +++ b/src/components/icon/assets/documents.js @@ -0,0 +1,17 @@ +import React from 'react'; + +const EuiIconDocuments = props => ( + + + + + + +); + +export const icon = EuiIconDocuments; diff --git a/src/components/icon/assets/documents.svg b/src/components/icon/assets/documents.svg new file mode 100755 index 00000000000..4d917490e59 --- /dev/null +++ b/src/components/icon/assets/documents.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/icon/assets/edit.js b/src/components/icon/assets/edit.js new file mode 100644 index 00000000000..3335322dda6 --- /dev/null +++ b/src/components/icon/assets/edit.js @@ -0,0 +1,26 @@ +import React from 'react'; + +const EuiIconEdit = props => ( + + + + + + + +); + +export const icon = EuiIconEdit; diff --git a/src/components/icon/assets/edit.svg b/src/components/icon/assets/edit.svg new file mode 100755 index 00000000000..fd34c889cb1 --- /dev/null +++ b/src/components/icon/assets/edit.svg @@ -0,0 +1,11 @@ + + + + icon-blog-16-ink + Created with Sketch. + + + + + + \ No newline at end of file diff --git a/src/components/icon/assets/training.js b/src/components/icon/assets/training.js new file mode 100644 index 00000000000..af6b4867cfe --- /dev/null +++ b/src/components/icon/assets/training.js @@ -0,0 +1,18 @@ +import React from 'react'; + +const EuiIconTraining = props => ( + + + + + + + +); + +export const icon = EuiIconTraining; diff --git a/src/components/icon/assets/training.svg b/src/components/icon/assets/training.svg new file mode 100755 index 00000000000..d470f5150f2 --- /dev/null +++ b/src/components/icon/assets/training.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/components/icon/assets/video-player.js b/src/components/icon/assets/video-player.js new file mode 100644 index 00000000000..8266abaf68b --- /dev/null +++ b/src/components/icon/assets/video-player.js @@ -0,0 +1,17 @@ +import React from 'react'; + +const EuiIconVideoPlayer = props => ( + + + + + + +); + +export const icon = EuiIconVideoPlayer; diff --git a/src/components/icon/assets/video-player.svg b/src/components/icon/assets/video-player.svg new file mode 100755 index 00000000000..e5c45033b61 --- /dev/null +++ b/src/components/icon/assets/video-player.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx index 0848b9cd049..a9c62ab11d0 100644 --- a/src/components/icon/icon.tsx +++ b/src/components/icon/icon.tsx @@ -45,6 +45,9 @@ const typeToPathMap = { check: 'check', checkInCircleFilled: 'checkInCircleFilled', clock: 'clock', + cloudDrizzle: 'cloud-drizzle', + cloudStormy: 'cloud-stormy', + cloudSunny: 'cloud-sunny', compute: 'compute', console: 'console', consoleApp: 'app_console', @@ -67,7 +70,9 @@ const typeToPathMap = { devToolsApp: 'app_devtools', discoverApp: 'app_discover', document: 'document', + documents: 'documents', dot: 'dot', + edit: 'edit', editorAlignCenter: 'editor_align_center', editorAlignLeft: 'editor_align_left', editorAlignRight: 'editor_align_right', @@ -280,12 +285,14 @@ const typeToPathMap = { tear: 'tear', temperature: 'temperature', timelionApp: 'app_timelion', + training: 'training', trash: 'trash', upgradeAssistantApp: 'app_upgrade_assistant', uptimeApp: 'app_uptime', user: 'user', usersRolesApp: 'app_users_roles', vector: 'vector', + videoPlayer: 'video-player', visArea: 'vis_area', visBarHorizontal: 'vis_bar_horizontal', visBarVertical: 'vis_bar_vertical',