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.

Sign up for GitHub

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

Rk/4648 runtime icon #4650

Merged
merged 5 commits into from
Mar 18, 2021
Merged

Rk/4648 runtime icon #4650

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
0035489
Add index runtime icon
ryankeairns Mar 17, 2021
5a867a1
Set eql glyph height to 16
ryankeairns Mar 17, 2021
5777751
Add CHANGELOG entry
ryankeairns Mar 17, 2021
c7e4db8
Fix fill on eql SVG
ryankeairns Mar 18, 2021
749dd07
Remove circle
ryankeairns Mar 18, 2021
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
2 changes: 1 addition & 1 deletion CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
## [`master`](https://github.com/elastic/eui/tree/master)

No public interface changes since `31.11.0`.
- Added `indexRuntime` glyph in `EuiIcon` ([#4650](https://github.com/elastic/eui/pull/4650))

## [`31.11.0`](https://github.com/elastic/eui/tree/v31.11.0)

Expand Down
1 change: 1 addition & 0 deletions src-docs/src/views/icon/icons.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -107,6 +107,7 @@ export const iconTypes = [
'indexFlush',
'indexMapping',
'indexOpen',
'indexRuntime',
'indexSettings',
'inputOutput',
'inspect',
Expand Down
24 changes: 22 additions & 2 deletions src/components/icon/__snapshots__/icon.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2250,10 +2250,10 @@ exports[`EuiIcon props type eql is rendered 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.853 14.34L11.39 9.88l-.004-.004-.326-.326a.523.523 0 00-.739.739l.397.397.01.01 3.493 3.492h-2.164l-1.907-1.907-1.185-1.116a.53.53 0 00-.515-.121l-.765.23-.034.01a5.13 5.13 0 01-1.382.21 5.225 5.225 0 115.225-5.225.522.522 0 001.046 0l-.001-.003a6.27 6.27 0 10-8.132 5.992l.049.013a6.219 6.219 0 004.055-.152l1.89 1.891c.338.374.695.73 1.068 1.068.125.1.281.153.442.152.082.004.167.003.258.003h3.313a.527.527 0 00.37-.892z"
d="M15.862 14.18v.001a.482.482 0 01.1.521.5.5 0 01-.447.299h-3.149c-.07 0-.136 0-.2-.003a.664.664 0 01-.414-.14c-.35-.31-.684-.637-1.001-.981l-1.772-1.738a5.941 5.941 0 01-3.802.14l-.045-.012a5.89 5.89 0 01-2.682-1.712A5.715 5.715 0 011.08 7.72a5.66 5.66 0 01.348-3.118A5.78 5.78 0 013.39 2.124a5.979 5.979 0 016.136-.505 5.836 5.836 0 012.356 2.123 5.67 5.67 0 01.873 3.017l.001.003c0 .128-.051.25-.143.34a.495.495 0 01-.694 0 .476.476 0 01-.143-.34c0-.95-.288-1.878-.826-2.668a4.88 4.88 0 00-2.198-1.769 4.99 4.99 0 00-2.83-.273 4.93 4.93 0 00-2.509 1.314 4.774 4.774 0 00-1.34 2.46A4.715 4.715 0 002.352 8.6a4.82 4.82 0 001.804 2.155c.805.528 1.752.81 2.721.81a4.899 4.899 0 001.296-.194l.032-.009.717-.211a.506.506 0 01.483.111l1.11 1.026 1.788 1.752h2.03l-3.657-3.583a.475.475 0 01.014-.666.495.495 0 01.679-.013l4.493 4.402z"
/>
<path
d="M9.258 4.276L6.503 2.685a.468.468 0 00-.466 0l-2.755 1.59a.466.466 0 00-.232.403V7.86a.466.466 0 00.232.402l2.755 1.59a.46.46 0 00.466 0l2.755-1.59a.466.466 0 00.232-.402V4.678a.466.466 0 00-.232-.402zm-.787.93V7.33a.36.36 0 01-.18.312L6.45 8.706a.359.359 0 01-.36 0L4.25 7.643a.36.36 0 01-.181-.312V5.206a.362.362 0 01.18-.312L6.09 3.831a.359.359 0 01.36 0l1.84 1.063a.362.362 0 01.181.312z"
d="M7.097 3.468L9.679 4.93a.433.433 0 01.218.37v2.924a.422.422 0 01-.218.37l-2.582 1.461a.438.438 0 01-.437 0L4.077 8.594a.433.433 0 01-.218-.37V5.3a.422.422 0 01.218-.37L6.66 3.467a.446.446 0 01.437 0zm1.845 4.27V5.784a.328.328 0 00-.17-.287L7.047 4.52a.342.342 0 00-.338 0l-1.726.977a.336.336 0 00-.168.287v1.953a.326.326 0 00.17.287l1.724.977a.342.342 0 00.338 0l1.726-.978a.334.334 0 00.169-.287z"
/>
</svg>
`;
Expand Down Expand Up @@ -3041,6 +3041,26 @@ exports[`EuiIcon props type indexRollupApp is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type indexRuntime is rendered 1`] = `
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoaded"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 2H2v11h6v1H1V1h12v6.839l-1-.707V2z"
/>
<path
d="M8 11v-1H5v1h3zm0-3.055c0-.342.082-.664.23-.945H5v1h3v-.055zM5 5h5.999V4H5v1zM3 4v1h1V4H3zm0 3v1h1V7H3zm0 3v1h1v-1H3zm11.607.2l-4.32-3.055C9.727 6.75 9 7.204 9 7.945v6.108c0 .74.726 1.196 1.287.8l4.32-3.055c.524-.37.524-1.228 0-1.598z"
/>
</svg>
`;

exports[`EuiIcon props type indexSettings is rendered 1`] = `
<svg
aria-hidden="true"
Expand Down
4 changes: 2 additions & 2 deletions src/components/icon/assets/eql.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ const EuiIconEql = ({ title, titleId, ...props }) => (
aria-labelledby={titleId}
{...props}>
{title ? <title id={titleId}>{title}</title> : null}
<path d="M15.853 14.34L11.39 9.88l-.004-.004-.326-.326a.523.523 0 00-.739.739l.397.397.01.01 3.493 3.492h-2.164l-1.907-1.907-1.185-1.116a.53.53 0 00-.515-.121l-.765.23-.034.01a5.13 5.13 0 01-1.382.21 5.225 5.225 0 115.225-5.225.522.522 0 001.046 0l-.001-.003a6.27 6.27 0 10-8.132 5.992l.049.013a6.219 6.219 0 004.055-.152l1.89 1.891c.338.374.695.73 1.068 1.068.125.1.281.153.442.152.082.004.167.003.258.003h3.313a.527.527 0 00.37-.892z" />
<path d="M9.258 4.276L6.503 2.685a.468.468 0 00-.466 0l-2.755 1.59a.466.466 0 00-.232.403V7.86a.466.466 0 00.232.402l2.755 1.59a.46.46 0 00.466 0l2.755-1.59a.466.466 0 00.232-.402V4.678a.466.466 0 00-.232-.402zm-.787.93V7.33a.36.36 0 01-.18.312L6.45 8.706a.359.359 0 01-.36 0L4.25 7.643a.36.36 0 01-.181-.312V5.206a.362.362 0 01.18-.312L6.09 3.831a.359.359 0 01.36 0l1.84 1.063a.362.362 0 01.181.312z" />
<path d="M15.862 14.18v.001a.482.482 0 01.1.521.5.5 0 01-.447.299h-3.149c-.07 0-.136 0-.2-.003a.664.664 0 01-.414-.14c-.35-.31-.684-.637-1.001-.981l-1.772-1.738a5.941 5.941 0 01-3.802.14l-.045-.012a5.89 5.89 0 01-2.682-1.712A5.715 5.715 0 011.08 7.72a5.66 5.66 0 01.348-3.118A5.78 5.78 0 013.39 2.124a5.979 5.979 0 016.136-.505 5.836 5.836 0 012.356 2.123 5.67 5.67 0 01.873 3.017l.001.003c0 .128-.051.25-.143.34a.495.495 0 01-.694 0 .476.476 0 01-.143-.34c0-.95-.288-1.878-.826-2.668a4.88 4.88 0 00-2.198-1.769 4.99 4.99 0 00-2.83-.273 4.93 4.93 0 00-2.509 1.314 4.774 4.774 0 00-1.34 2.46A4.715 4.715 0 002.352 8.6a4.82 4.82 0 001.804 2.155c.805.528 1.752.81 2.721.81a4.899 4.899 0 001.296-.194l.032-.009.717-.211a.506.506 0 01.483.111l1.11 1.026 1.788 1.752h2.03l-3.657-3.583a.475.475 0 01.014-.666.495.495 0 01.679-.013l4.493 4.402z" />
<path d="M7.097 3.468L9.679 4.93a.433.433 0 01.218.37v2.924a.422.422 0 01-.218.37l-2.582 1.461a.438.438 0 01-.437 0L4.077 8.594a.433.433 0 01-.218-.37V5.3a.422.422 0 01.218-.37L6.66 3.467a.446.446 0 01.437 0zm1.845 4.27V5.784a.328.328 0 00-.17-.287L7.047 4.52a.342.342 0 00-.338 0l-1.726.977a.336.336 0 00-.168.287v1.953a.326.326 0 00.17.287l1.724.977a.342.342 0 00.338 0l1.726-.978a.334.334 0 00.169-.287z" />
</svg>
);

Expand Down
6 changes: 3 additions & 3 deletions src/components/icon/assets/eql.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions src/components/icon/assets/index_runtime.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import * as React from 'react';

const EuiIconIndexRuntime = ({ title, titleId, ...props }) => (
<svg
width={16}
height={16}
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
aria-labelledby={titleId}
{...props}>
{title ? <title id={titleId}>{title}</title> : null}
<path d="M12 2H2v11h6v1H1V1h12v6.839l-1-.707V2z" />
<path d="M8 11v-1H5v1h3zm0-3.055c0-.342.082-.664.23-.945H5v1h3v-.055zM5 5h5.999V4H5v1zM3 4v1h1V4H3zm0 3v1h1V7H3zm0 3v1h1v-1H3zm11.607.2l-4.32-3.055C9.727 6.75 9 7.204 9 7.945v6.108c0 .74.726 1.196 1.287.8l4.32-3.055c.524-.37.524-1.228 0-1.598z" />
</svg>
);

export const icon = EuiIconIndexRuntime;
4 changes: 4 additions & 0 deletions src/components/icon/assets/index_runtime.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/components/icon/icon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -178,6 +178,7 @@ const typeToPathMap = {
indexOpen: 'index_open',
indexPatternApp: 'app_index_pattern',
indexRollupApp: 'app_index_rollup',
indexRuntime: 'index_runtime',
indexSettings: 'index_settings',
inputOutput: 'inputOutput',
inspect: 'inspect',
Expand Down