Use plus icon from @wordpress/icons
[MAILPOET-4287]
This commit is contained in:
@@ -3,6 +3,7 @@
|
|||||||
background: #dcdcde;
|
background: #dcdcde;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
fill: #2b3337;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
outline: 4px solid #fbfbfb;
|
outline: 4px solid #fbfbfb;
|
||||||
|
@@ -1,4 +1,3 @@
|
|||||||
export { DelayIcon } from './delay';
|
export { DelayIcon } from './delay';
|
||||||
export { EmailIcon } from './email';
|
export { EmailIcon } from './email';
|
||||||
export { PlusIcon } from './plus';
|
|
||||||
export { TriggerIcon } from './trigger';
|
export { TriggerIcon } from './trigger';
|
||||||
|
@@ -1,14 +0,0 @@
|
|||||||
export function PlusIcon(): JSX.Element {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
width="16"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 16 16"
|
|
||||||
fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path d="M4 8H12" stroke="#2C3338" />
|
|
||||||
<path d="M8 4L8 12" stroke="#2C3338" />
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
@@ -1,7 +1,7 @@
|
|||||||
import { useContext } from 'react';
|
import { useContext } from 'react';
|
||||||
import { __unstableCompositeItem as CompositeItem } from '@wordpress/components';
|
import { __unstableCompositeItem as CompositeItem } from '@wordpress/components';
|
||||||
|
import { Icon, plus } from '@wordpress/icons';
|
||||||
import { WorkflowCompositeContext } from './context';
|
import { WorkflowCompositeContext } from './context';
|
||||||
import { PlusIcon } from '../icons';
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
onClick?: (element: HTMLButtonElement) => void;
|
onClick?: (element: HTMLButtonElement) => void;
|
||||||
@@ -21,7 +21,7 @@ export function AddStepButton({ onClick }: Props): JSX.Element {
|
|||||||
onClick(button);
|
onClick(button);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<PlusIcon />
|
<Icon icon={plus} size={16} />
|
||||||
</CompositeItem>
|
</CompositeItem>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user