@wordpress/block-library 9.26.0 → 9.26.1-next.719a03cbe.0

package/build-style/editor-rtl.css

@@ -1060,19 +1060,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-left: 8px;
 }
 
-.gallery-image-sizes .components-base-control__label {
-  margin-bottom: 4px;
-}
-.gallery-image-sizes .gallery-image-sizes__loading {
-  display: flex;
-  align-items: center;
-  color: #757575;
-  font-size: 12px;
-}
-.gallery-image-sizes .components-spinner {
-  margin: 0 4px 0 8px;
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.

package/build-style/editor.css

@@ -1066,19 +1066,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-right: 8px;
 }
 
-.gallery-image-sizes .components-base-control__label {
-  margin-bottom: 4px;
-}
-.gallery-image-sizes .gallery-image-sizes__loading {
-  display: flex;
-  align-items: center;
-  color: #757575;
-  font-size: 12px;
-}
-.gallery-image-sizes .components-spinner {
-  margin: 0 8px 0 4px;
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.

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

@@ -184,19 +184,6 @@
   margin-left: 8px;
 }
 
-.gallery-image-sizes .components-base-control__label {
-  margin-bottom: 4px;
-}
-.gallery-image-sizes .gallery-image-sizes__loading {
-  display: flex;
-  align-items: center;
-  color: #757575;
-  font-size: 12px;
-}
-.gallery-image-sizes .components-spinner {
-  margin: 0 4px 0 8px;
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.

package/build-style/gallery/editor.css

@@ -184,19 +184,6 @@
   margin-right: 8px;
 }
 
-.gallery-image-sizes .components-base-control__label {
-  margin-bottom: 4px;
-}
-.gallery-image-sizes .gallery-image-sizes__loading {
-  display: flex;
-  align-items: center;
-  color: #757575;
-  font-size: 12px;
-}
-.gallery-image-sizes .components-spinner {
-  margin: 0 8px 0 4px;
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.

package/build-style/navigation/style-rtl.css

@@ -164,6 +164,7 @@
 }
 .wp-block-navigation .wp-block-navigation-item__content {
   display: block;
+  z-index: 1;
 }
 .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
   color: inherit;

package/build-style/navigation/style.css

@@ -164,6 +164,7 @@
 }
 .wp-block-navigation .wp-block-navigation-item__content {
   display: block;
+  z-index: 1;
 }
 .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
   color: inherit;

package/build-style/style-rtl.css

@@ -2282,6 +2282,7 @@ ul {
 }
 .wp-block-navigation .wp-block-navigation-item__content {
   display: block;
+  z-index: 1;
 }
 .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
   color: inherit;

package/build-style/style.css

@@ -2312,6 +2312,7 @@ ul {
 }
 .wp-block-navigation .wp-block-navigation-item__content {
   display: block;
+  z-index: 1;
 }
 .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
   color: inherit;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.26.0",
+	"version": "9.26.1-next.719a03cbe.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -41,39 +41,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.26.0",
-		"@wordpress/api-fetch": "^7.26.0",
-		"@wordpress/autop": "^4.26.0",
-		"@wordpress/blob": "^4.26.0",
-		"@wordpress/block-editor": "^14.21.0",
-		"@wordpress/blocks": "^14.15.0",
-		"@wordpress/components": "^29.12.0",
-		"@wordpress/compose": "^7.26.0",
-		"@wordpress/core-data": "^7.26.0",
-		"@wordpress/data": "^10.26.0",
-		"@wordpress/date": "^5.26.0",
-		"@wordpress/deprecated": "^4.26.0",
-		"@wordpress/dom": "^4.26.0",
-		"@wordpress/element": "^6.26.0",
-		"@wordpress/escape-html": "^3.26.0",
-		"@wordpress/hooks": "^4.26.0",
-		"@wordpress/html-entities": "^4.26.0",
-		"@wordpress/i18n": "^5.26.0",
-		"@wordpress/icons": "^10.26.0",
-		"@wordpress/interactivity": "^6.26.0",
-		"@wordpress/interactivity-router": "^2.26.0",
-		"@wordpress/keyboard-shortcuts": "^5.26.0",
-		"@wordpress/keycodes": "^4.26.0",
-		"@wordpress/notices": "^5.26.0",
-		"@wordpress/patterns": "^2.26.0",
-		"@wordpress/primitives": "^4.26.0",
-		"@wordpress/private-apis": "^1.26.0",
-		"@wordpress/reusable-blocks": "^5.26.0",
-		"@wordpress/rich-text": "^7.26.0",
-		"@wordpress/server-side-render": "^6.2.0",
-		"@wordpress/url": "^4.26.0",
-		"@wordpress/viewport": "^6.26.0",
-		"@wordpress/wordcount": "^4.26.0",
+		"@wordpress/a11y": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/api-fetch": "^7.26.1-next.719a03cbe.0",
+		"@wordpress/autop": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/blob": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/block-editor": "^14.21.1-next.719a03cbe.0",
+		"@wordpress/blocks": "^14.15.1-next.719a03cbe.0",
+		"@wordpress/components": "^29.13.1-next.719a03cbe.0",
+		"@wordpress/compose": "^7.26.1-next.719a03cbe.0",
+		"@wordpress/core-data": "^7.26.1-next.719a03cbe.0",
+		"@wordpress/data": "^10.26.1-next.719a03cbe.0",
+		"@wordpress/date": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/deprecated": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/dom": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/element": "^6.26.1-next.719a03cbe.0",
+		"@wordpress/escape-html": "^3.26.1-next.719a03cbe.0",
+		"@wordpress/hooks": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/html-entities": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/i18n": "^6.0.1-next.719a03cbe.0",
+		"@wordpress/icons": "^10.26.2-next.719a03cbe.0",
+		"@wordpress/interactivity": "^6.26.1-next.719a03cbe.0",
+		"@wordpress/interactivity-router": "^2.26.1-next.719a03cbe.0",
+		"@wordpress/keyboard-shortcuts": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/keycodes": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/notices": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/patterns": "^2.26.1-next.719a03cbe.0",
+		"@wordpress/primitives": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/private-apis": "^1.26.1-next.719a03cbe.0",
+		"@wordpress/reusable-blocks": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/rich-text": "^7.26.1-next.719a03cbe.0",
+		"@wordpress/server-side-render": "^6.2.1-next.719a03cbe.0",
+		"@wordpress/url": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/viewport": "^6.26.1-next.719a03cbe.0",
+		"@wordpress/wordcount": "^4.26.1-next.719a03cbe.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -91,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "35e26942820d8237771af0c58e45b4303f0497f1"
+	"gitHead": "5e146e949c2765411a8310bcc2641a88d036a6d9"
 }

package/src/button/edit.js

@@ -159,7 +159,7 @@ function WidthPanel( { selectedWidth, setAttributes } ) {
 								key={ widthValue }
 								value={ widthValue }
 								label={ sprintf(
-									/* translators: Percentage value. */
+									/* translators: %d: Percentage value. */
 									__( '%d%%' ),
 									widthValue
 								) }

package/src/cover/edit/inspector-controls.js

@@ -198,8 +198,8 @@ export default function CoverInspectorControls( {
 								focalPoint: undefined,
 								isRepeated: false,
 								alt: '',
-								sizeSlug: undefined,
 							} );
+							updateImage( DEFAULT_MEDIA_SIZE_SLUG );
 						} }
 						dropdownMenuProps={ dropdownMenuProps }
 					>

package/src/details/index.js

@@ -50,7 +50,7 @@ export const settings = {
 			return ! hasSummary
 				? __( 'Details. Empty.' )
 				: sprintf(
-						/* translators: accessibility text; summary title. */
+						/* translators: %s: accessibility text; summary title. */
 						__( 'Details. %s' ),
 						summary
 				  );

package/src/gallery/constants.js

@@ -4,3 +4,4 @@ export const LINK_DESTINATION_LIGHTBOX = 'lightbox';
 export const LINK_DESTINATION_ATTACHMENT = 'attachment';
 export const LINK_DESTINATION_MEDIA_WP_CORE = 'file';
 export const LINK_DESTINATION_ATTACHMENT_WP_CORE = 'post';
+export const DEFAULT_MEDIA_SIZE_SLUG = 'large';

package/src/gallery/edit.js

@@ -7,15 +7,15 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import {
-	BaseControl,
-	PanelBody,
 	SelectControl,
 	ToggleControl,
 	RangeControl,
-	Spinner,
 	MenuGroup,
 	MenuItem,
+	__experimentalToolsPanel as ToolsPanel,
+	__experimentalToolsPanelItem as ToolsPanelItem,
 	ToolbarDropdownMenu,
+	PanelBody,
 } from '@wordpress/components';
 import {
 	store as blockEditorStore,
@@ -48,6 +48,7 @@ import {
 import { sharedIcon } from './shared-icon';
 import { defaultColumnsNumber, pickRelevantMediaFiles } from './shared';
 import { getHrefAndDestination } from './utils';
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import {
 	getUpdatedLinkTargetSettings,
 	getImageSizeAttributes,
@@ -58,6 +59,7 @@ import {
 	LINK_DESTINATION_MEDIA,
 	LINK_DESTINATION_NONE,
 	LINK_DESTINATION_LIGHTBOX,
+	DEFAULT_MEDIA_SIZE_SLUG,
 } from './constants';
 import useImageSizes from './use-image-sizes';
 import useGetNewImages from './use-get-new-images';
@@ -465,7 +467,7 @@ export default function GalleryEdit( props ) {
 			sprintf(
 				/* translators: %s: image size settings */
 				__( 'All gallery image sizes updated to: %s' ),
-				imageSize.label
+				imageSize?.label ?? newSizeSlug
 			),
 			{
 				id: 'gallery-attributes-sizeSlug',
@@ -546,6 +548,8 @@ export default function GalleryEdit( props ) {
 		...nativeInnerBlockProps,
 	} );
 
+	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+
 	if ( ! hasImages ) {
 		return (
 			<View { ...innerBlocksProps }>
@@ -560,39 +564,163 @@ export default function GalleryEdit( props ) {
 	return (
 		<>
 			<InspectorControls>
-				<PanelBody title={ __( 'Settings' ) }>
-					{ images.length > 1 && (
-						<RangeControl
-							__nextHasNoMarginBottom
-							label={ __( 'Columns' ) }
-							value={
-								columns
-									? columns
-									: defaultColumnsNumber( images.length )
+				{ Platform.isWeb && (
+					<ToolsPanel
+						label={ __( 'Settings' ) }
+						resetAll={ () => {
+							setAttributes( {
+								columns: undefined,
+								imageCrop: true,
+								randomOrder: false,
+							} );
+
+							if ( sizeSlug !== DEFAULT_MEDIA_SIZE_SLUG ) {
+								updateImagesSize( DEFAULT_MEDIA_SIZE_SLUG );
 							}
-							onChange={ setColumnsNumber }
-							min={ 1 }
-							max={ Math.min( MAX_COLUMNS, images.length ) }
-							{ ...MOBILE_CONTROL_PROPS_RANGE_CONTROL }
-							required
-							__next40pxDefaultSize
-						/>
-					) }
-					{ imageSizeOptions?.length > 0 && (
-						<SelectControl
-							__nextHasNoMarginBottom
-							label={ __( 'Resolution' ) }
-							help={ __(
-								'Select the size of the source images.'
-							) }
-							value={ sizeSlug }
-							options={ imageSizeOptions }
-							onChange={ updateImagesSize }
-							hideCancelButton
-							size="__unstable-large"
-						/>
-					) }
-					{ Platform.isNative ? (
+
+							if ( linkTarget ) {
+								toggleOpenInNewTab( false );
+							}
+						} }
+						dropdownMenuProps={ dropdownMenuProps }
+					>
+						{ images.length > 1 && (
+							<ToolsPanelItem
+								isShownByDefault
+								label={ __( 'Columns' ) }
+								hasValue={ () =>
+									!! columns && columns !== images.length
+								}
+								onDeselect={ () =>
+									setColumnsNumber( undefined )
+								}
+							>
+								<RangeControl
+									__nextHasNoMarginBottom
+									label={ __( 'Columns' ) }
+									value={
+										columns
+											? columns
+											: defaultColumnsNumber(
+													images.length
+											  )
+									}
+									onChange={ setColumnsNumber }
+									min={ 1 }
+									max={ Math.min(
+										MAX_COLUMNS,
+										images.length
+									) }
+									required
+									__next40pxDefaultSize
+								/>
+							</ToolsPanelItem>
+						) }
+						{ imageSizeOptions?.length > 0 && (
+							<ToolsPanelItem
+								isShownByDefault
+								label={ __( 'Resolution' ) }
+								hasValue={ () =>
+									sizeSlug !== DEFAULT_MEDIA_SIZE_SLUG
+								}
+								onDeselect={ () =>
+									updateImagesSize( DEFAULT_MEDIA_SIZE_SLUG )
+								}
+							>
+								<SelectControl
+									__nextHasNoMarginBottom
+									label={ __( 'Resolution' ) }
+									help={ __(
+										'Select the size of the source images.'
+									) }
+									value={ sizeSlug }
+									options={ imageSizeOptions }
+									onChange={ updateImagesSize }
+									hideCancelButton
+									size="__unstable-large"
+								/>
+							</ToolsPanelItem>
+						) }
+						<ToolsPanelItem
+							isShownByDefault
+							label={ __( 'Crop images to fit' ) }
+							hasValue={ () => ! imageCrop }
+							onDeselect={ () =>
+								setAttributes( { imageCrop: true } )
+							}
+						>
+							<ToggleControl
+								__nextHasNoMarginBottom
+								label={ __( 'Crop images to fit' ) }
+								checked={ !! imageCrop }
+								onChange={ toggleImageCrop }
+							/>
+						</ToolsPanelItem>
+						<ToolsPanelItem
+							isShownByDefault
+							label={ __( 'Randomize order' ) }
+							hasValue={ () => !! randomOrder }
+							onDeselect={ () =>
+								setAttributes( { randomOrder: false } )
+							}
+						>
+							<ToggleControl
+								__nextHasNoMarginBottom
+								label={ __( 'Randomize order' ) }
+								checked={ !! randomOrder }
+								onChange={ toggleRandomOrder }
+							/>
+						</ToolsPanelItem>
+						{ hasLinkTo && (
+							<ToolsPanelItem
+								isShownByDefault
+								label={ __( 'Open images in new tab' ) }
+								hasValue={ () => !! linkTarget }
+								onDeselect={ () => toggleOpenInNewTab( false ) }
+							>
+								<ToggleControl
+									__nextHasNoMarginBottom
+									label={ __( 'Open images in new tab' ) }
+									checked={ linkTarget === '_blank' }
+									onChange={ toggleOpenInNewTab }
+								/>
+							</ToolsPanelItem>
+						) }
+					</ToolsPanel>
+				) }
+				{ Platform.isNative && (
+					<PanelBody title={ __( 'Settings' ) }>
+						{ images.length > 1 && (
+							<RangeControl
+								__nextHasNoMarginBottom
+								label={ __( 'Columns' ) }
+								value={
+									columns
+										? columns
+										: defaultColumnsNumber( images.length )
+								}
+								onChange={ setColumnsNumber }
+								min={ 1 }
+								max={ Math.min( MAX_COLUMNS, images.length ) }
+								{ ...MOBILE_CONTROL_PROPS_RANGE_CONTROL }
+								required
+								__next40pxDefaultSize
+							/>
+						) }
+						{ imageSizeOptions?.length > 0 && (
+							<SelectControl
+								__nextHasNoMarginBottom
+								label={ __( 'Resolution' ) }
+								help={ __(
+									'Select the size of the source images.'
+								) }
+								value={ sizeSlug }
+								options={ imageSizeOptions }
+								onChange={ updateImagesSize }
+								hideCancelButton
+								size="__unstable-large"
+							/>
+						) }
 						<SelectControl
 							__nextHasNoMarginBottom
 							label={ __( 'Link' ) }
@@ -602,42 +730,28 @@ export default function GalleryEdit( props ) {
 							hideCancelButton
 							size="__unstable-large"
 						/>
-					) : null }
-					<ToggleControl
-						__nextHasNoMarginBottom
-						label={ __( 'Crop images to fit' ) }
-						checked={ !! imageCrop }
-						onChange={ toggleImageCrop }
-					/>
-					<ToggleControl
-						__nextHasNoMarginBottom
-						label={ __( 'Randomize order' ) }
-						checked={ !! randomOrder }
-						onChange={ toggleRandomOrder }
-					/>
-					{ hasLinkTo && (
 						<ToggleControl
 							__nextHasNoMarginBottom
-							label={ __( 'Open images in new tab' ) }
-							checked={ linkTarget === '_blank' }
-							onChange={ toggleOpenInNewTab }
+							label={ __( 'Crop images to fit' ) }
+							checked={ !! imageCrop }
+							onChange={ toggleImageCrop }
 						/>
-					) }
-					{ Platform.isWeb && ! imageSizeOptions && hasImageIds && (
-						<BaseControl
-							className="gallery-image-sizes"
+						<ToggleControl
 							__nextHasNoMarginBottom
-						>
-							<BaseControl.VisualLabel>
-								{ __( 'Resolution' ) }
-							</BaseControl.VisualLabel>
-							<View className="gallery-image-sizes__loading">
-								<Spinner />
-								{ __( 'Loading options…' ) }
-							</View>
-						</BaseControl>
-					) }
-				</PanelBody>
+							label={ __( 'Randomize order' ) }
+							checked={ !! randomOrder }
+							onChange={ toggleRandomOrder }
+						/>
+						{ hasLinkTo && (
+							<ToggleControl
+								__nextHasNoMarginBottom
+								label={ __( 'Open images in new tab' ) }
+								checked={ linkTarget === '_blank' }
+								onChange={ toggleOpenInNewTab }
+							/>
+						) }
+					</PanelBody>
+				) }
 			</InspectorControls>
 			{ Platform.isWeb ? (
 				<BlockControls group="block">

package/src/gallery/editor.scss

@@ -68,23 +68,6 @@
 	}
 }
 
-.gallery-image-sizes {
-	.components-base-control__label {
-		margin-bottom: 4px;
-	}
-
-	.gallery-image-sizes__loading {
-		display: flex;
-		align-items: center;
-		color: $gray-700;
-		font-size: $helptext-font-size;
-	}
-
-	.components-spinner {
-		margin: 0 8px 0 4px;
-	}
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.

package/src/image/edit.js

@@ -249,6 +249,18 @@ export function ImageEdit( {
 
 		let mediaAttributes = pickRelevantMediaFiles( media, newSize );
 
+		// Normalize newline characters in caption to <br />
+		// to preserve line breaks in both editor and frontend.
+		if (
+			typeof mediaAttributes.caption === 'string' &&
+			mediaAttributes.caption.includes( '\n' )
+		) {
+			mediaAttributes.caption = mediaAttributes.caption.replace(
+				/\n/g,
+				'<br>'
+			);
+		}
+
 		// If a caption text was meanwhile written by the user,
 		// make sure the text is not overwritten by empty captions.
 		if ( captionRef.current && ! mediaAttributes.caption ) {

package/src/list/block.json

@@ -19,7 +19,6 @@
 			"source": "html",
 			"selector": "ol,ul",
 			"multiline": "li",
-			"__unstableMultilineWrapperTags": [ "ol", "ul" ],
 			"default": "",
 			"role": "content"
 		},

package/src/more/edit.native.js

@@ -2,7 +2,6 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { Component } from '@wordpress/element';
 import { withPreferredColorScheme } from '@wordpress/compose';
 import { HorizontalRule } from '@wordpress/components';
 
@@ -11,40 +10,27 @@ import { HorizontalRule } from '@wordpress/components';
  */
 import styles from './editor.scss';
 
-export class MoreEdit extends Component {
-	constructor() {
-		super( ...arguments );
+function MoreEdit( { attributes, getStylesFromColorScheme } ) {
+	const { customText } = attributes;
 
-		this.state = {
-			defaultText: __( 'Read more' ),
-		};
-	}
+	const textStyle = getStylesFromColorScheme(
+		styles.moreText,
+		styles.moreTextDark
+	);
+	const lineStyle = getStylesFromColorScheme(
+		styles.moreLine,
+		styles.moreLineDark
+	);
 
-	render() {
-		const { attributes, getStylesFromColorScheme } = this.props;
-		const { customText } = attributes;
-		const { defaultText } = this.state;
-
-		const content = customText || defaultText;
-		const textStyle = getStylesFromColorScheme(
-			styles.moreText,
-			styles.moreTextDark
-		);
-		const lineStyle = getStylesFromColorScheme(
-			styles.moreLine,
-			styles.moreLineDark
-		);
-
-		return (
-			<HorizontalRule
-				text={ content }
-				marginLeft={ 0 }
-				marginRight={ 0 }
-				textStyle={ textStyle }
-				lineStyle={ lineStyle }
-			/>
-		);
-	}
+	return (
+		<HorizontalRule
+			text={ customText || __( 'Read more' ) }
+			marginLeft={ 0 }
+			marginRight={ 0 }
+			textStyle={ textStyle }
+			lineStyle={ lineStyle }
+		/>
+	);
 }
 
 export default withPreferredColorScheme( MoreEdit );