@wordpress/block-library 7.13.1-next.957ca95e4c.0 → 7.14.0

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

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-video figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-video {
+  margin: 0 0 1em 0;
 }

package/build-style/video/theme.css

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-video figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-video {
+  margin: 0 0 1em 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.13.1-next.957ca95e4c.0",
+	"version": "7.14.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,39 +27,36 @@
 	"sideEffects": [
 		"build-style/**",
 		"src/**/*.scss",
-		"src/navigation-link/index.js",
-		"src/template-part/index.js",
-		"src/query/index.js",
-		"src/post-terms/index.js"
+		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/api-fetch": "^6.13.1-next.957ca95e4c.0",
-		"@wordpress/autop": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/blob": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/block-editor": "^9.8.1-next.957ca95e4c.0",
-		"@wordpress/blocks": "^11.15.1-next.957ca95e4c.0",
-		"@wordpress/components": "^20.0.2-next.957ca95e4c.0",
-		"@wordpress/compose": "^5.14.1-next.957ca95e4c.0",
-		"@wordpress/core-data": "^5.0.1-next.957ca95e4c.0",
-		"@wordpress/data": "^7.0.1-next.957ca95e4c.0",
-		"@wordpress/date": "^4.16.1-next.957ca95e4c.0",
-		"@wordpress/deprecated": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/dom": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/element": "^4.14.1-next.957ca95e4c.0",
-		"@wordpress/hooks": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/html-entities": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/i18n": "^4.16.1-next.957ca95e4c.0",
-		"@wordpress/icons": "^9.7.1-next.957ca95e4c.0",
-		"@wordpress/keycodes": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/notices": "^3.16.1-next.957ca95e4c.0",
-		"@wordpress/primitives": "^3.14.1-next.957ca95e4c.0",
-		"@wordpress/reusable-blocks": "^3.14.1-next.957ca95e4c.0",
-		"@wordpress/rich-text": "^5.14.1-next.957ca95e4c.0",
-		"@wordpress/server-side-render": "^3.14.1-next.957ca95e4c.0",
-		"@wordpress/url": "^3.17.1-next.957ca95e4c.0",
-		"@wordpress/viewport": "^4.14.1-next.957ca95e4c.0",
+		"@wordpress/a11y": "^3.17.0",
+		"@wordpress/api-fetch": "^6.14.0",
+		"@wordpress/autop": "^3.17.0",
+		"@wordpress/blob": "^3.17.0",
+		"@wordpress/block-editor": "^10.0.0",
+		"@wordpress/blocks": "^11.16.0",
+		"@wordpress/components": "^21.0.0",
+		"@wordpress/compose": "^5.15.0",
+		"@wordpress/core-data": "^5.0.0",
+		"@wordpress/data": "^7.1.0",
+		"@wordpress/date": "^4.17.0",
+		"@wordpress/deprecated": "^3.17.0",
+		"@wordpress/dom": "^3.17.0",
+		"@wordpress/element": "^4.15.0",
+		"@wordpress/hooks": "^3.17.0",
+		"@wordpress/html-entities": "^3.17.0",
+		"@wordpress/i18n": "^4.17.0",
+		"@wordpress/icons": "^9.8.0",
+		"@wordpress/keycodes": "^3.17.0",
+		"@wordpress/notices": "^3.17.0",
+		"@wordpress/primitives": "^3.15.0",
+		"@wordpress/reusable-blocks": "^3.15.0",
+		"@wordpress/rich-text": "^5.15.0",
+		"@wordpress/server-side-render": "^3.15.0",
+		"@wordpress/url": "^3.18.0",
+		"@wordpress/viewport": "^4.15.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -76,5 +73,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "272a74bbbaab10ee24424eafe9578e705fbfbbb4"
+	"gitHead": "0d732d4b184adcb28cc83087603e81b764390d4b"
 }

package/src/archives/block.json

@@ -30,6 +30,19 @@
 		"spacing": {
 			"margin": true,
 			"padding": true
+		},
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
 		}
 	},
 	"editorStyle": "wp-block-archives-editor"

package/src/archives/index.js

@@ -6,6 +6,7 @@ import { archive as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 
@@ -18,3 +19,5 @@ export const settings = {
 	example: {},
 	edit,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/archives/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/audio/block.json

@@ -12,15 +12,18 @@
 			"type": "string",
 			"source": "attribute",
 			"selector": "audio",
-			"attribute": "src"
+			"attribute": "src",
+			"__experimentalRole": "content"
 		},
 		"caption": {
 			"type": "string",
 			"source": "html",
-			"selector": "figcaption"
+			"selector": "figcaption",
+			"__experimentalRole": "content"
 		},
 		"id": {
-			"type": "number"
+			"type": "number",
+			"__experimentalRole": "content"
 		},
 		"autoplay": {
 			"type": "boolean",
@@ -44,11 +47,6 @@
 	"supports": {
 		"anchor": true,
 		"align": true,
-		"__experimentalStyle": {
-			"spacing": {
-				"margin": "0 0 1em 0"
-			}
-		},
 		"spacing": {
 			"margin": true,
 			"padding": true

package/src/audio/edit.js

@@ -13,7 +13,6 @@ import {
 	SelectControl,
 	Spinner,
 	ToggleControl,
-	withNotices,
 } from '@wordpress/components';
 import {
 	BlockControls,
@@ -28,9 +27,10 @@ import {
 } from '@wordpress/block-editor';
 import { useEffect } from '@wordpress/element';
 import { __, _x } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { audio as icon } from '@wordpress/icons';
 import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
+import { store as noticesStore } from '@wordpress/notices';
 
 /**
  * Internal dependencies
@@ -42,11 +42,9 @@ const ALLOWED_MEDIA_TYPES = [ 'audio' ];
 function AudioEdit( {
 	attributes,
 	className,
-	noticeOperations,
 	setAttributes,
 	onReplace,
 	isSelected,
-	noticeUI,
 	insertBlocksAfter,
 } ) {
 	const { id, autoplay, caption, loop, preload, src } = attributes;
@@ -93,9 +91,9 @@ function AudioEdit( {
 		}
 	}
 
+	const { createErrorNotice } = useDispatch( noticesStore );
 	function onUploadError( message ) {
-		noticeOperations.removeAllNotices();
-		noticeOperations.createErrorNotice( message );
+		createErrorNotice( message, { type: 'snackbar' } );
 	}
 
 	function getAutoplayHelp( checked ) {
@@ -134,7 +132,6 @@ function AudioEdit( {
 					accept="audio/*"
 					allowedTypes={ ALLOWED_MEDIA_TYPES }
 					value={ attributes }
-					notices={ noticeUI }
 					onError={ onUploadError }
 				/>
 			</div>
@@ -222,4 +219,5 @@ function AudioEdit( {
 		</>
 	);
 }
-export default withNotices( AudioEdit );
+
+export default AudioEdit;

package/src/audio/index.js

@@ -6,6 +6,7 @@ import { audio as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
@@ -28,3 +29,5 @@ export const settings = {
 	edit,
 	save,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/audio/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/audio/theme.scss

@@ -1,3 +1,7 @@
 .wp-block-audio figcaption {
 	@include caption-style-theme();
 }
+
+.wp-block-audio {
+	margin: 0 0 1em 0;
+}

package/src/audio/transforms.native.js

@@ -2,7 +2,7 @@
  * Internal dependencies
  */
 import webTransforms from './transforms.js';
-import transformationCategories from '../transformationCategories';
+import transformationCategories from '../utils/transformation-categories';
 
 const transforms = {
 	...webTransforms,

package/src/avatar/block.json

@@ -29,7 +29,8 @@
 		"align": true,
 		"alignWide": false,
 		"spacing": {
-			"margin": true
+			"margin": true,
+			"padding": true
 		},
 		"__experimentalBorder": {
 			"__experimentalSkipSerialization": true,

package/src/avatar/index.js

@@ -6,6 +6,7 @@ import { commentAuthorAvatar as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 
@@ -16,3 +17,5 @@ export const settings = {
 	icon,
 	edit,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/avatar/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/avatar/style.scss

@@ -1,4 +1,7 @@
 .wp-block-avatar {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
+
 	&.aligncenter {
 		text-align: center;
 	}

package/src/block/edit.js

@@ -20,7 +20,6 @@ import {
 	useInnerBlocksProps,
 	__experimentalRecursionProvider as RecursionProvider,
 	__experimentalUseHasRecursion as useHasRecursion,
-	__experimentalUseBlockOverlayActive as useBlockOverlayActive,
 	InnerBlocks,
 	BlockControls,
 	InspectorControls,
@@ -60,15 +59,9 @@ export default function ReusableBlockEdit( { attributes: { ref }, clientId } ) {
 		ref
 	);
 
-	const hasBlockOverlay = useBlockOverlayActive( clientId );
-	const blockProps = useBlockProps(
-		{
-			className: hasBlockOverlay
-				? 'block-library-block__reusable-block-container block-editor-block-content-overlay'
-				: 'block-library-block__reusable-block-container',
-		},
-		{ __unstableIsDisabled: hasBlockOverlay }
-	);
+	const blockProps = useBlockProps( {
+		className: 'block-library-block__reusable-block-container',
+	} );
 
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		value: blocks,

package/src/block/index.js

@@ -6,6 +6,7 @@ import { symbol as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 
@@ -17,3 +18,5 @@ export const settings = {
 	edit,
 	icon,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/block/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

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

@@ -70,6 +70,10 @@ describe( 'Reusable block', () => {
 				response = [ reusableBlockMock1, reusableBlockMock2 ];
 			} else if ( path.startsWith( '/wp/v2/blocks/1' ) ) {
 				response = reusableBlockMock1;
+			} else if (
+				path.startsWith( '/wp/v2/block-patterns/categories' )
+			) {
+				response = [];
 			}
 			return Promise.resolve( response );
 		} );

package/src/button/block.json

@@ -68,8 +68,13 @@
 		},
 		"typography": {
 			"fontSize": true,
+			"lineHeight": true,
 			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
 			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
+			"__experimentalLetterSpacing": true,
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}

package/src/button/edit.js

@@ -221,7 +221,7 @@ function ButtonEdit( props ) {
 					anchorRef={ ref?.current }
 					focusOnMount={ isEditingURL ? 'firstElement' : false }
 					__unstableSlotName={ '__unstable-block-tools-after' }
-					__unstableShift
+					shift
 				>
 					<LinkControl
 						className="wp-block-navigation-link__inline-link-input"

package/src/button/editor.scss

@@ -75,3 +75,7 @@
 div[data-type="core/button"] {
 	display: table;
 }
+
+.editor-styles-wrapper .wp-block-button[style*="text-decoration"] .wp-block-button__link {
+	text-decoration: inherit;
+}

package/src/button/index.js

@@ -7,6 +7,7 @@ import { button as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
@@ -32,3 +33,5 @@ export const settings = {
 		text: ( a.text || '' ) + text,
 	} ),
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/button/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/button/style.scss

@@ -34,6 +34,10 @@ $blocks-block__margin: 0.5em;
 	padding: calc(0.667em + 2px) calc(1.333em + 2px);
 }
 
+.wp-block-button[style*="text-decoration"] .wp-block-button__link {
+	text-decoration: inherit;
+}
+
 // Increased specificity needed to override margins.
 .wp-block-buttons > .wp-block-button {
 	&.has-custom-width {

package/src/buttons/block.json

@@ -18,6 +18,19 @@
 				"blockGap": true
 			}
 		},
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
+		},
 		"__experimentalLayout": {
 			"allowSwitching": false,
 			"allowInheriting": false,

package/src/buttons/edit.js

@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
@@ -30,8 +35,13 @@ const DEFAULT_BLOCK = {
 	],
 };
 
-function ButtonsEdit( { attributes: { layout = {} } } ) {
-	const blockProps = useBlockProps();
+function ButtonsEdit( { attributes, className } ) {
+	const { fontSize, layout = {}, style } = attributes;
+	const blockProps = useBlockProps( {
+		className: classnames( className, {
+			'has-custom-font-size': fontSize || style?.typography?.fontSize,
+		} ),
+	} );
 	const preferredStyle = useSelect( ( select ) => {
 		const preferredStyleVariations =
 			select( blockEditorStore ).getSettings()

package/src/buttons/editor.scss

@@ -54,6 +54,12 @@ $blocks-block__margin: 0.5em;
 			margin-bottom: 0;
 		}
 	}
+
+	.editor-styles-wrapper &.has-custom-font-size {
+		.wp-block-button__link {
+			font-size: inherit;
+		}
+	}
 }
 
 .wp-block[data-align="center"] > .wp-block-buttons {

package/src/buttons/index.js

@@ -7,6 +7,7 @@ import { buttons as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import transforms from './transforms';
 import edit from './edit';
@@ -36,3 +37,5 @@ export const settings = {
 	edit,
 	save,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/buttons/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/buttons/save.js

@@ -1,9 +1,20 @@
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
 import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
 
-export default function save() {
-	const innerBlocksProps = useInnerBlocksProps.save( useBlockProps.save() );
+export default function save( { attributes, className } ) {
+	const { fontSize, style } = attributes;
+	const blockProps = useBlockProps.save( {
+		className: classnames( className, {
+			'has-custom-font-size': fontSize || style?.typography?.fontSize,
+		} ),
+	} );
+	const innerBlocksProps = useInnerBlocksProps.save( blockProps );
 	return <div { ...innerBlocksProps } />;
 }

package/src/buttons/style.scss

@@ -69,6 +69,19 @@ $blocks-block__margin: 0.5em;
 		margin-right: auto;
 		width: 100%;
 	}
+
+	&[style*="text-decoration"] {
+		.wp-block-button,
+		.wp-block-button__link {
+			text-decoration: inherit;
+		}
+	}
+
+	&.has-custom-font-size {
+		.wp-block-button__link {
+			font-size: inherit;
+		}
+	}
 }
 
 // Legacy buttons that did not come in a wrapping container.

package/src/buttons/transforms.native.js

@@ -2,7 +2,7 @@
  * Internal dependencies
  */
 import webTransforms from './transforms.js';
-import transformationCategories from '../transformationCategories';
+import transformationCategories from '../utils/transformation-categories';
 
 const transforms = {
 	...webTransforms,

package/src/calendar/block.json

@@ -16,7 +16,19 @@
 		}
 	},
 	"supports": {
-		"align": true
+		"align": true,
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalTextTransform": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
+		}
 	},
 	"style": "wp-block-calendar"
 }

package/src/calendar/index.js

@@ -6,6 +6,7 @@ import { calendar as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 import transforms from './transforms';
@@ -20,3 +21,5 @@ export const settings = {
 	edit,
 	transforms,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/calendar/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/categories/block.json

@@ -31,6 +31,10 @@
 	"supports": {
 		"align": true,
 		"html": false,
+		"spacing": {
+			"margin": true,
+			"padding": true
+		},
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,