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 Lens app lensApp icon #2389

Merged
merged 2 commits into from Sep 27, 2019
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.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
@@ -1,6 +1,7 @@
## [`master`](https://github.com/elastic/eui/tree/master)

- Migrate `EuiEmptyPrompt`and `EuiCard` to TS ([#2387](https://github.com/elastic/eui/pull/2387))
- Added Lens app `lensApp` icon ([#2389](https://github.com/elastic/eui/pull/2389))

## [`14.3.0`](https://github.com/elastic/eui/tree/v14.3.0)

Expand Down
1 change: 1 addition & 0 deletions src-docs/src/views/icon/apps.js
Expand Up @@ -42,6 +42,7 @@ const iconTypes = [
'indexPatternApp',
'indexRollupApp',
'infraApp',
'lensApp',
'loggingApp',
'machineLearningApp',
'managementApp',
Expand Down
21 changes: 20 additions & 1 deletion src/components/icon/__snapshots__/icon.test.tsx.snap
Expand Up @@ -2599,6 +2599,25 @@ exports[`EuiIcon props type kqlValue is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type lensApp is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon--app euiIcon-isLoaded"
focusable="false"
height="32"
viewBox="0 0 32 32"
width="32"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="euiIcon__fillSecondary"
d="M23.793 14.293l1.414 1.414-6.408 6.409-3.75-3.25-4.342 4.341-1.414-1.414 5.658-5.659 3.75 3.25 5.092-5.091zM12 11v5l-2 2v-7h2zm10-6v8l-2 2V5h2zm-5 3v7l-2-2V8h2z"
/>
<path
d="M17 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-3.782 0-7.238-1.4-9.876-3.71l-5.417 5.417-1.414-1.414 5.417-5.417A14.943 14.943 0 0 1 2 15c0-1.05.108-2.074.313-3.062l1.906.672C4.075 13.385 4 14.184 4 15c0 7.18 5.82 13 13 13s13-5.82 13-13S24.18 2 17 2c-1.002 0-1.978.113-2.915.328l-.75-1.877A15.031 15.031 0 0 1 17 0zM9.621 1.937l.75 1.877a13.062 13.062 0 0 0-4.82 5.024l-1.907-.673a15.068 15.068 0 0 1 5.977-6.228z"
/>
</svg>
`;

exports[`EuiIcon props type link is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
Expand Down Expand Up @@ -5068,7 +5087,7 @@ exports[`EuiIcon props type package is rendered 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.4472,3.72363l-6-3a.99965.99965,0,0,0-.8944,0l-6,3A.99992.99992,0,0,0,1,4.618v6.764a1.00012,1.00012,0,0,0,.5528.89441l6,3a1,1,0,0,0,.8944,0l6-3A1.00012,1.00012,0,0,0,15,11.382V4.618A.99992.99992,0,0,0,14.4472,3.72363ZM5.87085,5.897l5.34357-2.67181L13.372,4.304,8,6.94293ZM8,1.618,10.09637,2.6662,4.74292,5.343,2.628,4.30408ZM2,5.10968,4.25,6.215V9a.5.5,0,0,0,1,0V6.70618L7.5,7.81146V14.132L2,11.382ZM8.5,14.132V7.81146L14,5.10968V11.382Z"
d="M14.447 3.724l-6-3a1 1 0 0 0-.894 0l-6 3A1 1 0 0 0 1 4.618v6.764a1 1 0 0 0 .553.894l6 3a1 1 0 0 0 .894 0l6-3a1 1 0 0 0 .553-.894V4.618a1 1 0 0 0-.553-.894zM5.871 5.897l5.343-2.672 2.158 1.079L8 6.943zM8 1.618l2.096 1.048-5.353 2.677-2.115-1.039zM2 5.11l2.25 1.105V9a.5.5 0 0 0 1 0V6.706L7.5 7.811v6.321L2 11.382zm6.5 9.022v-6.32L14 5.11v6.272z"
/>
</svg>
`;
Expand Down
18 changes: 18 additions & 0 deletions src/components/icon/assets/app_lens.js
@@ -0,0 +1,18 @@
import React from 'react';

const EuiIconAppLens = props => (
<svg
width={32}
height={32}
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
{...props}>
<path
className="euiIcon__fillSecondary"
d="M23.793 14.293l1.414 1.414-6.408 6.409-3.75-3.25-4.342 4.341-1.414-1.414 5.658-5.659 3.75 3.25 5.092-5.091zM12 11v5l-2 2v-7h2zm10-6v8l-2 2V5h2zm-5 3v7l-2-2V8h2z"
/>
<path d="M17 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-3.782 0-7.238-1.4-9.876-3.71l-5.417 5.417-1.414-1.414 5.417-5.417A14.943 14.943 0 0 1 2 15c0-1.05.108-2.074.313-3.062l1.906.672C4.075 13.385 4 14.184 4 15c0 7.18 5.82 13 13 13s13-5.82 13-13S24.18 2 17 2c-1.002 0-1.978.113-2.915.328l-.75-1.877A15.031 15.031 0 0 1 17 0zM9.621 1.937l.75 1.877a13.062 13.062 0 0 0-4.82 5.024l-1.907-.673a15.068 15.068 0 0 1 5.977-6.228z" />
</svg>
);

export const icon = EuiIconAppLens;
4 changes: 4 additions & 0 deletions src/components/icon/assets/app_lens.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion src/components/icon/assets/package.js
Expand Up @@ -7,7 +7,7 @@ const EuiIconPackage = props => (
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
{...props}>
<path d="M14.4472,3.72363l-6-3a.99965.99965,0,0,0-.8944,0l-6,3A.99992.99992,0,0,0,1,4.618v6.764a1.00012,1.00012,0,0,0,.5528.89441l6,3a1,1,0,0,0,.8944,0l6-3A1.00012,1.00012,0,0,0,15,11.382V4.618A.99992.99992,0,0,0,14.4472,3.72363ZM5.87085,5.897l5.34357-2.67181L13.372,4.304,8,6.94293ZM8,1.618,10.09637,2.6662,4.74292,5.343,2.628,4.30408ZM2,5.10968,4.25,6.215V9a.5.5,0,0,0,1,0V6.70618L7.5,7.81146V14.132L2,11.382ZM8.5,14.132V7.81146L14,5.10968V11.382Z"/>
<path d="M14.447 3.724l-6-3a1 1 0 0 0-.894 0l-6 3A1 1 0 0 0 1 4.618v6.764a1 1 0 0 0 .553.894l6 3a1 1 0 0 0 .894 0l6-3a1 1 0 0 0 .553-.894V4.618a1 1 0 0 0-.553-.894zM5.871 5.897l5.343-2.672 2.158 1.079L8 6.943zM8 1.618l2.096 1.048-5.353 2.677-2.115-1.039zM2 5.11l2.25 1.105V9a.5.5 0 0 0 1 0V6.706L7.5 7.811v6.321L2 11.382zm6.5 9.022v-6.32L14 5.11v6.272z" />
</svg>
);

Expand Down
1 change: 1 addition & 0 deletions src/components/icon/icon.tsx
Expand Up @@ -152,6 +152,7 @@ const typeToPathMap = {
kqlOperand: 'kql_operand',
kqlSelector: 'kql_selector',
kqlValue: 'kql_value',
lensApp: 'app_lens',
link: 'link',
list: 'list',
listAdd: 'list_add',
Expand Down