diff --git a/packages/components/src/border-control/border-control-style-picker/component.tsx b/packages/components/src/border-control/border-control-style-picker/component.tsx index d0fa86cb22d82f..06b5fb1edcfdc7 100644 --- a/packages/components/src/border-control/border-control-style-picker/component.tsx +++ b/packages/components/src/border-control/border-control-style-picker/component.tsx @@ -1,7 +1,16 @@ /** * WordPress dependencies */ -import { lineDashed, lineDotted, lineSolid } from '@wordpress/icons'; +import { + lineDashed, + lineDotted, + lineSolid, + lineDouble, + lineGroove, + lineRidge, + lineInset, + lineOutset, +} from '@wordpress/icons'; import { __ } from '@wordpress/i18n'; /** @@ -18,11 +27,11 @@ const BORDER_STYLES = [ { label: __( 'Solid' ), icon: lineSolid, value: 'solid' }, { label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' }, { label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' }, - { label: __( 'Double' ), icon: lineSolid, value: 'double' }, - { label: __( 'Groove' ), icon: lineSolid, value: 'groove' }, - { label: __( 'Ridge' ), icon: lineSolid, value: 'ridge' }, - { label: __( 'Inset' ), icon: lineSolid, value: 'inset' }, - { label: __( 'Outset' ), icon: lineSolid, value: 'outset' }, + { label: __( 'Double' ), icon: lineDouble, value: 'double' }, + { label: __( 'Groove' ), icon: lineGroove, value: 'groove' }, + { label: __( 'Ridge' ), icon: lineRidge, value: 'ridge' }, + { label: __( 'Inset' ), icon: lineInset, value: 'inset' }, + { label: __( 'Outset' ), icon: lineOutset, value: 'outset' }, ]; function UnconnectedBorderControlStylePicker( diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js index e82b09e5d5afe9..bdd834385dfefc 100644 --- a/packages/icons/src/index.js +++ b/packages/icons/src/index.js @@ -158,6 +158,11 @@ export { default as lifesaver } from './library/lifesaver'; export { default as lineDashed } from './library/line-dashed'; export { default as lineDotted } from './library/line-dotted'; export { default as lineSolid } from './library/line-solid'; +export { default as lineDouble } from './library/line-double'; +export { default as lineGroove } from './library/line-groove'; +export { default as lineRidge } from './library/line-ridge'; +export { default as lineInset } from './library/line-inset'; +export { default as lineOutset } from './library/line-outset'; export { default as link } from './library/link'; export { default as linkOff } from './library/link-off'; export { default as list } from './library/list'; diff --git a/packages/icons/src/library/line-double.js b/packages/icons/src/library/line-double.js new file mode 100644 index 00000000000000..42dbb58c8d9f69 --- /dev/null +++ b/packages/icons/src/library/line-double.js @@ -0,0 +1,16 @@ +/** + * WordPress dependencies + */ +import { Path, SVG } from '@wordpress/primitives'; + +const lineDouble = ( + + + +); + +export default lineDouble; diff --git a/packages/icons/src/library/line-groove.js b/packages/icons/src/library/line-groove.js new file mode 100644 index 00000000000000..3bb3566ffe80a8 --- /dev/null +++ b/packages/icons/src/library/line-groove.js @@ -0,0 +1,16 @@ +/** + * WordPress dependencies + */ +import { Path, SVG } from '@wordpress/primitives'; + +const lineGroove = ( + + + +); + +export default lineGroove; diff --git a/packages/icons/src/library/line-inset.js b/packages/icons/src/library/line-inset.js new file mode 100644 index 00000000000000..ce8ae7eb29721d --- /dev/null +++ b/packages/icons/src/library/line-inset.js @@ -0,0 +1,16 @@ +/** + * WordPress dependencies + */ +import { Path, SVG } from '@wordpress/primitives'; + +const lineInset = ( + + + +); + +export default lineInset; diff --git a/packages/icons/src/library/line-outset.js b/packages/icons/src/library/line-outset.js new file mode 100644 index 00000000000000..f91f17287ee7c5 --- /dev/null +++ b/packages/icons/src/library/line-outset.js @@ -0,0 +1,16 @@ +/** + * WordPress dependencies + */ +import { Path, SVG } from '@wordpress/primitives'; + +const lineOutset = ( + + + +); + +export default lineOutset; diff --git a/packages/icons/src/library/line-ridge.js b/packages/icons/src/library/line-ridge.js new file mode 100644 index 00000000000000..cfab0a7227bd88 --- /dev/null +++ b/packages/icons/src/library/line-ridge.js @@ -0,0 +1,16 @@ +/** + * WordPress dependencies + */ +import { Path, SVG } from '@wordpress/primitives'; + +const lineRidge = ( + + + +); + +export default lineRidge;