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 && (