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

Plugs and web icons #8285

Merged
merged 7 commits into from
Jan 24, 2025
Merged

Plugs and web icons #8285

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
ec77f42
Plugs icon
JoseLuisGJ Jan 21, 2025
ad9726d
Web icon
JoseLuisGJ Jan 21, 2025
4d826cf
Jet tests
JoseLuisGJ Jan 21, 2025
e3d1607
Adding changelog
JoseLuisGJ Jan 21, 2025
fbdb8af
Updating last web icon
JoseLuisGJ Jan 23, 2025
552009c
Running tests
JoseLuisGJ Jan 23, 2025
28b7002
Removing empty spaces
JoseLuisGJ Jan 23, 2025
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 packages/eui/changelogs/upcoming/8285.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
- Added `plugs` and `web` glyphs to `EuiIcon`
2 changes: 2 additions & 0 deletions packages/eui/src-docs/src/views/icon/icons.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -220,6 +220,7 @@ export const iconTypes = [
'pivot',
'play',
'playFilled',
'plugs',
'plus',
'plusInCircle',
'plusInCircleFilled',
Expand Down Expand Up @@ -314,6 +315,7 @@ export const iconTypes = [
'visVisualBuilder',
'warning',
'warningFilled',
'web',
'wordWrap',
'wordWrapDisabled',
'wrench',
Expand Down
40 changes: 40 additions & 0 deletions packages/eui/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 @@ -8661,6 +8661,26 @@ exports[`EuiIcon props type playFilled is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type plugs is rendered 1`] = `
<svg
aria-hidden="true"
class="euiIcon emotion-euiIcon-m-isLoaded"
data-icon-type="plugs"
data-is-loaded="true"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="m15.354 1.354-2.08 2.08a3 3 0 0 1-.324 3.859l-1.414 1.414-4.243-4.242L8.707 3.05a3 3 0 0 1 3.86-.324l2.08-2.08.707.708Zm-5.94 2.403-.707.708 2.829 2.828.707-.707a2 2 0 1 0-2.829-2.829ZM5.171 8 3.757 6.586l-.707.707.707.707-.707.707a3 3 0 0 0-.324 3.86l-2.08 2.08.708.707 2.079-2.08a3 3 0 0 0 3.86-.324l.706-.707.708.707.707-.707L8 10.829 9.768 9.06l-.707-.707-1.769 1.768-1.414-1.415L7.647 6.94l-.708-.707L5.171 8ZM3.757 9.414l.707-.707 2.828 2.829-.707.707a2 2 0 0 1-2.828-2.829Z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`EuiIcon props type plus is rendered 1`] = `
<svg
aria-hidden="true"
Expand Down Expand Up @@ -12003,6 +12023,26 @@ exports[`EuiIcon props type watchesApp is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type web is rendered 1`] = `
<svg
aria-hidden="true"
class="euiIcon emotion-euiIcon-m-isLoaded"
data-icon-type="web"
data-is-loaded="true"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M2.208 2H1V1h13a1 1 0 0 1 1 1v13h-1v-1.207a11.437 11.437 0 0 0-5.214-1.395l-.603 1.043-.866-.5.602-1.043A11.562 11.562 0 0 0 4.102 8.08l-1.043.602-.5-.866 1.043-.603A11.438 11.438 0 0 0 2.208 2Zm1.125 0a12.429 12.429 0 0 1 1.245 4.651L6.2 5.715A8.452 8.452 0 0 0 5.206 2H3.333Zm2.99 0c.453.974.746 2.037.844 3.156l1.629-.94A5.466 5.466 0 0 0 8.203 2h-1.88Zm2.981 0a6.46 6.46 0 0 1 .446 1.665L12.634 2h-3.33Zm3.83.866-2.886 1.666c.459.35.87.761 1.22 1.22l1.666-2.886Zm-2.216 3.839a5.531 5.531 0 0 0-1.623-1.623l-1.629.94a9.55 9.55 0 0 1 2.311 2.312l.94-1.63ZM9.419 9.3a8.547 8.547 0 0 0-2.72-2.72l-1.623.937a12.566 12.566 0 0 1 3.406 3.406L9.419 9.3Zm-.07 2.121c1.66.112 3.23.547 4.651 1.244v-1.872a8.451 8.451 0 0 0-3.715-.994l-.936 1.622Zm1.495-2.59A9.442 9.442 0 0 1 14 9.678v-1.88a5.464 5.464 0 0 0-2.216-.593l-.94 1.629Zm1.49-2.582A6.457 6.457 0 0 1 14 6.696v-3.33L12.335 6.25Z"
fill-rule="evenodd"
/>
</svg>
`;

exports[`EuiIcon props type wordWrap is rendered 1`] = `
<svg
aria-hidden="true"
Expand Down
38 changes: 38 additions & 0 deletions packages/eui/src/components/icon/assets/plugs.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0 and the Server Side Public License, v 1; you may not use this file except
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/

// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js

import * as React from 'react';
import type { SVGProps } from 'react';
interface SVGRProps {
title?: string;
titleId?: string;
}
const EuiIconPlugs = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
viewBox="0 0 16 16"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fillRule="evenodd"
d="m15.354 1.354-2.08 2.08a3 3 0 0 1-.324 3.859l-1.414 1.414-4.243-4.242L8.707 3.05a3 3 0 0 1 3.86-.324l2.08-2.08.707.708Zm-5.94 2.403-.707.708 2.829 2.828.707-.707a2 2 0 1 0-2.829-2.829ZM5.171 8 3.757 6.586l-.707.707.707.707-.707.707a3 3 0 0 0-.324 3.86l-2.08 2.08.708.707 2.079-2.08a3 3 0 0 0 3.86-.324l.706-.707.708.707.707-.707L8 10.829 9.768 9.06l-.707-.707-1.769 1.768-1.414-1.415L7.647 6.94l-.708-.707L5.171 8ZM3.757 9.414l.707-.707 2.828 2.829-.707.707a2 2 0 0 1-2.828-2.829Z"
clipRule="evenodd"
/>
</svg>
);
export const icon = EuiIconPlugs;
38 changes: 38 additions & 0 deletions packages/eui/src/components/icon/assets/web.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0 and the Server Side Public License, v 1; you may not use this file except
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/

// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js

import * as React from 'react';
import type { SVGProps } from 'react';
interface SVGRProps {
title?: string;
titleId?: string;
}
const EuiIconWeb = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
viewBox="0 0 16 16"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fillRule="evenodd"
d="M2.208 2H1V1h13a1 1 0 0 1 1 1v13h-1v-1.207a11.437 11.437 0 0 0-5.214-1.395l-.603 1.043-.866-.5.602-1.043A11.562 11.562 0 0 0 4.102 8.08l-1.043.602-.5-.866 1.043-.603A11.438 11.438 0 0 0 2.208 2Zm1.125 0a12.429 12.429 0 0 1 1.245 4.651L6.2 5.715A8.452 8.452 0 0 0 5.206 2H3.333Zm2.99 0c.453.974.746 2.037.844 3.156l1.629-.94A5.466 5.466 0 0 0 8.203 2h-1.88Zm2.981 0a6.46 6.46 0 0 1 .446 1.665L12.634 2h-3.33Zm3.83.866-2.886 1.666c.459.35.87.761 1.22 1.22l1.666-2.886Zm-2.216 3.839a5.531 5.531 0 0 0-1.623-1.623l-1.629.94a9.55 9.55 0 0 1 2.311 2.312l.94-1.63ZM9.419 9.3a8.547 8.547 0 0 0-2.72-2.72l-1.623.937a12.566 12.566 0 0 1 3.406 3.406L9.419 9.3Zm-.07 2.121c1.66.112 3.23.547 4.651 1.244v-1.872a8.451 8.451 0 0 0-3.715-.994l-.936 1.622Zm1.495-2.59A9.442 9.442 0 0 1 14 9.678v-1.88a5.464 5.464 0 0 0-2.216-.593l-.94 1.629Zm1.49-2.582A6.457 6.457 0 0 1 14 6.696v-3.33L12.335 6.25Z"
clipRule="evenodd"
/>
</svg>
);
export const icon = EuiIconWeb;
2 changes: 2 additions & 0 deletions packages/eui/src/components/icon/icon_map.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -346,6 +346,7 @@ export const typeToPathMap = {
pivot: 'pivot',
play: 'play',
playFilled: 'playFilled',
plugs: 'plugs',
plus: 'plus',
plusInCircle: 'plus_in_circle',
plusInCircleFilled: 'plus_in_circle_filled',
Expand Down Expand Up @@ -458,6 +459,7 @@ export const typeToPathMap = {
warningFilled: 'warningFilled',
alert: 'warning', // NOTE: This is an undocumented alias for `warning`, added for legacy compatability with Elastic Charts
watchesApp: 'app_watches',
web: 'web',
wordWrap: 'wordWrap',
wordWrapDisabled: 'wordWrapDisabled',
workplaceSearchApp: 'app_workplace_search',
Expand Down
3 changes: 3 additions & 0 deletions packages/eui/src/components/icon/svgs/plugs.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.
3 changes: 3 additions & 0 deletions packages/eui/src/components/icon/svgs/web.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.
2 changes: 2 additions & 0 deletions packages/website/docs/components/display/icons/icon_types.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -210,6 +210,7 @@ export const iconTypes: Array<IconType> = [
'pivot',
'play',
'playFilled',
'plugs',
'plus',
'plusInCircle',
'plusInCircleFilled',
Expand Down Expand Up @@ -304,6 +305,7 @@ export const iconTypes: Array<IconType> = [
'visVisualBuilder',
'warning',
'warningFilled',
'web',
'wordWrap',
'wordWrapDisabled',
'wrench',
Expand Down
Loading