From 091b5af1316bec1e6bc3ec384280337966c20962 Mon Sep 17 00:00:00 2001 From: Aaron Robertshaw <60436221+aaronrobertshaw@users.noreply.github.com> Date: Wed, 8 Sep 2021 00:57:05 +1000 Subject: [PATCH] Add new check and reset icons --- .../src/tools-panel/tools-panel-header/component.js | 6 +++--- packages/icons/src/index.js | 2 ++ packages/icons/src/library/check-small.js | 12 ++++++++++++ packages/icons/src/library/reset.js | 12 ++++++++++++ 4 files changed, 29 insertions(+), 3 deletions(-) create mode 100644 packages/icons/src/library/check-small.js create mode 100644 packages/icons/src/library/reset.js diff --git a/packages/components/src/tools-panel/tools-panel-header/component.js b/packages/components/src/tools-panel/tools-panel-header/component.js index b62817a14a6e0..ad6168a03eedc 100644 --- a/packages/components/src/tools-panel/tools-panel-header/component.js +++ b/packages/components/src/tools-panel/tools-panel-header/component.js @@ -1,7 +1,7 @@ /** * WordPress dependencies */ -import { check, minus, moreVertical } from '@wordpress/icons'; +import { checkSmall, reset, moreVertical } from '@wordpress/icons'; import { __, sprintf } from '@wordpress/i18n'; /** @@ -21,7 +21,7 @@ const DefaultControlsGroup = ( { items, onClose, toggleItem } ) => { return ( { items.map( ( [ label, hasValue ] ) => { - const icon = hasValue ? minus : check; + const icon = hasValue ? reset : checkSmall; const itemLabel = hasValue ? sprintf( // translators: %s: The name of the control being reset e.g. "Padding". @@ -74,7 +74,7 @@ const OptionalControlsGroup = ( { items, onClose, toggleItem } ) => { return ( { diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js index bd12e43bd1a7f..63cdf4e523098 100644 --- a/packages/icons/src/index.js +++ b/packages/icons/src/index.js @@ -31,6 +31,7 @@ export { default as captureVideo } from './library/capture-video'; export { default as category } from './library/category'; export { default as chartBar } from './library/chart-bar'; export { default as check } from './library/check'; +export { default as checkSmall } from './library/check-small'; export { default as chevronDown } from './library/chevron-down'; export { default as chevronLeft } from './library/chevron-left'; export { default as chevronRight } from './library/chevron-right'; @@ -172,6 +173,7 @@ export { default as receipt } from './library/receipt'; export { default as redo } from './library/redo'; export { default as removeBug } from './library/remove-bug'; export { default as replace } from './library/replace'; +export { default as reset } from './library/reset'; export { default as resizeCornerNE } from './library/resize-corner-n-e'; export { default as reusableBlock } from './library/reusable-block'; export { default as symbol } from './library/symbol'; diff --git a/packages/icons/src/library/check-small.js b/packages/icons/src/library/check-small.js new file mode 100644 index 0000000000000..34fddf20803d3 --- /dev/null +++ b/packages/icons/src/library/check-small.js @@ -0,0 +1,12 @@ +/** + * WordPress dependencies + */ +import { SVG, Path } from '@wordpress/primitives'; + +const checkSmall = ( + + + +); + +export default checkSmall; diff --git a/packages/icons/src/library/reset.js b/packages/icons/src/library/reset.js new file mode 100644 index 0000000000000..05fc4b9385454 --- /dev/null +++ b/packages/icons/src/library/reset.js @@ -0,0 +1,12 @@ +/** + * WordPress dependencies + */ +import { Path, SVG } from '@wordpress/primitives'; + +const reset = ( + + + +); + +export default reset;