@wordpress/block-library 11.0.0 → 11.1.0

package/src/post-featured-image/edit.jsx

@@ -41,9 +41,7 @@ import { unlock } from '../lock-unlock';
 import { getDimensionResetAttributes } from '../utils/style-state';
 
 const ALLOWED_MEDIA_TYPES = [ 'image' ];
-const { isDefaultBlockStyleState, ResolutionTool } = unlock(
-	blockEditorPrivateApis
-);
+const { ResolutionTool } = unlock( blockEditorPrivateApis );
 
 const hasDimensionValue = ( value ) =>
 	value !== undefined && value !== null && value !== '';
@@ -132,13 +130,18 @@ export default function PostFeaturedImageEdit( {
 		return imageId;
 	}, [ storedFeaturedImage, useFirstImageFromPost, postContent ] );
 
-	const { media, postType, postPermalink, selectedStyleState } = useSelect(
+	const {
+		media,
+		postType,
+		postPermalink,
+		selectedStyleState,
+		hasSelectedStyleState,
+	} = useSelect(
 		( select ) => {
 			const { getEntityRecord, getPostType, getEditedEntityRecord } =
 				select( coreStore );
-			const { getSelectedBlockStyleState } = unlock(
-				select( blockEditorStore )
-			);
+			const { getSelectedBlockStyleState, hasSelectedBlockStyleState } =
+				select( blockEditorStore );
 			return {
 				media:
 					featuredImage &&
@@ -152,12 +155,11 @@ export default function PostFeaturedImageEdit( {
 					postId
 				)?.link,
 				selectedStyleState: getSelectedBlockStyleState( clientId ),
+				hasSelectedStyleState: hasSelectedBlockStyleState( clientId ),
 			};
 		},
 		[ clientId, featuredImage, postTypeSlug, postId ]
 	);
-	const hasSelectedStyleState =
-		! isDefaultBlockStyleState( selectedStyleState );
 
 	const mediaUrl =
 		media?.media_details?.sizes?.[ sizeSlug ]?.source_url ||
@@ -290,7 +292,7 @@ export default function PostFeaturedImageEdit( {
 											// translators: %s: Name of the post type e.g: "post".
 											__( 'Link to %s' ),
 											postType.labels.singular_name
-									  )
+										)
 									: __( 'Link to post' )
 							}
 							isShownByDefault
@@ -472,7 +474,7 @@ export default function PostFeaturedImageEdit( {
 										// translators: %s: The image's alt text.
 										__( 'Featured image: %s' ),
 										media.alt_text
-								  )
+									)
 								: __( 'Featured image' )
 						}
 						style={ imageStyles }

package/src/post-navigation-link/README.md

@@ -34,8 +34,12 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
   - [`lineHeight`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-lineheight): `true`
   - [`textAlign`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-textalign): `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity):
   - `clientNavigation`: `true`
+- [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
+  - `margin`: `true`
+  - `padding`: `true`
 
 ## Context
 
@@ -45,6 +49,14 @@ _Defined via the [`usesContext` and `providesContext`](https://developer.wordpre
 
 - `postType`
 
+## CSS Selectors
+
+_Defined via the [`selectors`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-selectors/) property in block.json._
+
+- **border**: `.wp-block-post-navigation-link:not(:empty)`
+- **shadow**: `.wp-block-post-navigation-link:not(:empty)`
+- **spacing**: `.wp-block-post-navigation-link:not(:empty)`
+
 ## Block Markup
 
 This is a [**dynamic block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/). It is rendered on the server and does not save HTML in post content.

package/src/post-navigation-link/block.json

@@ -55,9 +55,39 @@
 				"fontSize": true
 			}
 		},
+		"shadow": {
+			"__experimentalSkipSerialization": true
+		},
 		"interactivity": {
 			"clientNavigation": true
+		},
+		"spacing": {
+			"__experimentalSkipSerialization": true,
+			"margin": true,
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"margin": false,
+				"padding": false
+			}
+		},
+		"__experimentalBorder": {
+			"__experimentalSkipSerialization": true,
+			"color": true,
+			"radius": true,
+			"style": true,
+			"width": true,
+			"__experimentalDefaultControls": {
+				"color": false,
+				"radius": false,
+				"style": false,
+				"width": false
+			}
 		}
 	},
+	"selectors": {
+		"border": ".wp-block-post-navigation-link:not(:empty)",
+		"shadow": ".wp-block-post-navigation-link:not(:empty)",
+		"spacing": ".wp-block-post-navigation-link:not(:empty)"
+	},
 	"style": "wp-block-post-navigation-link"
 }

package/src/post-navigation-link/edit.jsx

@@ -4,12 +4,15 @@ import {
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 	ToggleControl,
-	SelectControl,
+	SelectControl as WCSelectControl,
 } from '@wordpress/components';
 import {
 	InspectorControls,
 	RichText,
 	useBlockProps,
+	__experimentalUseBorderProps as useBorderProps,
+	__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,
+	__experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,
 } from '@wordpress/block-editor';
 import { __, _x } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
@@ -18,9 +21,10 @@ import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
 export default function PostNavigationLinkEdit( {
 	context: { postType },
-	attributes: { type, label, showTitle, linkLabel, arrow, taxonomy },
+	attributes,
 	setAttributes,
 } ) {
+	const { type, label, showTitle, linkLabel, arrow, taxonomy } = attributes;
 	const isNext = type === 'next';
 	let placeholder = isNext ? __( 'Next' ) : __( 'Previous' );
 
@@ -35,13 +39,30 @@ export default function PostNavigationLinkEdit( {
 	if ( showTitle ) {
 		placeholder = isNext
 			? /* translators: Label before for next and previous post. There is a space after the colon. */
-			  __( 'Next: ' ) // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
+				__( 'Next: ' ) // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
 			: /* translators: Label before for next and previous post. There is a space after the colon. */
-			  __( 'Previous: ' ); // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
+				__( 'Previous: ' ); // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
 	}
 
 	const ariaLabel = isNext ? __( 'Next post' ) : __( 'Previous post' );
-	const blockProps = useBlockProps();
+
+	/*
+	 * Border, shadow and spacing serialization is skipped for this block so the
+	 * styles are not applied to the empty wrapper the front end renders when
+	 * there is no adjacent post. The editor always renders the link, so they
+	 * always apply here.
+	 */
+	const borderProps = useBorderProps( attributes );
+	const shadowProps = getShadowClassesAndStyles( attributes );
+	const spacingProps = getSpacingClassesAndStyles( attributes );
+	const blockProps = useBlockProps( {
+		className: borderProps.className,
+		style: {
+			...borderProps.style,
+			...shadowProps.style,
+			...spacingProps.style,
+		},
+	} );
 	const taxonomies = useSelect(
 		( select ) => {
 			const { getTaxonomies } = select( coreStore );
@@ -174,7 +195,7 @@ export default function PostNavigationLinkEdit( {
 				</ToolsPanel>
 			</InspectorControls>
 			<InspectorControls group="advanced">
-				<SelectControl
+				<WCSelectControl
 					label={ __( 'Filter by taxonomy' ) }
 					value={ taxonomy }
 					options={ getTaxonomyOptions() }

package/src/post-navigation-link/index.php

@@ -30,11 +30,7 @@ function render_block_core_post_navigation_link( $attributes, $content ) {
 	if ( isset( $attributes['textAlign'] ) ) {
 		$classes .= " has-text-align-{$attributes['textAlign']}";
 	}
-	$wrapper_attributes = get_block_wrapper_attributes(
-		array(
-			'class' => $classes,
-		)
-	);
+
 	// Set default values.
 	$format = '%link';
 	$link   = 'next' === $navigation_type ? _x( 'Next', 'label for next post link' ) : _x( 'Previous', 'label for previous post link' );
@@ -116,6 +112,32 @@ function render_block_core_post_navigation_link( $attributes, $content ) {
 		$content = $get_link_function( $format, $link );
 	}
 
+	// The `{next,previous}_post_link` filters can return null, which renders as no link.
+	$content = (string) $content;
+
+	/*
+	 * Border, shadow and spacing serialization is skipped for this block so
+	 * those styles can be withheld from the empty wrapper rendered when there is
+	 * no adjacent post. The wrapper itself is kept for backward compatibility.
+	 */
+	$support_styles = '' === $content
+		? array(
+			'class' => '',
+			'style' => '',
+		)
+		: block_core_post_navigation_link_get_support_styles( $attributes );
+
+	if ( '' !== $support_styles['class'] ) {
+		$classes .= " {$support_styles['class']}";
+	}
+
+	$wrapper_attributes = get_block_wrapper_attributes(
+		array(
+			'class' => $classes,
+			'style' => $support_styles['style'],
+		)
+	);
+
 	return sprintf(
 		'<div %1$s>%2$s</div>',
 		$wrapper_attributes,
@@ -123,6 +145,73 @@ function render_block_core_post_navigation_link( $attributes, $content ) {
 	);
 }
 
+/**
+ * Generates the border, shadow and spacing class names and inline styles for
+ * the `core/post-navigation-link` block.
+ *
+ * Mirrors the default border, shadow and spacing block support serialization,
+ * which the block opts out of so the styles are only applied when a link is
+ * rendered.
+ *
+ * @since 7.2.0
+ *
+ * @param array $attributes The block attributes.
+ * @return array {
+ *     Border, shadow and spacing class names and inline styles.
+ *
+ *     @type string $class Class names generated by the style engine, or an empty string.
+ *     @type string $style Inline styles generated by the style engine, or an empty string.
+ * }
+ */
+function block_core_post_navigation_link_get_support_styles( $attributes ) {
+	$block_styles  = $attributes['style'] ?? array();
+	$border        = $block_styles['border'] ?? array();
+	$border_styles = array();
+
+	// Border radius and width accept unitless numbers from the original implementation.
+	if ( isset( $border['radius'] ) ) {
+		$border_styles['radius'] = is_numeric( $border['radius'] ) ? "{$border['radius']}px" : $border['radius'];
+	}
+
+	if ( isset( $border['width'] ) ) {
+		$border_styles['width'] = is_numeric( $border['width'] ) ? "{$border['width']}px" : $border['width'];
+	}
+
+	if ( isset( $border['style'] ) ) {
+		$border_styles['style'] = $border['style'];
+	}
+
+	// A preset border color is stored in its own attribute rather than under `style`.
+	$border_styles['color'] = isset( $attributes['borderColor'] )
+		? "var:preset|color|{$attributes['borderColor']}"
+		: ( $border['color'] ?? null );
+
+	// Individual border sides e.g. top, left etc.
+	foreach ( array( 'top', 'right', 'bottom', 'left' ) as $side ) {
+		$border_styles[ $side ] = array(
+			'width' => $border[ $side ]['width'] ?? null,
+			'color' => $border[ $side ]['color'] ?? null,
+			'style' => $border[ $side ]['style'] ?? null,
+		);
+	}
+
+	$styles = wp_style_engine_get_styles(
+		array(
+			'border'  => $border_styles,
+			'shadow'  => $block_styles['shadow'] ?? null,
+			'spacing' => array(
+				'margin'  => $block_styles['spacing']['margin'] ?? null,
+				'padding' => $block_styles['spacing']['padding'] ?? null,
+			),
+		)
+	);
+
+	return array(
+		'class' => $styles['classnames'] ?? '',
+		'style' => $styles['css'] ?? '',
+	);
+}
+
 /**
  * Registers the `core/post-navigation-link` block on the server.
  *

package/src/post-navigation-link/style.scss

@@ -1,4 +1,6 @@
 .wp-block-post-navigation-link {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
 
 	.wp-block-post-navigation-link__arrow-previous {
 		display: inline-block;

package/src/post-template/README.md

@@ -28,9 +28,15 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `"wide"`, `"full"`
 - [`layout`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout): `true`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
+  - [`heading`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-heading): `true`
+  - [`button`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-button): `true`
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):
   - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
   - [`lineHeight`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-lineheight): `true`
@@ -40,6 +46,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - `blockGap`: `{"__experimentalDefault":"1.25em"}`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity):
   - `clientNavigation`: `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 
 ## Context
 

package/src/post-template/block.json

@@ -23,9 +23,20 @@
 		"html": false,
 		"align": [ "wide", "full" ],
 		"layout": true,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
 		"color": {
 			"gradients": true,
 			"link": true,
+			"heading": true,
+			"button": true,
 			"__experimentalDefaultControls": {
 				"background": true,
 				"text": true
@@ -64,7 +75,8 @@
 			"color": true,
 			"width": true,
 			"style": true
-		}
+		},
+		"shadow": true
 	},
 	"style": "wp-block-post-template",
 	"editorStyle": "wp-block-post-template-editor"

package/src/post-terms/README.md

@@ -25,9 +25,14 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`

package/src/post-terms/block.json

@@ -32,6 +32,11 @@
 	"supports": {
 		"anchor": true,
 		"html": false,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true
+		},
 		"color": {
 			"gradients": true,
 			"link": true,
@@ -41,6 +46,7 @@
 				"link": true
 			}
 		},
+		"shadow": true,
 		"spacing": {
 			"margin": true,
 			"padding": true

package/src/post-time-to-read/README.md

@@ -23,9 +23,14 @@ _Defined via the [`attributes`](https://developer.wordpress.org/block-editor/ref
 _Defined via the [`supports`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/) property in block.json._
 
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`

package/src/post-time-to-read/block.json

@@ -23,6 +23,11 @@
 	},
 	"supports": {
 		"anchor": true,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true
+		},
 		"color": {
 			"gradients": true,
 			"__experimentalDefaultControls": {
@@ -31,6 +36,7 @@
 			}
 		},
 		"html": false,
+		"shadow": true,
 		"spacing": {
 			"margin": true,
 			"padding": true,

package/src/post-time-to-read/edit.jsx

@@ -94,12 +94,12 @@ function PostTimeToReadEdit( { attributes, setAttributes, context } ) {
 						/* translators: %s: the number of words in the post. */
 						_n( '%s word', '%s words', totalWords ),
 						totalWords.toLocaleString()
-				  )
+					)
 				: sprintf(
 						/* translators: %s: the number of characters in the post. */
 						_n( '%s character', '%s characters', totalWords ),
 						totalWords.toLocaleString()
-				  );
+					);
 		}
 	}, [
 		contentStructure,

package/src/post-title/README.md

@@ -28,9 +28,14 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `"wide"`, `"full"`
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`

package/src/post-title/block.json

@@ -42,6 +42,15 @@
 		"anchor": true,
 		"align": [ "wide", "full" ],
 		"html": false,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
 		"color": {
 			"gradients": true,
 			"link": true,
@@ -51,6 +60,7 @@
 				"link": true
 			}
 		},
+		"shadow": true,
 		"spacing": {
 			"margin": true,
 			"padding": true

package/src/post-title/style.scss

@@ -1,11 +1,10 @@
 .wp-block-post-title {
-	// stylelint-disable-next-line declaration-property-value-keyword-no-deprecated -- Pending review of overflow-wrap alternative.
-	word-break: break-word;
+	word-break: normal;
+	overflow-wrap: anywhere;
 	// This block has customizable padding, border-box makes that more predictable.
 	box-sizing: border-box;
 
 	:where(a) {
-		display: inline-block;
 		font-family: inherit;
 		font-size: inherit;
 		font-style: inherit;

package/src/preformatted/README.md

@@ -21,8 +21,14 @@ _Defined via the [`attributes`](https://developer.wordpress.org/block-editor/ref
 _Defined via the [`supports`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/) property in block.json._
 
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
+  - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `padding`: `true`
   - `margin`: `true`

package/src/preformatted/block.json

@@ -17,13 +17,20 @@
 	},
 	"supports": {
 		"anchor": true,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true
+		},
 		"color": {
 			"gradients": true,
+			"link": true,
 			"__experimentalDefaultControls": {
 				"background": true,
 				"text": true
 			}
 		},
+		"shadow": true,
 		"spacing": {
 			"padding": true,
 			"margin": true

package/src/pullquote/README.md

@@ -33,6 +33,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
 - [`dimensions`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#dimensions):
   - `minHeight`: `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`

package/src/pullquote/block.json

@@ -44,6 +44,7 @@
 		"dimensions": {
 			"minHeight": true
 		},
+		"shadow": true,
 		"spacing": {
 			"margin": true,
 			"padding": true

package/src/pullquote/deprecated.jsx

@@ -611,7 +611,7 @@ const v2 = {
 			textColor || customTextColor
 				? clsx( 'has-text-color', {
 						[ blockquoteTextColorClass ]: blockquoteTextColorClass,
-				  } )
+					} )
 				: undefined;
 		const blockquoteStyle = blockquoteTextColorClass
 			? undefined

package/src/query/deprecated.jsx

@@ -82,7 +82,7 @@ const migrateColors = ( attributes, innerBlocks ) => {
 					elements: style?.elements?.link
 						? { link: style?.elements?.link }
 						: undefined,
-			  } )
+				} )
 			: undefined;
 
 		// Create a new Group block from the original.

package/src/query/edit/inspector-controls/index.jsx

@@ -1,6 +1,6 @@
 import {
 	TextControl,
-	SelectControl,
+	SelectControl as WCSelectControl,
 	Notice,
 	__experimentalVStack as VStack,
 	__experimentalToolsPanel as ToolsPanel,
@@ -237,10 +237,10 @@ export default function QueryInspectorControls( props ) {
 										inherit
 											? __(
 													'Display a list of posts or custom post types based on the current template.'
-											  )
+												)
 											: __(
 													'Display a list of posts or custom post types based on specific criteria.'
-											  )
+												)
 									}
 									value={ !! inherit ? 'default' : 'custom' }
 								>
@@ -275,7 +275,7 @@ export default function QueryInspectorControls( props ) {
 							isShownByDefault
 						>
 							{ postTypesSelectOptions.length > 2 ? (
-								<SelectControl
+								<WCSelectControl
 									options={ postTypesSelectOptions }
 									value={ postType }
 									label={ postTypeControlLabel }

package/src/query/edit/inspector-controls/order-control.jsx

@@ -1,4 +1,4 @@
-import { SelectControl } from '@wordpress/components';
+import { SelectControl as WCSelectControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
 const defaultOrderByOptions = [
@@ -29,7 +29,7 @@ function OrderControl( {
 	onChange,
 } ) {
 	return (
-		<SelectControl
+		<WCSelectControl
 			label={ __( 'Order by' ) }
 			value={ `${ orderBy }/${ order }` }
 			options={ orderByOptions }