@wordpress/block-library 9.11.0 → 9.12.1-next.082ed6819.0

package/build-style/style-rtl.css

@@ -672,7 +672,6 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1;
   opacity: 0.5;
 }
 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
@@ -835,15 +834,10 @@
 }
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover__inner-container {
+  position: relative;
   width: 100%;
-  z-index: 1;
   color: inherit; direction: rtl;
 }
-.has-modal-open .wp-block-cover-image .wp-block-cover__inner-container,
-.has-modal-open .wp-block-cover .wp-block-cover__inner-container {
-  z-index: auto;
-}
-
 .wp-block-cover-image.is-position-top-left,
 .wp-block-cover.is-position-top-left {
   align-items: flex-start;
@@ -956,14 +950,6 @@ video.wp-block-cover__video-background.is-repeated {
   background-size: auto;
 }
 
-.wp-block-cover__video-background {
-  z-index: 0;
-}
-
-.wp-block-cover__image-background {
-  z-index: 0;
-}
-
 section.wp-block-cover-image h2,
 .wp-block-cover-image-text,
 .wp-block-cover-text {
@@ -1037,6 +1023,24 @@ section.wp-block-cover-image > h2,
   color: inherit;
 }
 
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
+  z-index: 0;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
+  z-index: 0;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before,
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background,
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background {
+  z-index: 1;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
+  z-index: 1;
+}
+.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
+  z-index: auto;
+}
+
 .wp-block-details {
   box-sizing: border-box;
 }
@@ -1603,8 +1607,6 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   max-width: 100%;
   vertical-align: bottom;
   box-sizing: border-box;
-  width: -moz-fit-content;
-  width: fit-content;
 }
 @media (prefers-reduced-motion: no-preference) {
   .wp-block-image img.hide {
@@ -2133,7 +2135,7 @@ ul {
 }
 
 .wp-block-media-text__media a {
-  display: inline-block;
+  display: block;
 }
 
 .wp-block-media-text__media img,
@@ -2556,7 +2558,7 @@ button.wp-block-navigation-item__content {
   padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem);
   padding-left: clamp(1rem, var(--wp--style--root--padding-right), 20rem);
   padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem);
-  padding-right: clamp(1rem, var(--wp--style--root--padding-left), 20em);
+  padding-right: clamp(1rem, var(--wp--style--root--padding-left), 20rem);
   overflow: auto;
   z-index: 100000;
 }
@@ -2765,6 +2767,10 @@ html.has-modal-open {
   background-color: inherit;
 }
 
+.wp-block-page-list {
+  box-sizing: border-box;
+}
+
 .is-small-text {
   font-size: 0.875em;
 }
@@ -3340,9 +3346,9 @@ ul.wp-block-rss.is-grid li {
   margin-right: 0;
   flex-shrink: 0;
   max-width: 100%;
-}
-.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] {
-  max-width: calc(100% - 100px);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
 }
 .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
   transition-property: width;

package/build-style/style.css

@@ -680,7 +680,6 @@
   left: 0;
   bottom: 0;
   right: 0;
-  z-index: 1;
   opacity: 0.5;
 }
 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
@@ -843,16 +842,11 @@
 }
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover__inner-container {
+  position: relative;
   width: 100%;
-  z-index: 1;
   color: inherit;
   /*rtl:raw: direction: rtl; */
 }
-.has-modal-open .wp-block-cover-image .wp-block-cover__inner-container,
-.has-modal-open .wp-block-cover .wp-block-cover__inner-container {
-  z-index: auto;
-}
-
 .wp-block-cover-image.is-position-top-left,
 .wp-block-cover.is-position-top-left {
   align-items: flex-start;
@@ -965,14 +959,6 @@ video.wp-block-cover__video-background.is-repeated {
   background-size: auto;
 }
 
-.wp-block-cover__video-background {
-  z-index: 0;
-}
-
-.wp-block-cover__image-background {
-  z-index: 0;
-}
-
 section.wp-block-cover-image h2,
 .wp-block-cover-image-text,
 .wp-block-cover-text {
@@ -1046,6 +1032,24 @@ section.wp-block-cover-image > h2,
   color: inherit;
 }
 
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
+  z-index: 0;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
+  z-index: 0;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before,
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background,
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background {
+  z-index: 1;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
+  z-index: 1;
+}
+.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
+  z-index: auto;
+}
+
 .wp-block-details {
   box-sizing: border-box;
 }
@@ -1613,8 +1617,6 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   max-width: 100%;
   vertical-align: bottom;
   box-sizing: border-box;
-  width: -moz-fit-content;
-  width: fit-content;
 }
 @media (prefers-reduced-motion: no-preference) {
   .wp-block-image img.hide {
@@ -2165,7 +2167,7 @@ ul {
 }
 
 .wp-block-media-text__media a {
-  display: inline-block;
+  display: block;
 }
 
 .wp-block-media-text__media img,
@@ -2588,7 +2590,7 @@ button.wp-block-navigation-item__content {
   padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem);
   padding-right: clamp(1rem, var(--wp--style--root--padding-right), 20rem);
   padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem);
-  padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20em);
+  padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20rem);
   overflow: auto;
   z-index: 100000;
 }
@@ -2797,6 +2799,10 @@ html.has-modal-open {
   background-color: inherit;
 }
 
+.wp-block-page-list {
+  box-sizing: border-box;
+}
+
 .is-small-text {
   font-size: 0.875em;
 }
@@ -3374,9 +3380,9 @@ ul.wp-block-rss.is-grid li {
   margin-left: 0;
   flex-shrink: 0;
   max-width: 100%;
-}
-.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] {
-  max-width: calc(100% - 100px);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
 }
 .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
   transition-property: width;

package/build-style/video/editor-rtl.css

@@ -132,6 +132,7 @@
   max-width: 240px;
 }
 
+.block-library-video-tracks-editor__tracks-informative-message-title,
 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   margin-top: 4px;
   color: #757575;
@@ -148,4 +149,11 @@
 .block-library-video-tracks-editor__track-list .components-menu-group__label,
 .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
   padding: 0;
+}
+
+.block-library-video-tracks-editor__tracks-informative-message {
+  padding: 8px;
+}
+.block-library-video-tracks-editor__tracks-informative-message-description {
+  margin-bottom: 0;
 }

package/build-style/video/editor.css

@@ -132,6 +132,7 @@
   max-width: 240px;
 }
 
+.block-library-video-tracks-editor__tracks-informative-message-title,
 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   margin-top: 4px;
   color: #757575;
@@ -148,4 +149,11 @@
 .block-library-video-tracks-editor__track-list .components-menu-group__label,
 .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
   padding: 0;
+}
+
+.block-library-video-tracks-editor__tracks-informative-message {
+  padding: 8px;
+}
+.block-library-video-tracks-editor__tracks-informative-message-description {
+  margin-bottom: 0;
 }

package/build-types/lock-unlock.d.ts

@@ -0,0 +1,2 @@
+export declare const lock: (object: Record<symbol, WeakKey>, privateData: unknown) => void, unlock: (object: Record<symbol, WeakKey>) => any;
+//# sourceMappingURL=lock-unlock.d.ts.map

package/build-types/lock-unlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lock-unlock.d.ts","sourceRoot":"","sources":["../src/lock-unlock.ts"],"names":[],"mappings":"AAKA,eAAO,MAAQ,IAAI,mEAAE,MAAM,0CAIzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.11.0",
+	"version": "9.12.1-next.082ed6819.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -25,11 +25,7 @@
 	"main": "build/index.js",
 	"module": "build-module/index.js",
 	"react-native": "src/index",
-	"sideEffects": [
-		"build-style/**",
-		"src/**/*.scss",
-		"{src,build,build-module}/*/init.js"
-	],
+	"wpScript": true,
 	"wpScriptModuleExports": {
 		"./file/view": "./build-module/file/view.js",
 		"./image/view": "./build-module/image/view.js",
@@ -37,41 +33,46 @@
 		"./query/view": "./build-module/query/view.js",
 		"./search/view": "./build-module/search/view.js"
 	},
+	"sideEffects": [
+		"build-style/**",
+		"src/**/*.scss",
+		"{src,build,build-module}/*/init.js"
+	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "*",
-		"@wordpress/api-fetch": "*",
-		"@wordpress/autop": "*",
-		"@wordpress/blob": "*",
-		"@wordpress/block-editor": "*",
-		"@wordpress/blocks": "*",
+		"@wordpress/a11y": "^4.12.1-next.082ed6819.0",
+		"@wordpress/api-fetch": "^7.12.1-next.082ed6819.0",
+		"@wordpress/autop": "^4.12.1-next.082ed6819.0",
+		"@wordpress/blob": "^4.12.1-next.082ed6819.0",
+		"@wordpress/block-editor": "^14.7.1-next.082ed6819.0",
+		"@wordpress/blocks": "^14.1.1-next.082ed6819.0",
 		"@wordpress/components": "*",
-		"@wordpress/compose": "*",
-		"@wordpress/core-data": "*",
+		"@wordpress/compose": "^7.12.1-next.082ed6819.0",
+		"@wordpress/core-data": "^7.12.1-next.082ed6819.0",
 		"@wordpress/data": "*",
-		"@wordpress/date": "*",
-		"@wordpress/deprecated": "*",
-		"@wordpress/dom": "*",
-		"@wordpress/element": "*",
-		"@wordpress/escape-html": "*",
-		"@wordpress/hooks": "*",
-		"@wordpress/html-entities": "*",
-		"@wordpress/i18n": "*",
-		"@wordpress/icons": "*",
-		"@wordpress/interactivity": "*",
-		"@wordpress/interactivity-router": "*",
-		"@wordpress/keyboard-shortcuts": "*",
-		"@wordpress/keycodes": "*",
-		"@wordpress/notices": "*",
-		"@wordpress/patterns": "*",
-		"@wordpress/primitives": "*",
-		"@wordpress/private-apis": "*",
-		"@wordpress/reusable-blocks": "*",
-		"@wordpress/rich-text": "*",
-		"@wordpress/server-side-render": "*",
-		"@wordpress/url": "*",
-		"@wordpress/viewport": "*",
-		"@wordpress/wordcount": "*",
+		"@wordpress/date": "^5.12.1-next.082ed6819.0",
+		"@wordpress/deprecated": "^4.12.1-next.082ed6819.0",
+		"@wordpress/dom": "^4.12.1-next.082ed6819.0",
+		"@wordpress/element": "^6.12.1-next.082ed6819.0",
+		"@wordpress/escape-html": "^3.12.1-next.082ed6819.0",
+		"@wordpress/hooks": "^4.12.1-next.082ed6819.0",
+		"@wordpress/html-entities": "^4.12.1-next.082ed6819.0",
+		"@wordpress/i18n": "^5.12.1-next.082ed6819.0",
+		"@wordpress/icons": "^10.12.1-next.082ed6819.0",
+		"@wordpress/interactivity": "^6.12.1-next.082ed6819.0",
+		"@wordpress/interactivity-router": "^2.12.1-next.082ed6819.0",
+		"@wordpress/keyboard-shortcuts": "^5.12.1-next.082ed6819.0",
+		"@wordpress/keycodes": "^4.12.1-next.082ed6819.0",
+		"@wordpress/notices": "^5.12.1-next.082ed6819.0",
+		"@wordpress/patterns": "^2.12.1-next.082ed6819.0",
+		"@wordpress/primitives": "^4.12.1-next.082ed6819.0",
+		"@wordpress/private-apis": "^1.12.1-next.082ed6819.0",
+		"@wordpress/reusable-blocks": "^5.12.1-next.082ed6819.0",
+		"@wordpress/rich-text": "^7.12.1-next.082ed6819.0",
+		"@wordpress/server-side-render": "^5.12.1-next.082ed6819.0",
+		"@wordpress/url": "^4.12.1-next.082ed6819.0",
+		"@wordpress/viewport": "^6.12.1-next.082ed6819.0",
+		"@wordpress/wordcount": "^4.12.1-next.082ed6819.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -89,6 +90,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"wpScript": true,
-	"gitHead": "dcf4613b33b0eda14e203ac30f700ed0db70347f"
+	"gitHead": "2bb7bad15ddb8e88210fab7d4a1ef1565466e424"
 }

package/src/block-keyboard-shortcuts/index.js

@@ -90,22 +90,36 @@ function BlockKeyboardShortcuts() {
 				},
 			} );
 		} );
-	}, [] );
+	}, [ registerShortcut ] );
 
 	useShortcut(
 		'core/block-editor/transform-heading-to-paragraph',
 		( event ) => handleTransformHeadingAndParagraph( event, 0 )
 	);
-
-	[ 1, 2, 3, 4, 5, 6 ].forEach( ( level ) => {
-		//the loop is based off on a constant therefore
-		//the hook will execute the same way every time
-		//eslint-disable-next-line react-hooks/rules-of-hooks
-		useShortcut(
-			`core/block-editor/transform-paragraph-to-heading-${ level }`,
-			( event ) => handleTransformHeadingAndParagraph( event, level )
-		);
-	} );
+	useShortcut(
+		'core/block-editor/transform-paragraph-to-heading-1',
+		( event ) => handleTransformHeadingAndParagraph( event, 1 )
+	);
+	useShortcut(
+		'core/block-editor/transform-paragraph-to-heading-2',
+		( event ) => handleTransformHeadingAndParagraph( event, 2 )
+	);
+	useShortcut(
+		'core/block-editor/transform-paragraph-to-heading-3',
+		( event ) => handleTransformHeadingAndParagraph( event, 3 )
+	);
+	useShortcut(
+		'core/block-editor/transform-paragraph-to-heading-4',
+		( event ) => handleTransformHeadingAndParagraph( event, 4 )
+	);
+	useShortcut(
+		'core/block-editor/transform-paragraph-to-heading-5',
+		( event ) => handleTransformHeadingAndParagraph( event, 5 )
+	);
+	useShortcut(
+		'core/block-editor/transform-paragraph-to-heading-6',
+		( event ) => handleTransformHeadingAndParagraph( event, 6 )
+	);
 
 	return null;
 }

package/src/button/index.js

@@ -22,7 +22,7 @@ export const settings = {
 	example: {
 		attributes: {
 			className: 'is-style-fill',
-			text: __( 'Call to Action' ),
+			text: __( 'Call to action' ),
 		},
 	},
 	edit,

package/src/comments/block.json

@@ -17,10 +17,7 @@
 		}
 	},
 	"supports": {
-		"align": [
-			"wide",
-			"full"
-		],
+		"align": [ "wide", "full" ],
 		"html": false,
 		"color": {
 			"gradients": true,
@@ -63,8 +60,5 @@
 		}
 	},
 	"editorStyle": "wp-block-comments-editor",
-	"usesContext": [
-		"postId",
-		"postType"
-	]
-}
+	"usesContext": [ "postId", "postType" ]
+}

package/src/cover/deprecated.js

@@ -164,7 +164,7 @@ const v8ToV11BlockAttributes = {
 	},
 };
 
-const v12BlockAttributes = {
+const v12toV13BlockAttributes = {
 	...v8ToV11BlockAttributes,
 	useFeaturedImage: {
 		type: 'boolean',
@@ -176,6 +176,20 @@ const v12BlockAttributes = {
 	},
 };
 
+const v14BlockAttributes = {
+	...v12toV13BlockAttributes,
+	isUserOverlayColor: {
+		type: 'boolean',
+	},
+	sizeSlug: {
+		type: 'string',
+	},
+	alt: {
+		type: 'string',
+		default: '',
+	},
+};
+
 const v7toV11BlockSupports = {
 	anchor: true,
 	align: true,
@@ -244,9 +258,173 @@ const v12BlockSupports = {
 	},
 };
 
+const v14BlockSupports = {
+	...v12BlockSupports,
+	shadow: true,
+	dimensions: {
+		aspectRatio: true,
+	},
+	interactivity: {
+		clientNavigation: true,
+	},
+};
+
+// Deprecation for blocks that have z-index.
+const v14 = {
+	attributes: v14BlockAttributes,
+	supports: v14BlockSupports,
+	save( { attributes } ) {
+		const {
+			backgroundType,
+			gradient,
+			contentPosition,
+			customGradient,
+			customOverlayColor,
+			dimRatio,
+			focalPoint,
+			useFeaturedImage,
+			hasParallax,
+			isDark,
+			isRepeated,
+			overlayColor,
+			url,
+			alt,
+			id,
+			minHeight: minHeightProp,
+			minHeightUnit,
+			tagName: Tag,
+			sizeSlug,
+		} = attributes;
+		const overlayColorClass = getColorClassName(
+			'background-color',
+			overlayColor
+		);
+		const gradientClass = __experimentalGetGradientClass( gradient );
+		const minHeight =
+			minHeightProp && minHeightUnit
+				? `${ minHeightProp }${ minHeightUnit }`
+				: minHeightProp;
+
+		const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
+		const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
+
+		const isImgElement = ! ( hasParallax || isRepeated );
+
+		const style = {
+			minHeight: minHeight || undefined,
+		};
+
+		const bgStyle = {
+			backgroundColor: ! overlayColorClass
+				? customOverlayColor
+				: undefined,
+			background: customGradient ? customGradient : undefined,
+		};
+
+		const objectPosition =
+			// prettier-ignore
+			focalPoint && isImgElement
+				  ? mediaPosition(focalPoint)
+				  : undefined;
+
+		const backgroundImage = url ? `url(${ url })` : undefined;
+
+		const backgroundPosition = mediaPosition( focalPoint );
+
+		const classes = clsx(
+			{
+				'is-light': ! isDark,
+				'has-parallax': hasParallax,
+				'is-repeated': isRepeated,
+				'has-custom-content-position':
+					! isContentPositionCenter( contentPosition ),
+			},
+			getPositionClassName( contentPosition )
+		);
+
+		const imgClasses = clsx(
+			'wp-block-cover__image-background',
+			id ? `wp-image-${ id }` : null,
+			{
+				[ `size-${ sizeSlug }` ]: sizeSlug,
+				'has-parallax': hasParallax,
+				'is-repeated': isRepeated,
+			}
+		);
+
+		const gradientValue = gradient || customGradient;
+
+		return (
+			<Tag { ...useBlockProps.save( { className: classes, style } ) }>
+				<span
+					aria-hidden="true"
+					className={ clsx(
+						'wp-block-cover__background',
+						overlayColorClass,
+						dimRatioToClass( dimRatio ),
+						{
+							'has-background-dim': dimRatio !== undefined,
+							// For backwards compatibility. Former versions of the Cover Block applied
+							// `.wp-block-cover__gradient-background` in the presence of
+							// media, a gradient and a dim.
+							'wp-block-cover__gradient-background':
+								url && gradientValue && dimRatio !== 0,
+							'has-background-gradient': gradientValue,
+							[ gradientClass ]: gradientClass,
+						}
+					) }
+					style={ bgStyle }
+				/>
+
+				{ ! useFeaturedImage &&
+					isImageBackground &&
+					url &&
+					( isImgElement ? (
+						<img
+							className={ imgClasses }
+							alt={ alt }
+							src={ url }
+							style={ { objectPosition } }
+							data-object-fit="cover"
+							data-object-position={ objectPosition }
+						/>
+					) : (
+						<div
+							role={ alt ? 'img' : undefined }
+							aria-label={ alt ? alt : undefined }
+							className={ imgClasses }
+							style={ { backgroundPosition, backgroundImage } }
+						/>
+					) ) }
+				{ isVideoBackground && url && (
+					<video
+						className={ clsx(
+							'wp-block-cover__video-background',
+							'intrinsic-ignore'
+						) }
+						autoPlay
+						muted
+						loop
+						playsInline
+						src={ url }
+						style={ { objectPosition } }
+						data-object-fit="cover"
+						data-object-position={ objectPosition }
+					/>
+				) }
+				<div
+					{ ...useInnerBlocksProps.save( {
+						className: 'wp-block-cover__inner-container',
+					} ) }
+				/>
+			</Tag>
+		);
+	},
+};
+
 // Deprecation for blocks that does not have the aria-label when the image background is fixed or repeated.
 const v13 = {
-	attributes: v12BlockAttributes,
+	attributes: v12toV13BlockAttributes,
 	supports: v12BlockSupports,
 	save( { attributes } ) {
 		const {
@@ -396,7 +574,7 @@ const v13 = {
 
 // Deprecation for blocks to prevent auto overlay color from overriding previously set values.
 const v12 = {
-	attributes: v12BlockAttributes,
+	attributes: v12toV13BlockAttributes,
 	supports: v12BlockSupports,
 	isEligible( attributes ) {
 		return (
@@ -1824,4 +2002,4 @@ const v1 = {
 	},
 };
 
-export default [ v13, v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1 ];
+export default [ v14, v13, v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1 ];