diff --git a/packages/block-library/src/social-links/edit.js b/packages/block-library/src/social-links/edit.js index 068b34a3a70a4e..af39219af25a1a 100644 --- a/packages/block-library/src/social-links/edit.js +++ b/packages/block-library/src/social-links/edit.js @@ -22,9 +22,10 @@ import { import { MenuGroup, MenuItem, - PanelBody, ToggleControl, ToolbarDropdownMenu, + __experimentalToolsPanel as ToolsPanel, + __experimentalToolsPanelItem as ToolsPanelItem, } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; import { check } from '@wordpress/icons'; @@ -198,24 +199,52 @@ export function SocialLinksEdit( props ) { - - { + setAttributes( { + openInNewTab: false, + showLabels: false, + } ); + } } + > + - setAttributes( { openInNewTab: ! openInNewTab } ) + hasValue={ () => !! openInNewTab } + onDeselect={ () => + setAttributes( { openInNewTab: false } ) } - /> - + + setAttributes( { + openInNewTab: ! openInNewTab, + } ) + } + /> + + - setAttributes( { showLabels: ! showLabels } ) + hasValue={ () => !! showLabels } + onDeselect={ () => + setAttributes( { showLabels: false } ) } - /> - + > + + setAttributes( { showLabels: ! showLabels } ) + } + /> + + { colorGradientSettings.hasColorsOrGradients && (