@wordpress/block-library 11.0.2-next.v.202609171837.0 → 11.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "11.0.2-next.v.202609171837.0",
+	"version": "11.2.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -19,8 +19,7 @@
 		"url": "https://github.com/WordPress/gutenberg/issues"
 	},
 	"engines": {
-		"node": ">=18.12.0",
-		"npm": ">=8.19.2"
+		"node": ">=18.12.0"
 	},
 	"files": [
 		"src",
@@ -44,6 +43,7 @@
 	"wpScript": true,
 	"wpScriptModuleExports": {
 		"./accordion/view": "./build-module/accordion/view.mjs",
+		"./cover/view": "./build-module/cover/view.mjs",
 		"./file/view": "./build-module/file/view.mjs",
 		"./image/view": "./build-module/image/view.mjs",
 		"./navigation/view": "./build-module/navigation/view.mjs",
@@ -91,44 +91,45 @@
 		"build-module/*/init.mjs"
 	],
 	"dependencies": {
-		"@arraypress/waveform-player": "^1.26.0",
-		"@wordpress/a11y": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/api-fetch": "^7.55.1-next.v.202609171837.0",
-		"@wordpress/autop": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/base-styles": "^13.2.1-next.v.202609171837.0",
-		"@wordpress/blob": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/block-editor": "^17.2.1-next.v.202609171837.0",
-		"@wordpress/blocks": "^16.1.1-next.v.202609171837.0",
-		"@wordpress/components": "^41.0.1-next.v.202609171837.0",
-		"@wordpress/compose": "^8.8.2-next.v.202609171837.0",
-		"@wordpress/core-data": "^8.0.2-next.v.202609171837.0",
-		"@wordpress/data": "^10.56.1-next.v.202609171837.0",
-		"@wordpress/date": "^5.55.1-next.v.202609171837.0",
-		"@wordpress/deprecated": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/dom": "^4.55.2-next.v.202609171837.0",
-		"@wordpress/element": "^8.7.1-next.v.202609171837.0",
-		"@wordpress/escape-html": "^3.55.1-next.v.202609171837.0",
-		"@wordpress/global-styles-engine": "^1.23.1-next.v.202609171837.0",
-		"@wordpress/hooks": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/html-entities": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/i18n": "^6.28.1-next.v.202609171837.0",
-		"@wordpress/icons": "^17.0.1-next.v.202609171837.0",
-		"@wordpress/interactivity": "^6.55.1-next.v.202609171837.0",
-		"@wordpress/interactivity-router": "^2.55.1-next.v.202609171837.0",
-		"@wordpress/kebab-case": "^1.2.1-next.v.202609171837.0",
-		"@wordpress/keycodes": "^4.56.1-next.v.202609171837.0",
-		"@wordpress/latex-to-mathml": "^1.23.1-next.v.202609171837.0",
-		"@wordpress/notices": "^5.55.1-next.v.202609171837.0",
-		"@wordpress/patterns": "^2.55.1-next.v.202609171837.0",
-		"@wordpress/primitives": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/private-apis": "^1.55.1-next.v.202609171837.0",
-		"@wordpress/rich-text": "^7.55.2-next.v.202609171837.0",
-		"@wordpress/server-side-render": "^6.31.1-next.v.202609171837.0",
-		"@wordpress/shortcode": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/ui": "^0.23.1-next.v.202609171837.0",
-		"@wordpress/upload-media": "^0.40.2-next.v.202609171837.0",
-		"@wordpress/url": "^4.55.1-next.v.202609171837.0",
-		"@wordpress/wordcount": "^4.55.1-next.v.202609171837.0",
+		"@arraypress/waveform-player": "^1.27.0",
+		"@wordpress/a11y": "^4.57.0",
+		"@wordpress/api-fetch": "^7.57.0",
+		"@wordpress/autop": "^4.57.0",
+		"@wordpress/base-styles": "^13.3.0",
+		"@wordpress/blob": "^4.57.0",
+		"@wordpress/block-editor": "^18.1.0",
+		"@wordpress/blocks": "^16.2.0",
+		"@wordpress/components": "^42.0.0",
+		"@wordpress/compose": "^8.10.0",
+		"@wordpress/core-data": "^8.2.0",
+		"@wordpress/data": "^10.57.0",
+		"@wordpress/date": "^5.57.0",
+		"@wordpress/deprecated": "^4.57.0",
+		"@wordpress/dom": "^4.57.0",
+		"@wordpress/element": "^9.0.0",
+		"@wordpress/escape-html": "^3.57.0",
+		"@wordpress/global-styles-engine": "^1.24.0",
+		"@wordpress/hooks": "^4.57.0",
+		"@wordpress/html-entities": "^4.57.0",
+		"@wordpress/i18n": "^6.30.0",
+		"@wordpress/icons": "^18.0.0",
+		"@wordpress/interactivity": "^7.0.0",
+		"@wordpress/interactivity-router": "^2.57.0",
+		"@wordpress/kebab-case": "^1.4.0",
+		"@wordpress/keycodes": "^4.57.0",
+		"@wordpress/latex-to-mathml": "^1.25.0",
+		"@wordpress/notices": "^5.57.0",
+		"@wordpress/patterns": "^2.57.0",
+		"@wordpress/primitives": "^4.57.0",
+		"@wordpress/private-apis": "^2.0.0",
+		"@wordpress/react-inert-value": "^1.0.0",
+		"@wordpress/rich-text": "^7.57.0",
+		"@wordpress/server-side-render": "^6.33.0",
+		"@wordpress/shortcode": "^4.57.0",
+		"@wordpress/ui": "^0.24.0",
+		"@wordpress/upload-media": "^0.42.0",
+		"@wordpress/url": "^4.57.0",
+		"@wordpress/wordcount": "^4.57.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.4",
@@ -140,14 +141,15 @@
 		"uuid": "^14.0.0"
 	},
 	"devDependencies": {
-		"@testing-library/dom": "^10.4.1",
+		"@testing-library/dom": "^10.4.2",
 		"@testing-library/jest-dom": "^7.0.1",
 		"@testing-library/react": "^16.3.3",
 		"@testing-library/user-event": "^14.6.1",
 		"@wordpress/integration-tests": "file:../../test/integration",
 		"@wordpress/stylelint-tools": "file:../../tools/stylelint",
 		"deep-freeze": "^0.0.1",
-		"vitest": "^5.0.0"
+		"vitest": "^5.0.3",
+		"vitest-browser-react": "^2.3.0"
 	},
 	"peerDependencies": {
 		"@types/react": "^18 || ^19",
@@ -162,5 +164,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "7fc9f6676debc888d2f071d17cb71837040d4b48"
+	"gitHead": "12441e2520c78b2254a792a8cba40c34110be060"
 }

package/src/accordion/README.md

@@ -39,6 +39,9 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-background): `true`
   - [`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`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `padding`: `true`
   - `margin`: `["top","bottom"]`

package/src/accordion/block.json

@@ -20,7 +20,10 @@
 		},
 		"color": {
 			"background": true,
-			"gradients": true
+			"gradients": true,
+			"link": true,
+			"heading": true,
+			"button": true
 		},
 		"__experimentalBorder": {
 			"color": true,

package/src/accordion-heading/README.md

@@ -39,6 +39,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - `padding`: `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`
 - [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`visibility`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#visibility): `false`
 - [`lock`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#lock): `false`

package/src/accordion-heading/block.json

@@ -45,6 +45,7 @@
 				"letterSpacing"
 			],
 			"fontSize": true,
+			"lineHeight": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontWeight": true,
 			"__experimentalFontStyle": true,

package/src/accordion-item/README.md

@@ -30,9 +30,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._
 
 - [`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):
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-background): `true`
   - [`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`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `["top","bottom"]`

package/src/accordion-item/block.json

@@ -9,9 +9,15 @@
 	"allowedBlocks": [ "core/accordion-heading", "core/accordion-panel" ],
 	"supports": {
 		"html": false,
+		"background": {
+			"gradient": true
+		},
 		"color": {
 			"background": true,
-			"gradients": true
+			"gradients": true,
+			"link": true,
+			"heading": true,
+			"button": true
 		},
 		"interactivity": true,
 		"spacing": {

package/src/accordion-panel/README.md

@@ -26,9 +26,16 @@ _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._
 
 - [`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):
   - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-background): `true`
   - [`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`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `padding`: `true`

package/src/accordion-panel/block.json

@@ -10,9 +10,17 @@
 	"supports": {
 		"__experimentalOnEnter": true,
 		"html": false,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true
+		},
 		"color": {
 			"background": true,
-			"gradients": true
+			"gradients": true,
+			"link": true,
+			"heading": true,
+			"button": true
 		},
 		"interactivity": true,
 		"spacing": {

package/src/archives/README.md

@@ -25,6 +25,12 @@ _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): `true`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
+- [`dimensions`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#dimensions):
+  - `minHeight`: `true`
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`

package/src/archives/block.json

@@ -33,6 +33,18 @@
 			"width": true,
 			"style": true
 		},
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
+		"dimensions": {
+			"minHeight": true
+		},
 		"html": false,
 		"spacing": {
 			"margin": true,

package/src/audio/README.md

@@ -29,6 +29,10 @@ _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): `true`
+- [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
+  - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-background): `false`
+  - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
+  - [`text`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-text): `false`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`

package/src/audio/block.json

@@ -51,6 +51,14 @@
 	"supports": {
 		"anchor": true,
 		"align": true,
+		"color": {
+			"background": false,
+			"link": true,
+			"text": false,
+			"__experimentalDefaultControls": {
+				"link": true
+			}
+		},
 		"spacing": {
 			"margin": true,
 			"padding": true,

package/src/audio/edit.jsx

@@ -7,6 +7,7 @@ import {
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 } from '@wordpress/components';
+import { inertValue } from '@wordpress/react-inert-value';
 import { Text } from '@wordpress/ui';
 import {
 	BlockControls,
@@ -251,7 +252,7 @@ function AudioEdit( {
 			<figure { ...blockProps }>
 				<audio
 					controls="controls"
-					inert={ ! isSingleSelected ? 'true' : undefined }
+					inert={ inertValue( ! isSingleSelected ) }
 					src={ src ?? temporaryURL }
 				/>
 				{ !! temporaryURL && <Spinner /> }

package/src/avatar/README.md

@@ -35,6 +35,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-background): `false`
 - [`filter`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#filter):
   - [`duotone`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#filter-duotone): `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`
 
@@ -53,6 +54,7 @@ _Defined via the [`usesContext` and `providesContext`](https://developer.wordpre
 _Defined via the [`selectors`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-selectors/) property in block.json._
 
 - **border**: `.wp-block-avatar img`
+- **shadow**: `.wp-block-avatar img`
 - **filter**:
   - duotone: `.wp-block-avatar img`
 

package/src/avatar/block.json

@@ -54,12 +54,16 @@
 		"filter": {
 			"duotone": true
 		},
+		"shadow": {
+			"__experimentalSkipSerialization": true
+		},
 		"interactivity": {
 			"clientNavigation": true
 		}
 	},
 	"selectors": {
 		"border": ".wp-block-avatar img",
+		"shadow": ".wp-block-avatar img",
 		"filter": {
 			"duotone": ".wp-block-avatar img"
 		}

package/src/avatar/edit.jsx

@@ -3,6 +3,7 @@ import {
 	InspectorControls,
 	useBlockProps,
 	__experimentalUseBorderProps as useBorderProps,
+	__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,
 } from '@wordpress/block-editor';
 import {
 	RangeControl,
@@ -11,12 +12,47 @@ import {
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 } from '@wordpress/components';
+import { store as coreStore } from '@wordpress/core-data';
+import { useSelect } from '@wordpress/data';
+import { createInterpolateElement } from '@wordpress/element';
 import { __, isRTL } from '@wordpress/i18n';
+import { Link, Text } from '@wordpress/ui';
 import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { useCommentAvatar, useUserAvatar } from './hooks';
 import UserControl from './user-control';
 
+/**
+ * Returns the help text explaining where avatars come from, with a link to the
+ * Discussion settings where the default avatar is chosen. Only users who can
+ * manage the site's settings get it, since nobody else can act on it.
+ *
+ * @return {React.ReactNode|null} Help text, or `null` when the user can't manage settings.
+ */
+function useAvatarHelpText() {
+	const canManageSettings = useSelect(
+		( select ) =>
+			select( coreStore ).canUser( 'update', {
+				kind: 'root',
+				name: 'site',
+			} ),
+		[]
+	);
+
+	if ( ! canManageSettings ) {
+		return null;
+	}
+
+	return createInterpolateElement(
+		__(
+			'Avatars use the Gravatar service. Go to <a>Discussion settings</a> to change the default avatar.'
+		),
+		{
+			a: <Link href="options-discussion.php" openInNewTab />,
+		}
+	);
+}
+
 /**
  * Renders the inspector controls for the `core/avatar` block.
  *
@@ -35,6 +71,7 @@ const AvatarInspectorControls = ( {
 	selectUser,
 } ) => {
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+	const helpText = useAvatarHelpText();
 	return (
 		<InspectorControls>
 			<ToolsPanel
@@ -49,6 +86,11 @@ const AvatarInspectorControls = ( {
 				} }
 				dropdownMenuProps={ dropdownMenuProps }
 			>
+				{ helpText && (
+					<Text className="wp-block-avatar__help-text">
+						{ helpText }
+					</Text>
+				) }
 				<ToolsPanelItem
 					label={ __( 'Image size' ) }
 					isShownByDefault
@@ -156,7 +198,7 @@ const AvatarLinkWrapper = ( { children, isLink } ) =>
  *
  * @param {Object}   props               React props.
  * @param {Function} props.setAttributes Callback for updating block attributes.
- * @param {Object}   props.attributes    Block attributes: `size` and `isLink`, plus the border support values read by `useBorderProps`.
+ * @param {Object}   props.attributes    Block attributes: `size` and `isLink`, plus the border and shadow support values applied to the image.
  * @param {Object}   props.avatar        Avatar data returned by `useCommentAvatar` or `useUserAvatar`, with the image `src` and `alt` and the `minSize` and `maxSize` resize bounds.
  * @param {Object}   props.blockProps    Props returned by `useBlockProps`, applied to the wrapper element.
  * @param {boolean}  props.isSelected    Whether the block is selected. Resize handles are only shown when it is.
@@ -171,6 +213,7 @@ const ResizableAvatar = ( {
 	isSelected,
 } ) => {
 	const borderProps = useBorderProps( attributes );
+	const shadowProps = getShadowClassesAndStyles( attributes );
 	const doubledSizedSrc = addQueryArgs(
 		removeQueryArgs( avatar?.src, [ 's' ] ),
 		{
@@ -215,7 +258,10 @@ const ResizableAvatar = ( {
 							'wp-block-avatar__image',
 							borderProps.className
 						) }
-						style={ borderProps.style }
+						style={ {
+							...borderProps.style,
+							...shadowProps.style,
+						} }
 					/>
 				</ResizableBox>
 			</AvatarLinkWrapper>

package/src/avatar/editor.scss

@@ -7,3 +7,7 @@
 		margin: 0 auto;
 	}
 }
+
+.wp-block-avatar__help-text {
+	grid-column: 1 / -1;
+}

package/src/avatar/index.php

@@ -19,6 +19,7 @@ function render_block_core_avatar( $attributes, $content, $block ) {
 	$size               = $attributes['size'] ?? 96;
 	$wrapper_attributes = get_block_wrapper_attributes();
 	$border_attributes  = get_block_core_avatar_border_attributes( $attributes );
+	$shadow_styles      = wp_style_engine_get_styles( array( 'shadow' => $attributes['style']['shadow'] ?? null ) );
 
 	// Class gets passed through `esc_attr` via `get_avatar`.
 	$image_classes = ! empty( $border_attributes['class'] )
@@ -26,10 +27,11 @@ function render_block_core_avatar( $attributes, $content, $block ) {
 		: 'wp-block-avatar__image';
 
 	// Unlike class, `get_avatar` doesn't filter the styles via `esc_attr`.
-	// The style engine does pass the border styles through
+	// The style engine does pass the border and shadow styles through
 	// `safecss_filter_attr` however.
-	$image_styles = ! empty( $border_attributes['style'] )
-		? sprintf( ' style="%s"', esc_attr( $border_attributes['style'] ) )
+	$image_css    = ( $border_attributes['style'] ?? '' ) . ( $shadow_styles['css'] ?? '' );
+	$image_styles = ! empty( $image_css )
+		? sprintf( ' style="%s"', esc_attr( $image_css ) )
 		: '';
 
 	if ( ! isset( $block->context['commentId'] ) ) {

package/src/breadcrumbs/README.md

@@ -30,6 +30,8 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `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`

package/src/breadcrumbs/block.json

@@ -37,6 +37,9 @@
 			"margin": true,
 			"padding": true
 		},
+		"background": {
+			"gradient": true
+		},
 		"color": {
 			"gradients": true,
 			"link": true,

package/src/breadcrumbs/edit.jsx

@@ -3,7 +3,7 @@ import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
 import {
 	ToggleControl,
 	TextControl,
-	CheckboxControl,
+	CheckboxControl as WCCheckboxControl,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 	Spinner,
@@ -275,7 +275,7 @@ export default function BreadcrumbEdit( {
 				</ToolsPanel>
 			</InspectorControls>
 			<InspectorControls group="advanced">
-				<CheckboxControl
+				<WCCheckboxControl
 					label={ __( 'Show on homepage' ) }
 					checked={ showOnHomePage }
 					onChange={ ( value ) =>
@@ -285,7 +285,7 @@ export default function BreadcrumbEdit( {
 						'If this Breadcrumbs block appears in a template or template part that’s shown on the homepage, enable this option to display the breadcrumb trail. Otherwise, this setting has no effect.'
 					) }
 				/>
-				<CheckboxControl
+				<WCCheckboxControl
 					label={ __( 'Prefer taxonomy terms' ) }
 					checked={ prefersTaxonomy }
 					onChange={ ( value ) =>

package/src/breadcrumbs/index.php

@@ -188,7 +188,7 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 	$wrapper_attributes = get_block_wrapper_attributes(
 		array(
 			'style'      => '--separator: "' . $separator . '";',
-			'aria-label' => __( 'Breadcrumbs' ),
+			'aria-label' => _x( 'Breadcrumbs', 'aria label' ),
 		)
 	);
 

package/src/button/README.md

@@ -40,6 +40,10 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`splitting`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#splitting): `true`
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `false`
 - [`alignWide`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#alignwide): `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`
 - [`dimensions`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#dimensions):

package/src/button/block.json

@@ -70,6 +70,12 @@
 		"splitting": true,
 		"align": false,
 		"alignWide": false,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalSkipSerialization": true
+		},
 		"color": {
 			"__experimentalSkipSerialization": true,
 			"gradients": true,