@wordpress/block-library 10.5.2-next.v.202608281122.0 → 11.0.0

package/src/heading/index.js

@@ -1,10 +1,6 @@
 import { heading as icon } from '@wordpress/icons';
 import { __, sprintf } from '@wordpress/i18n';
-import {
-	privateApis as blocksPrivateApis,
-	getBlockType,
-	unregisterBlockVariation,
-} from '@wordpress/blocks';
+import { getBlockType, unregisterBlockVariation } from '@wordpress/blocks';
 import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
@@ -12,9 +8,6 @@ import metadata from './block.json';
 import save from './save';
 import transforms from './transforms';
 import variations from './variations';
-import { unlock } from '../lock-unlock';
-
-const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -78,20 +71,6 @@ export const settings = {
 	variations,
 };
 
-if ( window.__experimentalContentOnlyInspectorFields ) {
-	settings[ fieldsKey ] = [
-		{
-			id: 'content',
-			label: __( 'Content' ),
-			type: 'text',
-			Edit: 'rich-text', // TODO: replace with custom component
-		},
-	];
-	settings[ formKey ] = {
-		fields: [ 'content' ],
-	};
-}
-
 export const init = () => {
 	const block = initBlock( { name, metadata, settings } );
 

package/src/heading/index.php

@@ -17,7 +17,7 @@
  * @since 6.2.0
  *
  * @param array  $attributes Attributes of the block being rendered.
- * @param string $content Content of the block being rendered.
+ * @param string $content    Content of the block being rendered.
  *
  * @return string The content of the block being rendered.
  */

package/src/heading/style.scss

@@ -7,7 +7,7 @@ h4,
 h5,
 h6 {
 	&:where(.wp-block-heading).has-background {
-		padding: $block-bg-padding--v $block-bg-padding--h;
+		padding: $block-bg-padding;
 	}
 	&.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]),
 	&.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]) {

package/src/heading/test/shared.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { getLevelFromHeadingNodeName } from '../shared';
 
 describe( 'getLevelFromHeadingNodeName()', () => {

package/src/home-link/index.php

@@ -11,7 +11,7 @@
  *
  * @since 6.0.0
  *
- * @param  array $context home link block context.
+ * @param array $context home link block context.
  * @return array Colors CSS classes and inline styles.
  */
 function block_core_home_link_build_css_colors( $context ) {
@@ -64,7 +64,7 @@ function block_core_home_link_build_css_colors( $context ) {
  *
  * @since 6.0.0
  *
- * @param  array $context    Home link block context.
+ * @param array $context Home link block context.
  * @return string The li wrapper attributes.
  */
 function block_core_home_link_build_li_wrapper_attributes( $context ) {

package/src/html/test/{index.js → index.jsdom.test.js}

@@ -1,3 +1,12 @@
+import {
+	afterAll,
+	afterEach,
+	beforeAll,
+	beforeEach,
+	describe,
+	expect,
+	it,
+} from 'vitest';
 import {
 	createBlock,
 	registerBlockType,

package/src/html/test/{utils.js → utils.jsdom.test.js}

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { parseContent, serializeContent } from '../utils';
 
 describe( 'core/html', () => {

package/src/icon/index.php

@@ -96,7 +96,17 @@ function render_block_core_icon( $attributes ) {
 	$processor = new WP_HTML_Tag_Processor( $svg );
 	if ( $processor->next_tag( 'svg' ) ) {
 		if ( ! empty( $styles['css'] ) ) {
-			$processor->set_attribute( 'style', $styles['css'] );
+			// Merge with the SVG's intrinsic style (e.g. `fill: none` on
+			// stroke-based icons) so it is preserved. The block styles come last
+			// so they win on any conflicting property.
+			$existing_style = $processor->get_attribute( 'style' );
+			$trimmed_style  = is_string( $existing_style )
+				? rtrim( trim( $existing_style ), ';' )
+				: '';
+			$merged_style   = '' !== $trimmed_style
+				? $trimmed_style . '; ' . $styles['css']
+				: $styles['css'];
+			$processor->set_attribute( 'style', $merged_style );
 		}
 
 		// Apply flip classes to the SVG.
@@ -115,11 +125,13 @@ function render_block_core_icon( $attributes ) {
 		if ( $rotation ) {
 			$current_style = $processor->get_attribute( 'style' ) ?? '';
 			$rotation_css  = 'rotate: ' . $rotation . 'deg;';
-			if ( $current_style ) {
-				$processor->set_attribute( 'style', $current_style . ' ' . $rotation_css );
-			} else {
-				$processor->set_attribute( 'style', $rotation_css );
-			}
+			$trimmed_style = is_string( $current_style )
+				? rtrim( trim( $current_style ), ';' )
+				: '';
+			$merged_style  = '' !== $trimmed_style
+				? $trimmed_style . '; ' . $rotation_css
+				: $rotation_css;
+			$processor->set_attribute( 'style', $merged_style );
 		}
 
 		$svg = $processor->get_updated_html();

package/src/icon/style.scss

@@ -34,4 +34,11 @@
 :where(.wp-block-icon) svg {
 	width: 100%;
 	height: 100%;
+
+	// Maintain stroke-width: neutralize `vector-effect="non-scaling-stroke"` on
+	// shape elements so stroked icons continue to scale their strokes with the
+	// icon size, preserving existing visual behavior.
+	:where(path, rect, circle, ellipse, line, polygon, polyline) {
+		vector-effect: none;
+	}
 }

package/src/image/image.jsx

@@ -316,7 +316,11 @@ export default function Image( {
 		setOffsetTop( imageElement?.offsetTop ?? 0 );
 	}, [ imageElement ] );
 	const setRefs = useMergeRefs( [ setImageElement, setResizeObserved ] );
-	const { allowResize = true } = context;
+	const { allowResize = true, imageCrop = false } = context;
+	// Only a cropped gallery (flex layout) controls the image height via its
+	// own CSS. Grid galleries and standalone images keep the baseline
+	// `height: auto` so a theme can't squish them.
+	const isCroppedGalleryImage = imageCrop && parentLayoutType === 'flex';
 
 	const { image, attachmentResolutionError } = useSelect(
 		( select ) => {
@@ -889,9 +893,6 @@ export default function Image( {
 		</>
 	);
 
-	const hasDataFormBlockFields =
-		window?.__experimentalContentOnlyInspectorFields;
-
 	const controls = (
 		<>
 			{ showBlockControls && (
@@ -960,7 +961,7 @@ export default function Image( {
 					/>
 				</BlockControls>
 			) }
-			{ ! hasDataFormBlockFields && isSingleSelected && (
+			{ isSingleSelected && (
 				<InspectorControls group="content">
 					<ToolsPanel
 						label={ __( 'Media' ) }
@@ -1222,17 +1223,23 @@ export default function Image( {
 													? `${ width }px`
 													: width;
 										}
-										if (
-											height === 'auto' ||
-											height === undefined ||
-											height === null
-										) {
+										if ( height === 'auto' ) {
 											style.height = 'auto';
-										} else {
+										} else if (
+											height !== undefined &&
+											height !== null
+										) {
 											style.height =
 												typeof height === 'number'
 													? `${ height }px`
 													: height;
+										} else if ( ! isCroppedGalleryImage ) {
+											// Default to `height: auto` so a
+											// theme that sets an explicit height
+											// on images can't squish them. Inside
+											// a cropped gallery the gallery's own
+											// CSS controls the height instead.
+											style.height = 'auto';
 										}
 										return style;
 								  } )() ),

package/src/image/index.js

@@ -1,15 +1,11 @@
 import { __ } from '@wordpress/i18n';
 import { image as icon } from '@wordpress/icons';
-import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
 import transforms from './transforms';
-import { unlock } from '../lock-unlock';
-
-const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -62,80 +58,4 @@ export const settings = {
 	deprecated,
 };
 
-if ( window.__experimentalContentOnlyInspectorFields ) {
-	settings[ fieldsKey ] = [
-		{
-			id: 'image',
-			label: __( 'Image' ),
-			type: 'media',
-			Edit: {
-				control: 'media', // TODO: replace with custom component
-				allowedTypes: [ 'image' ],
-				multiple: false,
-			},
-			getValue: ( { item } ) => ( {
-				id: item.id,
-				url: item.url,
-				alt: item.alt,
-				caption: item.caption,
-			} ),
-			setValue: ( { value } ) => ( {
-				id: value.id,
-				url: value.url,
-				alt: value.alt,
-				caption: value.caption,
-			} ),
-		},
-		{
-			id: 'link',
-			label: __( 'Link' ),
-			type: 'url',
-			Edit: 'link', // TODO: replace with custom component
-			getValue: ( { item } ) => ( {
-				url: item.href,
-				rel: item.rel,
-				linkTarget: item.linkTarget,
-			} ),
-			setValue: ( { value } ) => ( {
-				href: value.url,
-				rel: value.rel,
-				linkTarget: value.linkTarget,
-			} ),
-			isVisible: ( item ) => ! item.isDecorative,
-		},
-		{
-			id: 'caption',
-			label: __( 'Caption' ),
-			type: 'text',
-			Edit: 'rich-text', // TODO: replace with custom component
-			isVisible: ( item ) => ! item.isDecorative,
-		},
-		{
-			id: 'alt',
-			label: __( 'Alt text' ),
-			type: 'text',
-			isVisible: ( item ) => ! item.isDecorative,
-		},
-		{
-			id: 'isDecorative',
-			label: __( 'Mark as decorative' ),
-			type: 'boolean',
-			setValue: ( { value } ) => ( {
-				isDecorative: value || undefined,
-				...( value && {
-					alt: '',
-					caption: undefined,
-					href: undefined,
-					linkDestination: undefined,
-					linkTarget: undefined,
-					rel: undefined,
-				} ),
-			} ),
-		},
-	];
-	settings[ formKey ] = {
-		fields: [ 'image', 'link', 'caption', 'alt', 'isDecorative' ],
-	};
-}
-
 export const init = () => initBlock( { name, metadata, settings } );

package/src/image/test/{transforms.js → transforms.jsdom.test.js}

@@ -1,3 +1,4 @@
+import { describe, expect, test } from 'vitest';
 import { stripFirstImage } from '../transforms';
 
 describe( 'stripFirstImage', () => {