@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

package/build-style/template-part/editor-rtl.css

@@ -128,13 +128,6 @@
   font-weight: 500;
 }
 
-.block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
-  border: 1px dotted var(--wp-admin-theme-color);
-}
-.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted::after {
-  border: none;
-}
-
 .wp-block-template-part__placeholder-create-new__title-form .wp-block-template-part__placeholder-create-new__title-form-actions {
   padding-top: 12px;
   display: flex;

package/build-style/template-part/editor.css

@@ -128,13 +128,6 @@
   font-weight: 500;
 }
 
-.block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
-  border: 1px dotted var(--wp-admin-theme-color);
-}
-.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted::after {
-  border: none;
-}
-
 .wp-block-template-part__placeholder-create-new__title-form .wp-block-template-part__placeholder-create-new__title-form-actions {
   padding-top: 12px;
   display: flex;

package/build-style/theme-rtl.css

@@ -74,10 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-#start-resizable-editor-section {
-  display: none;
-}
-
 .wp-block-audio figcaption {
   color: #555;
   font-size: 13px;
@@ -158,7 +154,7 @@
   border: none;
   padding-right: 0;
 }
-.wp-block-quote.is-style-large, .wp-block-quote.is-large {
+.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   border: none;
 }
 
@@ -166,10 +162,8 @@
   font-weight: bold;
 }
 
-.wp-block-group.has-background {
+.wp-block-group:where(.has-background) {
   padding: 1.25em 2.375em;
-  margin-top: 0;
-  margin-bottom: 0;
 }
 
 .wp-block-separator {
@@ -224,8 +218,4 @@
   padding: 1.25em 2.375em;
   margin-top: 0;
   margin-bottom: 0;
-}
-
-#end-resizable-editor-section {
-  display: none;
 }

package/build-style/theme.css

@@ -74,10 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-#start-resizable-editor-section {
-  display: none;
-}
-
 .wp-block-audio figcaption {
   color: #555;
   font-size: 13px;
@@ -158,7 +154,7 @@
   border: none;
   padding-left: 0;
 }
-.wp-block-quote.is-style-large, .wp-block-quote.is-large {
+.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   border: none;
 }
 
@@ -166,10 +162,8 @@
   font-weight: bold;
 }
 
-.wp-block-group.has-background {
+.wp-block-group:where(.has-background) {
   padding: 1.25em 2.375em;
-  margin-top: 0;
-  margin-bottom: 0;
 }
 
 .wp-block-separator {
@@ -224,8 +218,4 @@
   padding: 1.25em 2.375em;
   margin-top: 0;
   margin-bottom: 0;
-}
-
-#end-resizable-editor-section {
-  display: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "6.0.1-next.253d9b6e21.0",
+	"version": "6.0.3",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -33,45 +33,45 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.13.10",
-		"@wordpress/a11y": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/api-fetch": "^5.2.2-next.253d9b6e21.0",
-		"@wordpress/autop": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/blob": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/block-editor": "^7.0.1-next.253d9b6e21.0",
-		"@wordpress/blocks": "^11.0.1-next.253d9b6e21.0",
-		"@wordpress/components": "^16.0.1-next.253d9b6e21.0",
-		"@wordpress/compose": "^5.0.1-next.253d9b6e21.0",
-		"@wordpress/core-data": "^4.0.1-next.253d9b6e21.0",
-		"@wordpress/data": "^6.0.1-next.253d9b6e21.0",
-		"@wordpress/date": "^4.2.2-next.253d9b6e21.0",
-		"@wordpress/deprecated": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/dom": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/element": "^4.0.1-next.253d9b6e21.0",
-		"@wordpress/escape-html": "^2.2.2-next.253d9b6e21.0",
-		"@wordpress/hooks": "^3.2.1-next.253d9b6e21.0",
-		"@wordpress/html-entities": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/i18n": "^4.2.2-next.253d9b6e21.0",
-		"@wordpress/icons": "^5.0.1-next.253d9b6e21.0",
-		"@wordpress/is-shallow-equal": "^4.2.1-next.253d9b6e21.0",
-		"@wordpress/keycodes": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/notices": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/primitives": "^3.0.1-next.253d9b6e21.0",
-		"@wordpress/reusable-blocks": "^3.0.1-next.253d9b6e21.0",
-		"@wordpress/rich-text": "^5.0.1-next.253d9b6e21.0",
-		"@wordpress/server-side-render": "^3.0.1-next.253d9b6e21.0",
-		"@wordpress/url": "^3.2.2-next.253d9b6e21.0",
-		"@wordpress/viewport": "^4.0.1-next.253d9b6e21.0",
+		"@wordpress/a11y": "^3.2.3",
+		"@wordpress/api-fetch": "^5.2.5",
+		"@wordpress/autop": "^3.2.2",
+		"@wordpress/blob": "^3.2.1",
+		"@wordpress/block-editor": "^8.0.0",
+		"@wordpress/blocks": "^11.1.3",
+		"@wordpress/components": "^19.0.1",
+		"@wordpress/compose": "^5.0.5",
+		"@wordpress/core-data": "^4.0.5",
+		"@wordpress/data": "^6.1.3",
+		"@wordpress/date": "^4.2.2",
+		"@wordpress/deprecated": "^3.2.2",
+		"@wordpress/dom": "^3.2.6",
+		"@wordpress/element": "^4.0.3",
+		"@wordpress/escape-html": "^2.2.2",
+		"@wordpress/hooks": "^3.2.1",
+		"@wordpress/html-entities": "^3.2.2",
+		"@wordpress/i18n": "^4.2.3",
+		"@wordpress/icons": "^6.1.0",
+		"@wordpress/interface": "^4.1.3",
+		"@wordpress/is-shallow-equal": "^4.2.0",
+		"@wordpress/keycodes": "^3.2.3",
+		"@wordpress/notices": "^3.2.6",
+		"@wordpress/primitives": "^3.0.3",
+		"@wordpress/reusable-blocks": "^3.0.5",
+		"@wordpress/rich-text": "^5.0.5",
+		"@wordpress/server-side-render": "^3.0.5",
+		"@wordpress/url": "^3.3.0",
+		"@wordpress/viewport": "^4.0.5",
 		"classnames": "^2.3.1",
+		"colord": "^2.7.0",
 		"fast-average-color": "4.3.0",
 		"lodash": "^4.17.21",
 		"memize": "^1.1.0",
 		"micromodal": "^0.4.6",
-		"moment": "^2.22.1",
-		"react-easy-crop": "^3.0.0",
-		"tinycolor2": "^1.4.2"
+		"moment": "^2.22.1"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c4b9acee18dfcc1767c35631f90725c7d604c5e9"
+	"gitHead": "393c2b5533837fd637e998d23f0124c081a10df0"
 }

package/src/audio/edit.js

@@ -20,7 +20,7 @@ import {
 	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { useEffect } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
+import { __, _x } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { audio as icon } from '@wordpress/icons';
 import { createBlock } from '@wordpress/blocks';
@@ -157,7 +157,7 @@ function AudioEdit( {
 						checked={ loop }
 					/>
 					<SelectControl
-						label={ __( 'Preload' ) }
+						label={ _x( 'Preload', 'noun; Audio block parameter' ) }
 						value={ preload || '' }
 						// `undefined` is required for the preload attribute to be unset.
 						onChange={ ( value ) =>
@@ -169,7 +169,10 @@ function AudioEdit( {
 							{ value: '', label: __( 'Browser default' ) },
 							{ value: 'auto', label: __( 'Auto' ) },
 							{ value: 'metadata', label: __( 'Metadata' ) },
-							{ value: 'none', label: __( 'None' ) },
+							{
+								value: 'none',
+								label: _x( 'None', '"Preload" value' ),
+							},
 						] }
 					/>
 				</PanelBody>

package/src/audio/edit.native.js

@@ -26,7 +26,7 @@ import {
 	MediaUploadProgress,
 	store as blockEditorStore,
 } from '@wordpress/block-editor';
-import { __, sprintf } from '@wordpress/i18n';
+import { __, _x, sprintf } from '@wordpress/i18n';
 import { audio as icon, replace } from '@wordpress/icons';
 import { useState } from '@wordpress/element';
 import { useDispatch, useSelect } from '@wordpress/data';
@@ -197,7 +197,10 @@ function AudioEdit( {
 							checked={ loop }
 						/>
 						<SelectControl
-							label={ __( 'Preload' ) }
+							label={ _x(
+								'Preload',
+								'noun; Audio block parameter'
+							) }
 							value={ preload || '' }
 							// `undefined` is required for the preload attribute to be unset.
 							onChange={ ( value ) =>
@@ -209,7 +212,10 @@ function AudioEdit( {
 								{ value: '', label: __( 'Browser default' ) },
 								{ value: 'auto', label: __( 'Auto' ) },
 								{ value: 'metadata', label: __( 'Metadata' ) },
-								{ value: 'none', label: __( 'None' ) },
+								{
+									value: 'none',
+									label: _x( 'None', '"Preload" value' ),
+								},
 							] }
 							hideCancelButton={ true }
 						/>

package/src/audio/test/edit.native.js

@@ -14,6 +14,10 @@ import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
  */
 import { metadata, settings, name } from '../index';
 
+// react-native-aztec shouldn't be mocked because these tests are based on
+// snapshot testing where we want to keep the original component.
+jest.unmock( '@wordpress/react-native-aztec' );
+
 const AudioEdit = ( { clientId, ...props } ) => (
 	<BlockEdit name={ name } clientId={ clientId || 0 } { ...props } />
 );

package/src/block/edit.js

@@ -17,7 +17,7 @@ import {
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import {
-	__experimentalUseInnerBlocksProps as useInnerBlocksProps,
+	useInnerBlocksProps,
 	__experimentalUseNoRecursiveRenders as useNoRecursiveRenders,
 	__experimentalBlockContentOverlay as BlockContentOverlay,
 	InnerBlocks,

package/src/button/block.json

@@ -63,12 +63,18 @@
 		},
 		"typography": {
 			"fontSize": true,
-			"__experimentalFontFamily": true
+			"__experimentalFontFamily": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
 		},
 		"reusable": false,
 		"spacing": {
 			"__experimentalSkipSerialization": true,
-			"padding": true
+			"padding": [ "horizontal", "vertical" ],
+			"__experimentalDefaultControls": {
+				"padding": true
+			}
 		},
 		"__experimentalBorder": {
 			"radius": true,

package/src/button/deprecated.js

@@ -12,10 +12,17 @@ import {
 	getColorClassName,
 	useBlockProps,
 	__experimentalGetGradientClass,
+	__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,
 	__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,
+	__experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,
 } from '@wordpress/block-editor';
 import { compose } from '@wordpress/compose';
 
+/**
+ * Internal dependencies
+ */
+import migrateFontFamily from '../utils/migrate-font-family';
+
 const migrateBorderRadius = ( attributes ) => {
 	const { borderRadius, ...newAttributes } = attributes;
 	// We have to check old property `borderRadius` and if
@@ -112,7 +119,146 @@ const blockAttributes = {
 	},
 };
 
+const v10 = {
+	attributes: {
+		url: {
+			type: 'string',
+			source: 'attribute',
+			selector: 'a',
+			attribute: 'href',
+		},
+		title: {
+			type: 'string',
+			source: 'attribute',
+			selector: 'a',
+			attribute: 'title',
+		},
+		text: {
+			type: 'string',
+			source: 'html',
+			selector: 'a',
+		},
+		linkTarget: {
+			type: 'string',
+			source: 'attribute',
+			selector: 'a',
+			attribute: 'target',
+		},
+		rel: {
+			type: 'string',
+			source: 'attribute',
+			selector: 'a',
+			attribute: 'rel',
+		},
+		placeholder: {
+			type: 'string',
+		},
+		backgroundColor: {
+			type: 'string',
+		},
+		textColor: {
+			type: 'string',
+		},
+		gradient: {
+			type: 'string',
+		},
+		width: {
+			type: 'number',
+		},
+	},
+	supports: {
+		anchor: true,
+		align: true,
+		alignWide: false,
+		color: {
+			__experimentalSkipSerialization: true,
+			gradients: true,
+		},
+		typography: {
+			fontSize: true,
+			__experimentalFontFamily: true,
+		},
+		reusable: false,
+		spacing: {
+			__experimentalSkipSerialization: true,
+			padding: [ 'horizontal', 'vertical' ],
+			__experimentalDefaultControls: {
+				padding: true,
+			},
+		},
+		__experimentalBorder: {
+			radius: true,
+			__experimentalSkipSerialization: true,
+		},
+		__experimentalSelector: '.wp-block-button__link',
+	},
+	save( { attributes, className } ) {
+		const {
+			fontSize,
+			linkTarget,
+			rel,
+			style,
+			text,
+			title,
+			url,
+			width,
+		} = attributes;
+
+		if ( ! text ) {
+			return null;
+		}
+
+		const borderProps = getBorderClassesAndStyles( attributes );
+		const colorProps = getColorClassesAndStyles( attributes );
+		const spacingProps = getSpacingClassesAndStyles( attributes );
+		const buttonClasses = classnames(
+			'wp-block-button__link',
+			colorProps.className,
+			borderProps.className,
+			{
+				// For backwards compatibility add style that isn't provided via
+				// block support.
+				'no-border-radius': style?.border?.radius === 0,
+			}
+		);
+		const buttonStyle = {
+			...borderProps.style,
+			...colorProps.style,
+			...spacingProps.style,
+		};
+
+		// The use of a `title` attribute here is soft-deprecated, but still applied
+		// if it had already been assigned, for the sake of backward-compatibility.
+		// A title will no longer be assigned for new or updated button block links.
+
+		const wrapperClasses = classnames( className, {
+			[ `has-custom-width wp-block-button__width-${ width }` ]: width,
+			[ `has-custom-font-size` ]: fontSize || style?.typography?.fontSize,
+		} );
+
+		return (
+			<div { ...useBlockProps.save( { className: wrapperClasses } ) }>
+				<RichText.Content
+					tagName="a"
+					className={ buttonClasses }
+					href={ url }
+					title={ title }
+					style={ buttonStyle }
+					value={ text }
+					target={ linkTarget }
+					rel={ rel }
+				/>
+			</div>
+		);
+	},
+	migrate: migrateFontFamily,
+	isEligible( { style } ) {
+		return style?.typography?.fontFamily;
+	},
+};
+
 const deprecated = [
+	v10,
 	{
 		supports: {
 			anchor: true,
@@ -217,7 +363,7 @@ const deprecated = [
 				</div>
 			);
 		},
-		migrate: migrateBorderRadius,
+		migrate: compose( migrateFontFamily, migrateBorderRadius ),
 	},
 	{
 		supports: {
@@ -312,7 +458,7 @@ const deprecated = [
 				</div>
 			);
 		},
-		migrate: migrateBorderRadius,
+		migrate: compose( migrateFontFamily, migrateBorderRadius ),
 	},
 	{
 		supports: {
@@ -407,7 +553,7 @@ const deprecated = [
 				</div>
 			);
 		},
-		migrate: migrateBorderRadius,
+		migrate: compose( migrateFontFamily, migrateBorderRadius ),
 	},
 	{
 		supports: {
@@ -523,7 +669,6 @@ const deprecated = [
 				type: 'string',
 			},
 		},
-
 		isEligible: ( attributes ) =>
 			!! attributes.customTextColor ||
 			!! attributes.customBackgroundColor ||