diff --git a/CHANGELOG.md b/CHANGELOG.md index 81de2a59e62..45f5ec076a9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,7 @@ ## [`master`](https://github.com/elastic/eui/tree/master) - Added types for `EuiToast`, `EuiGlobalToastList`, and `EuiGlobalToastListItem` ([#1045](https://github.com/elastic/eui/pull/1045)) +- Added a handful of third-party logos to `EuiIcon` ([#1033](https://github.com/elastic/eui/pull/1033)) **Bug fixes** diff --git a/src-docs/src/views/icon/apps.js b/src-docs/src/views/icon/apps.js index e28194c39ca..362b02fc999 100644 --- a/src-docs/src/views/icon/apps.js +++ b/src-docs/src/views/icon/apps.js @@ -19,6 +19,7 @@ const iconTypes = [ 'emsApp', 'graphApp', 'grokApp', + 'indexManagementApp', 'indexPatternApp', 'loggingApp', 'machineLearningApp', diff --git a/src-docs/src/views/icon/icon_example.js b/src-docs/src/views/icon/icon_example.js index 3813b20e169..81579fc36b1 100644 --- a/src-docs/src/views/icon/icon_example.js +++ b/src-docs/src/views/icon/icon_example.js @@ -27,6 +27,10 @@ import Logos from './logos'; const logosSource = require('!!raw-loader!./logos'); const logosHtml = renderToHtml(Logos); +import LogosThird from './logos_third'; +const logosThirdSource = require('!!raw-loader!./logos_third'); +const logosThirdHtml = renderToHtml(LogosThird); + import IconSizes from './icon_sizes'; const iconSizesSource = require('!!raw-loader!./icon_sizes'); const iconSizesHtml = renderToHtml(IconSizes); @@ -106,7 +110,7 @@ export const IconExample = { ), demo: , }, { - title: 'Logos', + title: 'Elastic logos', source: [{ type: GuideSectionTypes.JS, code: logosSource, @@ -120,6 +124,21 @@ export const IconExample = {

), demo: , + }, { + title: 'Third party logos', + source: [{ + type: GuideSectionTypes.JS, + code: logosThirdSource, + }, { + type: GuideSectionTypes.HTML, + code: logosThirdHtml, + }], + text: ( +

+ Product logos follow similar rules as app logos. +

+ ), + demo: , }, { title: 'Sizes', source: [{ diff --git a/src-docs/src/views/icon/logos.js b/src-docs/src/views/icon/logos.js index c993b80c056..2b1076bbfa0 100644 --- a/src-docs/src/views/icon/logos.js +++ b/src-docs/src/views/icon/logos.js @@ -9,25 +9,14 @@ import { } from '../../../../src/components'; const iconTypes = [ - 'logoApache', 'logoBeats', 'logoCloud', 'logoCloudEnterprise', - 'logoDocker', 'logoElastic', 'logoElasticsearch', 'logoElasticStack', - 'logoGithub', - 'logoGmail', 'logoKibana', - 'logoKubernetes', 'logoLogstash', - 'logoMySQL', - 'logoNginx', - 'logoRedis', - 'logoSketch', - 'logoSlack', - 'logoWebhook', 'logoXpack', ].sort(); diff --git a/src-docs/src/views/icon/logos_third.js b/src-docs/src/views/icon/logos_third.js new file mode 100644 index 00000000000..e8d2d3a3d7d --- /dev/null +++ b/src-docs/src/views/icon/logos_third.js @@ -0,0 +1,63 @@ +import React from 'react'; + +import { + EuiFlexGrid, + EuiFlexItem, + EuiIcon, + EuiPanel, + EuiText, +} from '../../../../src/components'; + +const iconTypes = [ + 'logoAerospike', + 'logoApache', + 'logoCeph', + 'logoCouchbase', + 'logoDocker', + 'logoDropwizard', + 'logoEtcd', + 'logoGithub', + 'logoGmail', + 'logoGolang', + 'logoHAproxy', + 'logoKafka', + 'logoKubernetes', + 'logoMemcached', + 'logoMongodb', + 'logoMySQL', + 'logoNginx', + 'logoOsquery', + 'logoPhp', + 'logoPostgres', + 'logoPrometheus', + 'logoRabbitmq', + 'logoRedis', + 'logoSketch', + 'logoSlack', + 'logoWebhook', + 'logoWindows', +].sort(); + +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 deleted file mode 100644 index 01b0a0b61ee..00000000000 --- a/src/components/icon/__snapshots__/icon.test.js.snap +++ /dev/null @@ -1,4815 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`EuiIcon is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props size l is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props size m is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props size original is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props size s is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props size xl is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props size xxl is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props tabIndex renders focusable="false" when -1 1`] = ` - - - - - - -`; - -exports[`EuiIcon props tabIndex renders focusable="false" when not provided 1`] = ` - - - - - - -`; - -exports[`EuiIcon props tabIndex renders focusable="true" when 0 1`] = ` - - - - - - -`; - -exports[`EuiIcon props title defaults to a humanized version of the type 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props title is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type addDataApp is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type advancedSettingsApp is rendered 1`] = ` - - - - - - - - - - -`; - -exports[`EuiIcon props type alert is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type apmApp is rendered 1`] = ` - - - - - - - - - - - - - - - - - - - - - - - - - - - - -`; - -exports[`EuiIcon props type apps is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type arrowDown is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type arrowLeft is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type arrowRight is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type arrowUp is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type asterisk is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type bolt is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type boxesHorizontal is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type boxesVertical is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type broom is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type brush is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type bullseye is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type calendar is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type check is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type checkInCircleFilled is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type clock is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type compute is rendered 1`] = ` - - - - -`; - -exports[`EuiIcon props type console is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type consoleApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type controlsHorizontal is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type controlsVertical is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type copy is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type copyClipboard is rendered 1`] = ` - - - - -`; - -exports[`EuiIcon props type createAdvancedJob is rendered 1`] = ` - - - - - - - - - - - - -`; - -exports[`EuiIcon props type createMultiMetricJob is rendered 1`] = ` - - - - - - - - - - -`; - -exports[`EuiIcon props type createPopulationJob is rendered 1`] = ` - - - - - - - - - - - -`; - -exports[`EuiIcon props type createSingleMetricJob is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type cross is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type dashboardApp is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type dataVisualizer is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type database is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type devToolsApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type discoverApp is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type document is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type dot is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorAlignCenter is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorAlignLeft is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorAlignRight is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorBold is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorCodeBlock is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorComment is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorHeading is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorItalic is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorLink is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorOrderedList is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorStrike is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorTable is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorUnderline is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type editorUnorderedList is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type empty is rendered 1`] = ` - -`; - -exports[`EuiIcon props type emsApp is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type exit is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type expand is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type exportAction is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type eye is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type eyeClosed is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type faceHappy is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type faceNeutral is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type faceSad is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type filter is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type fullScreen is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type gear is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type globe is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type grab is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type graphApp is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type grid is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type grokApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type heatmap is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type help is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type iInCircle is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type importAction is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type indexClose is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type indexEdit is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type indexFlush is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type indexMapping is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type indexOpen is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type indexPatternApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type indexSettings is rendered 1`] = ` - - - - - -`; - -exports[`EuiIcon props type inputOutput is rendered 1`] = ` - - - - - -`; - -exports[`EuiIcon props type inspect is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type invert is rendered 1`] = ` - - - - -`; - -exports[`EuiIcon props type kqlField is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type kqlFunction is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type kqlOperand is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type kqlSelector is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type kqlValue is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type link is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type list is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type listAdd is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type lock is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type loggingApp is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type logoApache is rendered 1`] = ` - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -`; - -exports[`EuiIcon props type logoBeats is rendered 1`] = ` - - - - - - - - - -`; - -exports[`EuiIcon props type logoCloud is rendered 1`] = ` - - - - - - - - - -`; - -exports[`EuiIcon props type logoCloudEnterprise is rendered 1`] = ` - - - - - - - - - - -`; - -exports[`EuiIcon props type logoDocker is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type logoElastic is rendered 1`] = ` - - - - - - - - - - -`; - -exports[`EuiIcon props type logoElasticStack is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type logoElasticsearch is rendered 1`] = ` - - - - - - - - - - - - -`; - -exports[`EuiIcon props type logoGithub is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type logoGmail is rendered 1`] = ` - - - - - - - - - - - -`; - -exports[`EuiIcon props type logoKibana is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type logoKubernetes is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type logoLogstash is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type logoMySQL is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type logoNginx is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type logoRedis is rendered 1`] = ` - - - - - - - - - - - - - - -`; - -exports[`EuiIcon props type logoSketch is rendered 1`] = ` - - - - - - - - - - -`; - -exports[`EuiIcon props type logoSlack is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type logoWebhook is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type logoXpack is rendered 1`] = ` - - - - - - - - - - -`; - -exports[`EuiIcon props type logstashFilter is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type logstashIf is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type logstashInput is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type logstashOutput is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type logstashQueue is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type machineLearningApp is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type managementApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type mapMarker is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type memory is rendered 1`] = ` - - - - -`; - -exports[`EuiIcon props type merge is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type minusInCircle is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type monitoringApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type node is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type number is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type offline is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type online is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type pause is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type pencil is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type pin is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type pipelineApp is rendered 1`] = ` - - - - - - - - - - - - -`; - -exports[`EuiIcon props type play is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type plusInCircle is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type popout is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type questionInCircle is rendered 1`] = ` - - - - -`; - -exports[`EuiIcon props type refresh is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type reportingApp is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type save is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type savedObjectsApp is rendered 1`] = ` - - - - - - - - - - - -`; - -exports[`EuiIcon props type scale is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type search is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type searchProfilerApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type securityApp is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type shard is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type share is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type sortDown is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type sortLeft is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type sortRight is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type sortUp is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type starEmpty is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type starPlusFilled is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type stats is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type stop is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type stopFilled is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type storage is rendered 1`] = ` - - - - - - - - -`; - -exports[`EuiIcon props type string is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type tableOfContents is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type tear is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type temperature is rendered 1`] = ` - - - - -`; - -exports[`EuiIcon props type timelionApp is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type trash is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type upgradeAssistantApp is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type user is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type usersRolesApp is rendered 1`] = ` - - - - - - - - - - -`; - -exports[`EuiIcon props type vector is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visArea is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visBarHorizontal is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visBarVertical is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visControls is rendered 1`] = ` - - - - - - -`; - -exports[`EuiIcon props type visGauge is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visGoal is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visHeatmap is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visLine is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visMapCoordinate is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visMapRegion is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visMetric is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visPie is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visTable is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visTagCloud is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visText is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visTimelion is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visVega is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visVisualBuilder is rendered 1`] = ` - - - -`; - -exports[`EuiIcon props type visualizeApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type watchesApp is rendered 1`] = ` - - - - - - - -`; - -exports[`EuiIcon props type wrench is rendered 1`] = ` - - - - -`; diff --git a/src/components/icon/assets/app_index_management.svg b/src/components/icon/assets/app_index_management.svg new file mode 100644 index 00000000000..451b9c62a27 --- /dev/null +++ b/src/components/icon/assets/app_index_management.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/icon/assets/logo_aerospike.svg b/src/components/icon/assets/logo_aerospike.svg new file mode 100644 index 00000000000..8bb21448d95 --- /dev/null +++ b/src/components/icon/assets/logo_aerospike.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/icon/assets/logo_ceph.svg b/src/components/icon/assets/logo_ceph.svg new file mode 100644 index 00000000000..be9d721800a --- /dev/null +++ b/src/components/icon/assets/logo_ceph.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/logo_couchbase.svg b/src/components/icon/assets/logo_couchbase.svg new file mode 100644 index 00000000000..d42d9899d8c --- /dev/null +++ b/src/components/icon/assets/logo_couchbase.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/logo_dropwizard.svg b/src/components/icon/assets/logo_dropwizard.svg new file mode 100644 index 00000000000..6e7b3628726 --- /dev/null +++ b/src/components/icon/assets/logo_dropwizard.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/logo_etcd.svg b/src/components/icon/assets/logo_etcd.svg new file mode 100644 index 00000000000..e6a317c68b6 --- /dev/null +++ b/src/components/icon/assets/logo_etcd.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/icon/assets/logo_golang.svg b/src/components/icon/assets/logo_golang.svg new file mode 100644 index 00000000000..bd927c302c2 --- /dev/null +++ b/src/components/icon/assets/logo_golang.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/logo_haproxy.svg b/src/components/icon/assets/logo_haproxy.svg new file mode 100644 index 00000000000..6a628be7646 --- /dev/null +++ b/src/components/icon/assets/logo_haproxy.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/logo_kafka.svg b/src/components/icon/assets/logo_kafka.svg new file mode 100644 index 00000000000..e88f77cb55b --- /dev/null +++ b/src/components/icon/assets/logo_kafka.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/logo_memcached.svg b/src/components/icon/assets/logo_memcached.svg new file mode 100644 index 00000000000..f09f3a125a8 --- /dev/null +++ b/src/components/icon/assets/logo_memcached.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/icon/assets/logo_mongodb.svg b/src/components/icon/assets/logo_mongodb.svg new file mode 100644 index 00000000000..1727f81d2f6 --- /dev/null +++ b/src/components/icon/assets/logo_mongodb.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/icon/assets/logo_osquery.svg b/src/components/icon/assets/logo_osquery.svg new file mode 100644 index 00000000000..cbcb76d38a1 --- /dev/null +++ b/src/components/icon/assets/logo_osquery.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/components/icon/assets/logo_php.svg b/src/components/icon/assets/logo_php.svg new file mode 100644 index 00000000000..43521dc8f4c --- /dev/null +++ b/src/components/icon/assets/logo_php.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/icon/assets/logo_postgres.svg b/src/components/icon/assets/logo_postgres.svg new file mode 100644 index 00000000000..0306131fcd3 --- /dev/null +++ b/src/components/icon/assets/logo_postgres.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/icon/assets/logo_prometheus.svg b/src/components/icon/assets/logo_prometheus.svg new file mode 100644 index 00000000000..9ee24e53f2a --- /dev/null +++ b/src/components/icon/assets/logo_prometheus.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/logo_rabbitmq.svg b/src/components/icon/assets/logo_rabbitmq.svg new file mode 100644 index 00000000000..dabd2a5744c --- /dev/null +++ b/src/components/icon/assets/logo_rabbitmq.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/logo_slack.svg b/src/components/icon/assets/logo_slack.svg index 958d8aa52c6..ab36af3791d 100644 --- a/src/components/icon/assets/logo_slack.svg +++ b/src/components/icon/assets/logo_slack.svg @@ -1,5 +1,5 @@ - + diff --git a/src/components/icon/assets/logo_windows.svg b/src/components/icon/assets/logo_windows.svg new file mode 100644 index 00000000000..953b33d8f5a --- /dev/null +++ b/src/components/icon/assets/logo_windows.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js index 701ea893c12..a2697c53817 100644 --- a/src/components/icon/icon.js +++ b/src/components/icon/icon.js @@ -50,10 +50,10 @@ import editorComment from './assets/editor_comment.svg'; import editorHeading from './assets/editor_heading.svg'; import editorItalic from './assets/editor_italic.svg'; import editorLink from './assets/editor_link.svg'; +import editorOrderedList from './assets/editor_ordered_list.svg'; import editorStrike from './assets/editor_strike.svg'; import editorTable from './assets/editor_table.svg'; import editorUnderline from './assets/editor_underline.svg'; -import editorOrderedList from './assets/editor_ordered_list.svg'; import editorUnorderedList from './assets/editor_unordered_list.svg'; import empty from './assets/empty.svg'; import emsApp from './assets/app_ems.svg'; @@ -80,42 +80,59 @@ import importAction from './assets/import.svg'; import indexClose from './assets/index_close.svg'; import indexEdit from './assets/index_edit.svg'; import indexFlush from './assets/index_flush.svg'; +import indexManagementApp from './assets/app_index_management.svg'; import indexMapping from './assets/index_mapping.svg'; import indexOpen from './assets/index_open.svg'; import indexPatternApp from './assets/app_index_pattern.svg'; import indexSettings from './assets/index_settings.svg'; +import inputOutput from './assets/inputOutput.svg'; import inspect from './assets/inspect.svg'; import invert from './assets/invert.svg'; -import inputOutput from './assets/inputOutput.svg'; import kqlField from './assets/kql_field.svg'; -import kqlOperand from './assets/kql_operand.svg'; -import kqlValue from './assets/kql_value.svg'; import kqlFunction from './assets/kql_function.svg'; +import kqlOperand from './assets/kql_operand.svg'; import kqlSelector from './assets/kql_selector.svg'; +import kqlValue from './assets/kql_value.svg'; import link from './assets/link.svg'; import list from './assets/list.svg'; import listAdd from './assets/list_add.svg'; import lock from './assets/lock.svg'; import loggingApp from './assets/app_logging.svg'; +import logoAerospike from './assets/logo_aerospike.svg'; import logoApache from './assets/logo_apache.svg'; import logoBeats from './assets/logo_beats.svg'; +import logoCeph from './assets/logo_ceph.svg'; import logoCloud from './assets/logo_cloud.svg'; import logoCloudEnterprise from './assets/logo_cloud_ece.svg'; +import logoCouchbase from './assets/logo_couchbase.svg'; import logoDocker from './assets/logo_docker.svg'; +import logoDropwizard from './assets/logo_dropwizard.svg'; import logoElastic from './assets/logo_elastic.svg'; import logoElasticsearch from './assets/logo_elasticsearch.svg'; import logoElasticStack from './assets/logo_elastic_stack.svg'; +import logoEtcd from './assets/logo_etcd.svg'; import logoGithub from './assets/logo_github.svg'; import logoGmail from './assets/logo_gmail.svg'; +import logoGolang from './assets/logo_golang.svg'; +import logoHAproxy from './assets/logo_haproxy.svg'; +import logoKafka from './assets/logo_kafka.svg'; import logoKibana from './assets/logo_kibana.svg'; import logoKubernetes from './assets/logo_kubernetes.svg'; import logoLogstash from './assets/logo_logstash.svg'; +import logoMemcached from './assets/logo_memcached.svg'; +import logoMongodb from './assets/logo_mongodb.svg'; import logoMySQL from './assets/logo_mysql.svg'; import logoNginx from './assets/logo_nginx.svg'; +import logoOsquery from './assets/logo_osquery.svg'; +import logoPhp from './assets/logo_php.svg'; +import logoPostgres from './assets/logo_postgres.svg'; +import logoPrometheus from './assets/logo_prometheus.svg'; +import logoRabbitmq from './assets/logo_rabbitmq.svg'; import logoRedis from './assets/logo_redis.svg'; import logoSketch from './assets/logo_sketch.svg'; import logoSlack from './assets/logo_slack.svg'; import logoWebhook from './assets/logo_webhook.svg'; +import logoWindows from './assets/logo_windows.svg'; import logoXpack from './assets/logo_xpack.svg'; import logstashFilter from './assets/logstash_filter.svg'; import logstashIf from './assets/logstash_if.svg'; @@ -162,18 +179,15 @@ import stop from './assets/stop.svg'; import stopFilled from './assets/stop_filled.svg'; import storage from './assets/storage.svg'; import string from './assets/string.svg'; -import temperature from './assets/temperature.svg'; import tableOfContents from './assets/tableOfContents.svg'; import tear from './assets/tear.svg'; +import temperature from './assets/temperature.svg'; import timelionApp from './assets/app_timelion.svg'; import trash from './assets/trash.svg'; import upgradeAssistantApp from './assets/app_upgrade_assistant.svg'; import user from './assets/user.svg'; import usersRolesApp from './assets/app_users_roles.svg'; import vector from './assets/vector.svg'; -import visualizeApp from './assets/app_visualize.svg'; -import watchesApp from './assets/app_watches.svg'; -import wrench from './assets/wrench.svg'; import visArea from './assets/vis_area.svg'; import visBarHorizontal from './assets/vis_bar_horizontal.svg'; import visBarVertical from './assets/vis_bar_vertical.svg'; @@ -190,8 +204,11 @@ import visTable from './assets/vis_table.svg'; import visTagCloud from './assets/vis_tag_cloud.svg'; import visText from './assets/vis_text.svg'; import visTimelion from './assets/vis_timelion.svg'; +import visualizeApp from './assets/app_visualize.svg'; import visVega from './assets/vis_vega.svg'; import visVisualBuilder from './assets/vis_visual_builder.svg'; +import watchesApp from './assets/app_watches.svg'; +import wrench from './assets/wrench.svg'; const typeToIconMap = { @@ -243,18 +260,18 @@ const typeToIconMap = { editorHeading, editorItalic, editorLink, + editorOrderedList, editorStrike, editorTable, editorUnderline, - editorOrderedList, editorUnorderedList, empty, emsApp, exit, expand, exportAction, - eyeClosed, eye, + eyeClosed, faceHappy, faceNeutral, faceSad, @@ -273,42 +290,59 @@ const typeToIconMap = { indexClose, indexEdit, indexFlush, + indexManagementApp, indexMapping, indexOpen, indexPatternApp, indexSettings, + inputOutput, inspect, invert, - inputOutput, kqlField, - kqlOperand, - kqlValue, kqlFunction, + kqlOperand, kqlSelector, + kqlValue, link, list, listAdd, lock, loggingApp, + logoAerospike, logoApache, logoBeats, + logoCeph, logoCloud, logoCloudEnterprise, + logoCouchbase, logoDocker, + logoDropwizard, logoElastic, logoElasticsearch, logoElasticStack, - logoGmail, + logoEtcd, logoGithub, + logoGmail, + logoGolang, + logoHAproxy, + logoKafka, logoKibana, logoKubernetes, logoLogstash, + logoMemcached, + logoMongodb, logoMySQL, logoNginx, + logoOsquery, + logoPhp, + logoPostgres, + logoPrometheus, + logoRabbitmq, logoRedis, logoSketch, logoSlack, logoWebhook, + logoWindows, logoXpack, logstashFilter, logstashIf, @@ -355,18 +389,15 @@ const typeToIconMap = { stopFilled, storage, string, - temperature, tableOfContents, tear, + temperature, timelionApp, trash, upgradeAssistantApp, user, usersRolesApp, vector, - visualizeApp, - watchesApp, - wrench, visArea, visBarHorizontal, visBarVertical, @@ -383,8 +414,11 @@ const typeToIconMap = { visTagCloud, visText, visTimelion, + visualizeApp, visVega, visVisualBuilder, + watchesApp, + wrench, }; export const TYPES = Object.keys(typeToIconMap); diff --git a/src/components/icon/index.d.ts b/src/components/icon/index.d.ts index 2340c3165f4..d9b55079209 100644 --- a/src/components/icon/index.d.ts +++ b/src/components/icon/index.d.ts @@ -58,17 +58,17 @@ declare module '@elastic/eui' { | 'editorHeading' | 'editorItalic' | 'editorLink' + | 'editorOrderedList' | 'editorStrike' | 'editorTable' | 'editorUnderline' - | 'editorOrderedList' | 'editorUnorderedList' | 'empty' | 'exit' | 'expand' | 'exportAction' - | 'eyeClosed' | 'eye' + | 'eyeClosed' | 'faceHappy' | 'faceNeutral' | 'faceSad' @@ -87,37 +87,54 @@ declare module '@elastic/eui' { | 'indexClose' | 'indexEdit' | 'indexFlush' + | 'indexManagementApp' | 'indexMapping' | 'indexOpen' | 'indexPatternApp' | 'indexSettings' + | 'inputOutput' | 'inspect' | 'invert' - | 'inputOutput' | 'kqlField' - | 'kqlOperand' - | 'kqlValue' | 'kqlFunction' + | 'kqlOperand' | 'kqlSelector' + | 'kqlValue' | 'link' | 'list' | 'listAdd' | 'lock' | 'loggingApp' + | 'logoAerospike' | 'logoApache' | 'logoBeats' + | 'logoCeph' | 'logoCloud' + | 'logoCouchbase' | 'logoDocker' + | 'logoDropwizard' | 'logoElastic' | 'logoElasticsearch' | 'logoElasticStack' - | 'logoGmail' + | 'logoEtcd' | 'logoGithub' + | 'logoGmail' + | 'logoGolang' + | 'logoHAproxy' + | 'logoKafka' | 'logoKibana' | 'logoKubernetes' + | 'logoKubernetes' | 'logoLogstash' + | 'logoMemcached' + | 'logoMongodb' | 'logoMySQL' | 'logoNginx' + | 'logoOsquery' + | 'logoPhp' + | 'logoPostgres' + | 'logoPrometheus' + | 'logoRabbitmq' | 'logoRedis' | 'logoSketch' | 'logoSlack' @@ -166,18 +183,15 @@ declare module '@elastic/eui' { | 'stopFilled' | 'storage' | 'string' - | 'temperature' | 'tableOfContents' | 'tear' + | 'temperature' | 'timelionApp' | 'trash' | 'upgradeAssistantApp' | 'user' | 'usersRolesApp' | 'vector' - | 'visualizeApp' - | 'watchesApp' - | 'wrench' | 'visArea' | 'visBarHorizontal' | 'visBarVertical' @@ -194,8 +208,11 @@ declare module '@elastic/eui' { | 'visTagCloud' | 'visText' | 'visTimelion' + | 'visualizeApp' | 'visVega' - | 'visVisualBuilder'; + | 'visVisualBuilder' + | 'watchesApp' + | 'wrench' export type IconSize = 'original' | 's' | 'm' | 'l' | 'xl' | 'xxl';