@wordpress/block-library 9.7.0 → 9.7.1-next.5368f64a9.0

package/build-style/style-rtl.css

@@ -205,7 +205,7 @@
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
+  /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -245,7 +245,7 @@
 .is-content-justification-right,
 .is-content-justification-left,
 .is-content-justification-center) .wp-block-button.aligncenter {
-  /* stylelint-enable indentation */
+  /* stylelint-enable @stylistic/indentation */
   margin-right: auto;
   margin-left: auto;
   width: 100%;
@@ -3014,6 +3014,27 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   word-break: break-word;
   box-sizing: border-box;
 }
+.wp-block-post-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-post-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-post-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-post-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-post-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-post-title a {
   display: inline-block;
 }
@@ -3438,6 +3459,27 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-title {
   box-sizing: border-box;
 }
+.wp-block-site-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-site-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-site-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-site-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-site-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-site-title :where(a) {
   color: inherit;
 }
@@ -4130,8 +4172,8 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
-  /* stylelint-enable function-comma-space-after */
+  /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
+  /* stylelint-enable @stylistic/function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
 }

package/build-style/style.css

@@ -206,7 +206,7 @@
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
+  /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -246,7 +246,7 @@
 .is-content-justification-right,
 .is-content-justification-left,
 .is-content-justification-center) .wp-block-button.aligncenter {
-  /* stylelint-enable indentation */
+  /* stylelint-enable @stylistic/indentation */
   margin-left: auto;
   margin-right: auto;
   width: 100%;
@@ -3044,6 +3044,27 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   word-break: break-word;
   box-sizing: border-box;
 }
+.wp-block-post-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-post-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-post-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-post-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-post-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-post-title a {
   display: inline-block;
 }
@@ -3471,6 +3492,27 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-title {
   box-sizing: border-box;
 }
+.wp-block-site-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-site-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-site-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-site-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-site-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-site-title :where(a) {
   color: inherit;
 }
@@ -4163,8 +4205,8 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
-  /* stylelint-enable function-comma-space-after */
+  /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
+  /* stylelint-enable @stylistic/function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.7.0",
+	"version": "9.7.1-next.5368f64a9.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,41 +30,48 @@
 		"src/**/*.scss",
 		"{src,build,build-module}/*/init.js"
 	],
+	"wpScriptModuleExports": {
+		"./file/view": "./build-module/file/view.js",
+		"./image/view": "./build-module/image/view.js",
+		"./navigation/view": "./build-module/navigation/view.js",
+		"./query/view": "./build-module/query/view.js",
+		"./search/view": "./build-module/search/view.js"
+	},
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^4.7.0",
-		"@wordpress/api-fetch": "^7.7.0",
-		"@wordpress/autop": "^4.7.0",
-		"@wordpress/blob": "^4.7.0",
-		"@wordpress/block-editor": "^14.2.0",
-		"@wordpress/blocks": "^13.7.0",
-		"@wordpress/components": "^28.7.0",
-		"@wordpress/compose": "^7.7.0",
-		"@wordpress/core-data": "^7.7.0",
-		"@wordpress/data": "^10.7.0",
-		"@wordpress/date": "^5.7.0",
-		"@wordpress/deprecated": "^4.7.0",
-		"@wordpress/dom": "^4.7.0",
-		"@wordpress/element": "^6.7.0",
-		"@wordpress/escape-html": "^3.7.0",
-		"@wordpress/hooks": "^4.7.0",
-		"@wordpress/html-entities": "^4.7.0",
-		"@wordpress/i18n": "^5.7.0",
-		"@wordpress/icons": "^10.7.0",
-		"@wordpress/interactivity": "^6.7.0",
-		"@wordpress/interactivity-router": "^2.7.0",
-		"@wordpress/keyboard-shortcuts": "^5.7.0",
-		"@wordpress/keycodes": "^4.7.0",
-		"@wordpress/notices": "^5.7.0",
-		"@wordpress/patterns": "^2.7.0",
-		"@wordpress/primitives": "^4.7.0",
-		"@wordpress/private-apis": "^1.7.0",
-		"@wordpress/reusable-blocks": "^5.7.0",
-		"@wordpress/rich-text": "^7.7.0",
-		"@wordpress/server-side-render": "^5.7.0",
-		"@wordpress/url": "^4.7.0",
-		"@wordpress/viewport": "^6.7.0",
-		"@wordpress/wordcount": "^4.7.0",
+		"@wordpress/a11y": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/api-fetch": "^7.7.1-next.5368f64a9.0",
+		"@wordpress/autop": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/blob": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/block-editor": "^14.2.1-next.5368f64a9.0",
+		"@wordpress/blocks": "^13.7.1-next.5368f64a9.0",
+		"@wordpress/components": "^28.8.1-next.5368f64a9.0",
+		"@wordpress/compose": "^7.8.1-next.5368f64a9.0",
+		"@wordpress/core-data": "^7.7.1-next.5368f64a9.0",
+		"@wordpress/data": "^10.7.1-next.5368f64a9.0",
+		"@wordpress/date": "^5.7.1-next.5368f64a9.0",
+		"@wordpress/deprecated": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/dom": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/element": "^6.7.1-next.5368f64a9.0",
+		"@wordpress/escape-html": "^3.7.1-next.5368f64a9.0",
+		"@wordpress/hooks": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/html-entities": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/i18n": "^5.7.1-next.5368f64a9.0",
+		"@wordpress/icons": "^10.7.1-next.5368f64a9.0",
+		"@wordpress/interactivity": "^6.7.2-next.5368f64a9.0",
+		"@wordpress/interactivity-router": "^2.7.1-next.5368f64a9.0",
+		"@wordpress/keyboard-shortcuts": "^5.7.1-next.5368f64a9.0",
+		"@wordpress/keycodes": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/notices": "^5.7.1-next.5368f64a9.0",
+		"@wordpress/patterns": "^2.7.1-next.5368f64a9.0",
+		"@wordpress/primitives": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/private-apis": "^1.7.1-next.5368f64a9.0",
+		"@wordpress/reusable-blocks": "^5.7.1-next.5368f64a9.0",
+		"@wordpress/rich-text": "^7.7.1-next.5368f64a9.0",
+		"@wordpress/server-side-render": "^5.7.1-next.5368f64a9.0",
+		"@wordpress/url": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/viewport": "^6.7.1-next.5368f64a9.0",
+		"@wordpress/wordcount": "^4.7.1-next.5368f64a9.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -82,5 +89,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c90d920de07c53dff82c5914635b56fafa503b7f"
+	"gitHead": "24934a1f5251bbee15045d1fd953d9c5650317cd"
 }

package/src/archives/edit.js

@@ -53,7 +53,7 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 					<SelectControl
 						__next40pxDefaultSize
 						__nextHasNoMarginBottom
-						label={ __( 'Group by:' ) }
+						label={ __( 'Group by' ) }
 						options={ [
 							{ label: __( 'Year' ), value: 'yearly' },
 							{ label: __( 'Month' ), value: 'monthly' },

package/src/block/edit.js

@@ -194,19 +194,15 @@ function ReusableBlockEdit( {
 		hasPatternOverridesSource,
 	} = useSelect(
 		( select ) => {
-			const {
-				getBlocks,
-				getSettings,
-				getBlockEditingMode: _getBlockEditingMode,
-			} = select( blockEditorStore );
+			const { getBlocks, getSettings, getBlockEditingMode } =
+				select( blockEditorStore );
 			const { getBlockBindingsSource } = unlock( select( blocksStore ) );
 			// For editing link to the site editor if the theme and user permissions support it.
 			return {
 				innerBlocks: getBlocks( patternClientId ),
-				getBlockEditingMode: _getBlockEditingMode,
 				onNavigateToEntityRecord:
 					getSettings().onNavigateToEntityRecord,
-				editingMode: _getBlockEditingMode( patternClientId ),
+				editingMode: getBlockEditingMode( patternClientId ),
 				hasPatternOverridesSource: !! getBlockBindingsSource(
 					'core/pattern-overrides'
 				),

package/src/buttons/block.json

@@ -21,7 +21,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": true,
+			"blockGap": [ "horizontal", "vertical" ],
 			"padding": true,
 			"margin": [ "top", "bottom" ],
 			"__experimentalDefaultControls": {

package/src/buttons/editor.scss

@@ -33,14 +33,14 @@ $blocks-block__margin: 0.5em;
 	//
 	// This back compat rule is ignored if the user decides to use the
 	// newer justification options on the button block, hence the :not.
-	/* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
+	/* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 	&:not(
 		.is-content-justification-space-between,
 		.is-content-justification-right,
 		.is-content-justification-left,
 		.is-content-justification-center
 	) .wp-block[data-align="center"] {
-	/* stylelint-enable indentation */
+	/* stylelint-enable @stylistic/indentation */
 		margin-left: auto;
 		margin-right: auto;
 		margin-top: 0;

package/src/buttons/style.scss

@@ -55,14 +55,14 @@ $blocks-block__margin: 0.5em;
 	//
 	// This back compat rule is ignored if the user decides to use the
 	// newer justification options on the button block, hence the :not.
-	/* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
+	/* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 	&:not(
 		.is-content-justification-space-between,
 		.is-content-justification-right,
 		.is-content-justification-left,
 		.is-content-justification-center
 	) .wp-block-button.aligncenter {
-	/* stylelint-enable indentation */
+	/* stylelint-enable @stylistic/indentation */
 		margin-left: auto;
 		margin-right: auto;
 		width: 100%;

package/src/comments/edit/comments-legacy.js

@@ -29,8 +29,7 @@ export default function CommentsLegacy( {
 
 	const actions = [
 		<Button
-			// TODO: Switch to `true` (40px size) if possible
-			__next40pxDefaultSize={ false }
+			__next40pxDefaultSize
 			key="convert"
 			onClick={ () => void setAttributes( { legacy: false } ) }
 			variant="primary"

package/src/cover/deprecated.js

@@ -400,8 +400,9 @@ const v12 = {
 	supports: v12BlockSupports,
 	isEligible( attributes ) {
 		return (
-			attributes.customOverlayColor !== undefined ||
-			attributes.overlayColor !== undefined
+			( attributes.customOverlayColor !== undefined ||
+				attributes.overlayColor !== undefined ) &&
+			attributes.isUserOverlayColor === undefined
 		);
 	},
 	migrate( attributes ) {

package/src/cover/edit/index.js

@@ -143,7 +143,10 @@ function CoverEdit( {
 				averageBackgroundColor
 			);
 			__unstableMarkNextChangeAsNotPersistent();
-			setAttributes( { isDark: newIsDark } );
+			setAttributes( {
+				isDark: newIsDark,
+				isUserOverlayColor: isUserOverlayColor || false,
+			} );
 		} )();
 		// Disable reason: Update the block only when the featured image changes.
 		// eslint-disable-next-line react-hooks/exhaustive-deps
@@ -201,6 +204,7 @@ function CoverEdit( {
 			useFeaturedImage: undefined,
 			dimRatio: newDimRatio,
 			isDark: newIsDark,
+			isUserOverlayColor: isUserOverlayColor || false,
 		} );
 	};
 

package/src/embed/edit.js

@@ -14,7 +14,6 @@ import { embedContentIcon } from './icons';
 import EmbedLoading from './embed-loading';
 import EmbedPlaceholder from './embed-placeholder';
 import EmbedPreview from './embed-preview';
-import { Caption } from '../utils/caption';
 
 /**
  * External dependencies
@@ -277,14 +276,8 @@ const EmbedEdit = ( props ) => {
 					icon={ icon }
 					label={ label }
 					insertBlocksAfter={ insertBlocksAfter }
-				/>
-				<Caption
 					attributes={ attributes }
 					setAttributes={ setAttributes }
-					isSelected={ isSelected }
-					insertBlocksAfter={ insertBlocksAfter }
-					label={ __( 'Embed caption text' ) }
-					showToolbarButton={ isSelected }
 				/>
 			</View>
 		</>

package/src/embed/embed-placeholder.js

@@ -66,16 +66,14 @@ const EmbedPlaceholder = ( {
 						justify="flex-start"
 					>
 						<Button
-							// TODO: Switch to `true` (40px size) if possible
-							__next40pxDefaultSize={ false }
+							__next40pxDefaultSize
 							variant="secondary"
 							onClick={ tryAgain }
 						>
 							{ _x( 'Try again', 'button label' ) }
 						</Button>{ ' ' }
 						<Button
-							// TODO: Switch to `true` (40px size) if possible
-							__next40pxDefaultSize={ false }
+							__next40pxDefaultSize
 							variant="secondary"
 							onClick={ fallback }
 						>

package/src/embed/embed-preview.js

@@ -21,6 +21,7 @@ import { getAuthority } from '@wordpress/url';
  * Internal dependencies
  */
 import WpEmbedPreview from './wp-embed-preview';
+import { Caption } from '../utils/caption';
 
 class EmbedPreview extends Component {
 	constructor() {
@@ -52,8 +53,19 @@ class EmbedPreview extends Component {
 	}
 
 	render() {
-		const { preview, previewable, url, type, className, icon, label } =
-			this.props;
+		const {
+			preview,
+			previewable,
+			url,
+			type,
+			className,
+			icon,
+			label,
+			insertBlocksAfter,
+			attributes,
+			setAttributes,
+			isSelected,
+		} = this.props;
 		const { scripts } = preview;
 		const { interactive } = this.state;
 
@@ -123,6 +135,14 @@ class EmbedPreview extends Component {
 						</p>
 					</Placeholder>
 				) }
+				<Caption
+					attributes={ attributes }
+					setAttributes={ setAttributes }
+					isSelected={ isSelected }
+					insertBlocksAfter={ insertBlocksAfter }
+					label={ __( 'Embed caption text' ) }
+					showToolbarButton={ isSelected }
+				/>
 			</figure>
 		);
 	}

package/src/file/index.php

@@ -21,7 +21,7 @@ function render_block_core_file( $attributes, $content ) {
 	if ( ! empty( $attributes['displayPreview'] ) ) {
 		$suffix = wp_scripts_get_suffix();
 		if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
-			$module_url = gutenberg_url( '/build/interactivity/file.min.js' );
+			$module_url = gutenberg_url( '/build-module/block-library/file/view.min.js' );
 		}
 
 		wp_register_script_module(

package/src/file/transforms.js

@@ -24,12 +24,32 @@ const transforms = {
 					const blobURL = createBlobURL( file );
 
 					// File will be uploaded in componentDidMount()
-					blocks.push(
-						createBlock( 'core/file', {
-							blob: blobURL,
-							fileName: file.name,
-						} )
-					);
+					if ( file.type.startsWith( 'video/' ) ) {
+						blocks.push(
+							createBlock( 'core/video', {
+								blob: createBlobURL( file ),
+							} )
+						);
+					} else if ( file.type.startsWith( 'image/' ) ) {
+						blocks.push(
+							createBlock( 'core/image', {
+								blob: createBlobURL( file ),
+							} )
+						);
+					} else if ( file.type.startsWith( 'audio/' ) ) {
+						blocks.push(
+							createBlock( 'core/audio', {
+								blob: createBlobURL( file ),
+							} )
+						);
+					} else {
+						blocks.push(
+							createBlock( 'core/file', {
+								blob: blobURL,
+								fileName: file.name,
+							} )
+						);
+					}
 				} );
 
 				return blocks;

package/src/freeform/modal.js

@@ -25,8 +25,7 @@ function ModalAuxiliaryActions( { onClick, isModalFullScreen } ) {
 
 	return (
 		<Button
-			// TODO: Switch to `true` (40px size) if possible
-			__next40pxDefaultSize={ false }
+			size="small"
 			onClick={ onClick }
 			icon={ fullscreen }
 			isPressed={ isModalFullScreen }
@@ -123,8 +122,7 @@ export default function ModalEdit( props ) {
 					>
 						<FlexItem>
 							<Button
-								// TODO: Switch to `true` (40px size) if possible
-								__next40pxDefaultSize={ false }
+								__next40pxDefaultSize
 								variant="tertiary"
 								onClick={ onClose }
 							>
@@ -133,8 +131,7 @@ export default function ModalEdit( props ) {
 						</FlexItem>
 						<FlexItem>
 							<Button
-								// TODO: Switch to `true` (40px size) if possible
-								__next40pxDefaultSize={ false }
+								__next40pxDefaultSize
 								variant="primary"
 								onClick={ () => {
 									setAttributes( {