diff --git a/CHANGELOG.md b/CHANGELOG.md index ea77667d44f..217a8248753 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -25,6 +25,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 `cloudDrizzle`, `cloudStormy`, `cloudSunny`, `documents`, `documentEdit`, `training` and `videoPlayer` glyphs to `EuiIcon` ([#2102](https://github.com/elastic/eui/pull/2102)) - Added `display` prop to `EuiPopover` ([#2112](https://github.com/elastic/eui/pull/2112)) **Bug fixes** diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js index 73db7f649a2..6cd50be25b1 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,6 +58,8 @@ const iconTypes = [ 'cut', 'database', 'document', + 'documentEdit', + 'documents', 'dot', 'email', 'empty', @@ -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 8d55de80bb4..e80fd1ff32d 100644 --- a/src/components/icon/__snapshots__/icon.test.tsx.snap +++ b/src/components/icon/__snapshots__/icon.test.tsx.snap @@ -1040,6 +1040,51 @@ 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 documentEdit is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type documents is rendered 1`] = ` + + + +`; + exports[`EuiIcon props type dot 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/cloudDrizzle.svg b/src/components/icon/assets/cloudDrizzle.svg new file mode 100644 index 00000000000..551d1b68327 --- /dev/null +++ b/src/components/icon/assets/cloudDrizzle.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/cloudStormy.js b/src/components/icon/assets/cloudStormy.js new file mode 100644 index 00000000000..64122410cc7 --- /dev/null +++ b/src/components/icon/assets/cloudStormy.js @@ -0,0 +1,14 @@ +import React from 'react'; + +const EuiIconCloudStormy = props => ( + + + +); + +export const icon = EuiIconCloudStormy; diff --git a/src/components/icon/assets/cloudStormy.svg b/src/components/icon/assets/cloudStormy.svg new file mode 100644 index 00000000000..250480b6592 --- /dev/null +++ b/src/components/icon/assets/cloudStormy.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/cloudSunny.js b/src/components/icon/assets/cloudSunny.js new file mode 100644 index 00000000000..7fd0613feee --- /dev/null +++ b/src/components/icon/assets/cloudSunny.js @@ -0,0 +1,14 @@ +import React from 'react'; + +const EuiIconCloudSunny = props => ( + + + +); + +export const icon = EuiIconCloudSunny; diff --git a/src/components/icon/assets/cloudSunny.svg b/src/components/icon/assets/cloudSunny.svg new file mode 100644 index 00000000000..0935e1e1adc --- /dev/null +++ b/src/components/icon/assets/cloudSunny.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/documentEdit.js b/src/components/icon/assets/documentEdit.js new file mode 100644 index 00000000000..7046b93137a --- /dev/null +++ b/src/components/icon/assets/documentEdit.js @@ -0,0 +1,14 @@ +import React from 'react'; + +const EuiIconDocumentEdit = props => ( + + + +); + +export const icon = EuiIconDocumentEdit; diff --git a/src/components/icon/assets/documentEdit.svg b/src/components/icon/assets/documentEdit.svg new file mode 100644 index 00000000000..5dd7ded0f89 --- /dev/null +++ b/src/components/icon/assets/documentEdit.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..1916f84c877 --- /dev/null +++ b/src/components/icon/assets/documents.js @@ -0,0 +1,14 @@ +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 100644 index 00000000000..09a08cfbabf --- /dev/null +++ b/src/components/icon/assets/documents.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/training.js b/src/components/icon/assets/training.js new file mode 100644 index 00000000000..90f7b131a32 --- /dev/null +++ b/src/components/icon/assets/training.js @@ -0,0 +1,14 @@ +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 100644 index 00000000000..0205c51e15c --- /dev/null +++ b/src/components/icon/assets/training.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/videoPlayer.js b/src/components/icon/assets/videoPlayer.js new file mode 100644 index 00000000000..82cf1002353 --- /dev/null +++ b/src/components/icon/assets/videoPlayer.js @@ -0,0 +1,14 @@ +import React from 'react'; + +const EuiIconVideoPlayer = props => ( + + + +); + +export const icon = EuiIconVideoPlayer; diff --git a/src/components/icon/assets/videoPlayer.svg b/src/components/icon/assets/videoPlayer.svg new file mode 100644 index 00000000000..6f2ec5e420f --- /dev/null +++ b/src/components/icon/assets/videoPlayer.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx index 4094d9ac64a..b90fbc026a0 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: 'cloudDrizzle', + cloudStormy: 'cloudStormy', + cloudSunny: 'cloudSunny', compute: 'compute', console: 'console', consoleApp: 'app_console', @@ -67,6 +70,8 @@ const typeToPathMap = { devToolsApp: 'app_devtools', discoverApp: 'app_discover', document: 'document', + documentEdit: 'documentEdit', + documents: 'documents', dot: 'dot', editorAlignCenter: 'editor_align_center', editorAlignLeft: 'editor_align_left', @@ -284,12 +289,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: 'videoPlayer', visArea: 'vis_area', visBarHorizontal: 'vis_bar_horizontal', visBarVertical: 'vis_bar_vertical',