- Activating margin block support for the cover block at the block le…

…vel.

- Activating margin block support in experimental-default-theme.json so that it's turned on in development by default.
- Removing BoxControlVisualizer for padding to avoid incongruity, that is, that it's on for padding and not for margin
- To add a BoxControlVisualizer for margin we would have to introduce a wrapper around the entire block in edit.js for margin to display properly.

lib/theme.json

@@ -227,6 +227,12 @@
 					"customRadius": true
 				}
 			},
+			"core/cover": {
+				"spacing": {
+					"customMargin": true,
+					"customPadding": true
+				}
+			},
 			"core/pullquote": {
 				"border": {
 					"customColor": true,

packages/block-library/src/cover/block.json

@@ -58,7 +58,8 @@
 		"align": true,
 		"html": false,
 		"spacing": {
-			"padding": true
+			"padding": true,
+			"margin": true
 		},
 		"color": {
 			"__experimentalDuotone": "> .wp-block-cover__image-background, > .wp-block-cover__video-background",

packages/block-library/src/cover/edit.js

@@ -21,7 +21,6 @@ import {
 	ToggleControl,
 	withNotices,
 	__experimentalUseCustomUnits as useCustomUnits,
-	__experimentalBoxControl as BoxControl,
 } from '@wordpress/components';
 import { compose, withInstanceId, useInstanceId } from '@wordpress/compose';
 import {
@@ -77,8 +76,6 @@ const INNER_BLOCKS_TEMPLATE = [
 	],
 ];
 
-const { __Visualizer: BoxControlVisualizer } = BoxControl;
-
 function retrieveFastAverageColor() {
 	if ( ! retrieveFastAverageColor.fastAverageColor ) {
 		retrieveFastAverageColor.fastAverageColor = new FastAverageColor();
@@ -317,7 +314,6 @@ function CoverEdit( {
 		isRepeated,
 		minHeight,
 		minHeightUnit,
-		style: styleAttribute,
 		url,
 	} = attributes;
 	const {
@@ -628,10 +624,6 @@ function CoverEdit( {
 				style={ { ...style, ...blockProps.style } }
 				data-url={ url }
 			>
-				<BoxControlVisualizer
-					values={ styleAttribute?.spacing?.padding }
-					showValues={ styleAttribute?.visualizers?.padding }
-				/>
 				<ResizableCover
 					className="block-library-cover__resize-container"
 					onResizeStart={ () => {