Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added a few more Icons #990

Merged
merged 5 commits into from
Jul 10, 2018
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
- Changed `EuiXYChart` components exports to `/experimental` subfolder ([#975](https://github.com/elastic/eui/pull/975))
- Added beta version of `EuiXYChart` and associated components ([#309](https://github.com/elastic/eui/pull/309))
- Added `size` prop to `EuiIconTip` ([987](https://github.com/elastic/eui/pull/987))
- Added `database`, `filter`, `globe`, and `save` icons ([990](https://github.com/elastic/eui/pull/990))

**Bug fixes**

Expand Down
4 changes: 4 additions & 0 deletions src-docs/src/views/icon/icons.js
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ const iconTypes = [
'copy',
'copyClipboard',
'cross',
'database',
'document',
'dot',
'editorAlignCenter',
Expand All @@ -58,8 +59,10 @@ const iconTypes = [
'faceHappy',
'faceNeutral',
'faceSad',
'filter',
'fullScreen',
'gear',
'globe',
'grab',
'grid',
'heatmap',
Expand Down Expand Up @@ -105,6 +108,7 @@ const iconTypes = [
'popout',
'questionInCircle',
'refresh',
'save',
'scale',
'search',
'shard',
Expand Down
61 changes: 61 additions & 0 deletions src/components/icon/__snapshots__/icon.test.js.snap
Original file line number Diff line number Diff line change
Expand Up @@ -1262,6 +1262,21 @@ exports[`EuiIcon props type dataVisualizer is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type database 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="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453zM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2z"
/>
</svg>
`;

exports[`EuiIcon props type devToolsApp is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium"
Expand Down Expand Up @@ -1848,6 +1863,22 @@ exports[`EuiIcon props type faceSad is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type filter 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="M7.999 15.999a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zM3.5 5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1 0-1zm2 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1zm2 3h1a.5.5 0 1 1 0 1h-1a.5.5 0 1 1 0-1z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`EuiIcon props type fullScreen is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium"
Expand Down Expand Up @@ -1893,6 +1924,21 @@ exports[`EuiIcon props type gear is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type globe 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.019 8a6.462 6.462 0 0 0 1.003 3h2.382a14.469 14.469 0 0 1-.396-3h-2.99zm0-1h2.989c.033-1.078.172-2.094.396-3H2.022a6.462 6.462 0 0 0-1.003 3zM13.98 8h-2.989a14.469 14.469 0 0 1-.396 3h2.382a6.462 6.462 0 0 0 1.003-3zm0-1a6.462 6.462 0 0 0-1.003-3h-2.382c.224.906.363 1.922.396 3h2.99zM5.008 8c.037 1.107.195 2.127.429 3h4.126c.234-.873.392-1.893.429-3H5.008zm0-1h4.984a13.422 13.422 0 0 0-.429-3H5.437a13.422 13.422 0 0 0-.429 3zM.016 8H0V7h.016a7.5 7.5 0 0 1 14.968 0H15v1h-.016A7.5 7.5 0 0 1 .016 8zm2.794 4a6.501 6.501 0 0 0 2.717 1.695A7.315 7.315 0 0 1 4.7 12H2.81zm9.38 0H10.3c-.23.657-.51 1.23-.827 1.695A6.501 6.501 0 0 0 12.19 12zm-6.428 0c.484 1.24 1.132 2 1.738 2 .606 0 1.254-.76 1.738-2H5.762zM2.81 3H4.7c.23-.657.51-1.23.827-1.695A6.501 6.501 0 0 0 2.81 3zm9.38 0a6.501 6.501 0 0 0-2.717-1.695c.317.465.597 1.038.827 1.695h1.89zM5.762 3h3.476C8.754 1.76 8.106 1 7.5 1c-.606 0-1.254.76-1.738 2z"
/>
</svg>
`;

exports[`EuiIcon props type grab is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium"
Expand Down Expand Up @@ -3794,6 +3840,21 @@ exports[`EuiIcon props type reportingApp is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type save 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.008 2H2.282c-.181 0-.245.002-.275.007-.005.03-.007.094-.007.275v11.436c0 .181.002.245.007.275.03.005.094.007.275.007h11.436c.181 0 .245-.002.275-.007.005-.03.007-.094.007-.275V4.62c0-.13-.001-.18-.004-.204a2.654 2.654 0 0 0-.141-.147L11.73 2.145a2.654 2.654 0 0 0-.147-.141A2.654 2.654 0 0 0 11.38 2h-.388c.005.08.008.172.008.282v2.436c0 .446-.046.607-.134.77a.909.909 0 0 1-.378.378c-.163.088-.324.134-.77.134H6.282c-.446 0-.607-.046-.77-.134a.909.909 0 0 1-.378-.378C5.046 5.325 5 5.164 5 4.718V2.282c0-.11.003-.202.008-.282zM2.282 1h9.098c.259 0 .348.01.447.032a.87.87 0 0 1 .273.113c.086.054.156.11.338.293l2.124 2.124c.182.182.239.252.293.338a.87.87 0 0 1 .113.273c.023.1.032.188.032.447v9.098c0 .446-.046.607-.134.77a.909.909 0 0 1-.378.378c-.163.088-.324.134-.77.134H2.282c-.446 0-.607-.046-.77-.134a.909.909 0 0 1-.378-.378c-.088-.163-.134-.324-.134-.77V2.282c0-.446.046-.607.134-.77a.909.909 0 0 1 .378-.378c.163-.088.324-.134.77-.134zM6 2.282v2.436c0 .181.002.245.007.275.03.005.094.007.275.007h3.436c.181 0 .245-.002.275-.007.005-.03.007-.094.007-.275V2.282c0-.181-.002-.245-.007-.275A2.248 2.248 0 0 0 9.718 2H6.282c-.181 0-.245.002-.275.007-.005.03-.007.094-.007.275zM8 12a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0-1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
/>
</svg>
`;

exports[`EuiIcon props type savedObjectsApp is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium"
Expand Down
3 changes: 3 additions & 0 deletions src/components/icon/assets/database.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/components/icon/assets/filter.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/components/icon/assets/globe.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/components/icon/assets/save.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions src/components/icon/icon.js
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,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 dashboardApp from './assets/app_dashboard.svg';
import database from './assets/database.svg';
import dataVisualizer from './assets/ml_data_visualizer.svg';
import devToolsApp from './assets/app_devtools.svg';
import discoverApp from './assets/app_discover.svg';
Expand Down Expand Up @@ -64,8 +65,10 @@ import eyeClosed from './assets/eye_closed.svg';
import faceHappy from './assets/face_happy.svg';
import faceNeutral from './assets/faceNeutral.svg';
import faceSad from './assets/face_sad.svg';
import filter from './assets/filter.svg';
import fullScreen from './assets/full_screen.svg';
import gear from './assets/gear.svg';
import globe from './assets/globe.svg';
import grab from './assets/grab.svg';
import graphApp from './assets/app_graph.svg';
import grid from './assets/grid.svg';
Expand Down Expand Up @@ -140,6 +143,7 @@ import popout from './assets/popout.svg';
import questionInCircle from './assets/question_in_circle.svg';
import refresh from './assets/refresh.svg';
import reportingApp from './assets/app_reporting.svg';
import save from './assets/save.svg';
import savedObjectsApp from './assets/app_saved_objects.svg';
import scale from './assets/scale.svg';
import search from './assets/search.svg';
Expand Down Expand Up @@ -206,6 +210,7 @@ const typeToIconMap = {
createSingleMetricJob,
cross,
dashboardApp,
database,
dataVisualizer,
devToolsApp,
discoverApp,
Expand Down Expand Up @@ -235,8 +240,10 @@ const typeToIconMap = {
faceHappy,
faceNeutral,
faceSad,
filter,
fullScreen,
gear,
globe,
grab,
graphApp,
grid,
Expand Down Expand Up @@ -311,6 +318,7 @@ const typeToIconMap = {
questionInCircle,
refresh,
reportingApp,
save,
savedObjectsApp,
scale,
search,
Expand Down
4 changes: 4 additions & 0 deletions src/components/icon/index.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,7 @@ declare module '@elastic/eui' {
| 'createSingleMetricJob'
| 'cross'
| 'dashboardApp'
| 'database'
| 'dataVisualizer'
| 'devToolsApp'
| 'discoverApp'
Expand Down Expand Up @@ -71,8 +72,10 @@ declare module '@elastic/eui' {
| 'faceHappy'
| 'faceNeutral'
| 'faceSad'
| 'filter'
| 'fullScreen'
| 'gear'
| 'glob'
| 'grab'
| 'graphApp'
| 'grid'
Expand Down Expand Up @@ -144,6 +147,7 @@ declare module '@elastic/eui' {
| 'questionInCircle'
| 'refresh'
| 'reportingApp'
| 'save'
| 'savedObjectsApp'
| 'scale'
| 'search'
Expand Down