@wordpress/block-library 9.36.1-next.738bb1424.0 → 9.36.2-next.8fd3f8831.0

package/build-style/post-template/style-rtl.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-post-template {
   margin-top: 0;
   margin-bottom: 0;

package/build-style/post-template/style.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-post-template {
   margin-top: 0;
   margin-bottom: 0;

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
   column-count: 2;
   column-gap: 24px;

package/build-style/query/editor.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
   column-count: 2;
   column-gap: 24px;

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 ul.wp-block-rss.alignleft {
   margin-right: 2em;
 }

package/build-style/rss/style.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 ul.wp-block-rss.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .blocks-shortcode__textarea {
   box-sizing: border-box;
   max-height: 250px;

package/build-style/shortcode/editor.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .blocks-shortcode__textarea {
   box-sizing: border-box;
   max-height: 250px;

package/build-style/style-rtl.css

@@ -167,6 +167,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-audio {
   box-sizing: border-box;
 }

package/build-style/style.css

@@ -167,6 +167,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-audio {
   box-sizing: border-box;
 }

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
   height: auto;
 }

package/build-style/table/editor.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
   height: auto;
 }

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-table {
   margin: 0 0 1em 0;
 }

package/build-style/table/theme.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-table {
   margin: 0 0 1em 0;
 }

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .block-editor-template-part__selection-modal {
   z-index: 1000001;
 }

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .block-editor-template-part__selection-modal {
   z-index: 1000001;
 }

package/build-style/theme-rtl.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-audio :where(figcaption) {
   color: #555;
   font-size: 13px;

package/build-style/theme.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-audio :where(figcaption) {
   color: #555;
   font-size: 13px;

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-video {
   box-sizing: border-box;
 }

package/build-style/video/style.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-video {
   box-sizing: border-box;
 }

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

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-video :where(figcaption) {
   color: #555;
   font-size: 13px;

package/build-style/video/theme.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .wp-block-video :where(figcaption) {
   color: #555;
   font-size: 13px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.36.1-next.738bb1424.0",
+	"version": "9.36.2-next.8fd3f8831.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -94,41 +94,41 @@
 		"build-module/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.36.1-next.738bb1424.0",
-		"@wordpress/api-fetch": "^7.36.1-next.738bb1424.0",
-		"@wordpress/autop": "^4.36.1-next.738bb1424.0",
-		"@wordpress/base-styles": "^6.12.1-next.738bb1424.0",
-		"@wordpress/blob": "^4.36.1-next.738bb1424.0",
-		"@wordpress/block-editor": "^15.9.1-next.738bb1424.0",
-		"@wordpress/blocks": "^15.9.1-next.738bb1424.0",
-		"@wordpress/components": "^31.0.1-next.738bb1424.0",
-		"@wordpress/compose": "^7.36.1-next.738bb1424.0",
-		"@wordpress/core-data": "^7.36.1-next.738bb1424.0",
-		"@wordpress/data": "^10.36.1-next.738bb1424.0",
-		"@wordpress/date": "^5.36.1-next.738bb1424.0",
-		"@wordpress/deprecated": "^4.36.1-next.738bb1424.0",
-		"@wordpress/dom": "^4.36.1-next.738bb1424.0",
-		"@wordpress/element": "^6.36.1-next.738bb1424.0",
-		"@wordpress/escape-html": "^3.36.1-next.738bb1424.0",
-		"@wordpress/hooks": "^4.36.1-next.738bb1424.0",
-		"@wordpress/html-entities": "^4.36.1-next.738bb1424.0",
-		"@wordpress/i18n": "^6.9.1-next.738bb1424.0",
-		"@wordpress/icons": "^11.3.1-next.738bb1424.0",
-		"@wordpress/interactivity": "^6.36.1-next.738bb1424.0",
-		"@wordpress/interactivity-router": "^2.36.1-next.738bb1424.0",
-		"@wordpress/keyboard-shortcuts": "^5.36.1-next.738bb1424.0",
-		"@wordpress/keycodes": "^4.36.1-next.738bb1424.0",
-		"@wordpress/latex-to-mathml": "^1.4.1-next.738bb1424.0",
-		"@wordpress/notices": "^5.36.1-next.738bb1424.0",
-		"@wordpress/patterns": "^2.36.1-next.738bb1424.0",
-		"@wordpress/primitives": "^4.36.1-next.738bb1424.0",
-		"@wordpress/private-apis": "^1.36.1-next.738bb1424.0",
-		"@wordpress/reusable-blocks": "^5.36.1-next.738bb1424.0",
-		"@wordpress/rich-text": "^7.36.1-next.738bb1424.0",
-		"@wordpress/server-side-render": "^6.12.1-next.738bb1424.0",
-		"@wordpress/url": "^4.36.1-next.738bb1424.0",
-		"@wordpress/viewport": "^6.36.1-next.738bb1424.0",
-		"@wordpress/wordcount": "^4.36.1-next.738bb1424.0",
+		"@wordpress/a11y": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/api-fetch": "^7.36.1-next.8fd3f8831.0",
+		"@wordpress/autop": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/base-styles": "^6.12.1-next.8fd3f8831.0",
+		"@wordpress/blob": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/block-editor": "^15.9.1-next.8fd3f8831.0",
+		"@wordpress/blocks": "^15.9.1-next.8fd3f8831.0",
+		"@wordpress/components": "^31.0.1-next.8fd3f8831.0",
+		"@wordpress/compose": "^7.36.1-next.8fd3f8831.0",
+		"@wordpress/core-data": "^7.36.1-next.8fd3f8831.0",
+		"@wordpress/data": "^10.36.1-next.8fd3f8831.0",
+		"@wordpress/date": "^5.36.1-next.8fd3f8831.0",
+		"@wordpress/deprecated": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/dom": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/element": "^6.36.1-next.8fd3f8831.0",
+		"@wordpress/escape-html": "^3.36.1-next.8fd3f8831.0",
+		"@wordpress/hooks": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/html-entities": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/i18n": "^6.9.1-next.8fd3f8831.0",
+		"@wordpress/icons": "^11.3.1-next.8fd3f8831.0",
+		"@wordpress/interactivity": "^6.36.1-next.8fd3f8831.0",
+		"@wordpress/interactivity-router": "^2.36.1-next.8fd3f8831.0",
+		"@wordpress/keyboard-shortcuts": "^5.36.1-next.8fd3f8831.0",
+		"@wordpress/keycodes": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/latex-to-mathml": "^1.4.1-next.8fd3f8831.0",
+		"@wordpress/notices": "^5.36.1-next.8fd3f8831.0",
+		"@wordpress/patterns": "^2.36.1-next.8fd3f8831.0",
+		"@wordpress/primitives": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/private-apis": "^1.36.1-next.8fd3f8831.0",
+		"@wordpress/reusable-blocks": "^5.36.1-next.8fd3f8831.0",
+		"@wordpress/rich-text": "^7.36.1-next.8fd3f8831.0",
+		"@wordpress/server-side-render": "^6.12.1-next.8fd3f8831.0",
+		"@wordpress/url": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/viewport": "^6.36.1-next.8fd3f8831.0",
+		"@wordpress/wordcount": "^4.36.1-next.8fd3f8831.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -146,5 +146,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ab1b004c0d61c295aa34bc86ea07f979343983ce"
+	"gitHead": "e582b351bc4c4b8734bb087f63a3beec9875c3c7"
 }

package/src/accordion-heading/deprecated.js

@@ -5,6 +5,7 @@ import {
 	useBlockProps,
 	__experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,
 	RichText,
+	getTypographyClassesAndStyles,
 } from '@wordpress/block-editor';
 
 const v1 = {
@@ -116,4 +117,124 @@ const v1 = {
 	},
 };
 
-export default [ v1 ];
+const v2 = {
+	attributes: {
+		openByDefault: {
+			type: 'boolean',
+			default: false,
+		},
+		title: {
+			type: 'rich-text',
+			source: 'rich-text',
+			selector: '.wp-block-accordion-heading__toggle-title',
+			role: 'content',
+		},
+		level: {
+			type: 'number',
+		},
+		iconPosition: {
+			type: 'string',
+			enum: [ 'left', 'right' ],
+			default: 'right',
+		},
+		showIcon: {
+			type: 'boolean',
+			default: true,
+		},
+	},
+	supports: {
+		anchor: true,
+		color: {
+			background: true,
+			gradients: true,
+		},
+		align: false,
+		interactivity: true,
+		spacing: {
+			padding: true,
+			__experimentalDefaultControls: {
+				padding: true,
+			},
+			__experimentalSkipSerialization: true,
+			__experimentalSelector: '.wp-block-accordion-heading__toggle',
+		},
+		__experimentalBorder: {
+			color: true,
+			radius: true,
+			style: true,
+			width: true,
+			__experimentalDefaultControls: {
+				color: true,
+				radius: true,
+				style: true,
+				width: true,
+			},
+		},
+		typography: {
+			__experimentalSkipSerialization: [
+				'textDecoration',
+				'letterSpacing',
+			],
+			fontSize: true,
+			__experimentalFontFamily: true,
+			__experimentalFontWeight: true,
+			__experimentalFontStyle: true,
+			__experimentalTextTransform: true,
+			__experimentalTextDecoration: true,
+			__experimentalLetterSpacing: true,
+			__experimentalDefaultControls: {
+				fontSize: true,
+				fontFamily: true,
+			},
+		},
+		shadow: true,
+		visibility: false,
+		lock: false,
+	},
+	save( { attributes } ) {
+		const { level, title, iconPosition, showIcon } = attributes;
+		const TagName = 'h' + ( level || 3 );
+		const typographyProps = getTypographyClassesAndStyles( attributes );
+
+		const blockProps = useBlockProps.save();
+		const spacingProps = getSpacingClassesAndStyles( attributes );
+
+		return (
+			<TagName { ...blockProps }>
+				<button
+					className="wp-block-accordion-heading__toggle"
+					style={ spacingProps.style }
+				>
+					{ showIcon && iconPosition === 'left' && (
+						<span
+							className="wp-block-accordion-heading__toggle-icon"
+							aria-hidden="true"
+						>
+							+
+						</span>
+					) }
+					<RichText.Content
+						className="wp-block-accordion-heading__toggle-title"
+						tagName="span"
+						value={ title }
+						style={ {
+							letterSpacing: typographyProps.style.letterSpacing,
+							textDecoration:
+								typographyProps.style.textDecoration,
+						} }
+					/>
+					{ showIcon && iconPosition === 'right' && (
+						<span
+							className="wp-block-accordion-heading__toggle-icon"
+							aria-hidden="true"
+						>
+							+
+						</span>
+					) }
+				</button>
+			</TagName>
+		);
+	},
+};
+
+export default [ v1, v2 ];

package/src/accordion-heading/edit.js

@@ -9,7 +9,9 @@ import {
 	RichText,
 	getTypographyClassesAndStyles as useTypographyProps,
 	useSettings,
+	store as blockEditorStore,
 } from '@wordpress/block-editor';
+import { useDispatch } from '@wordpress/data';
 
 export default function Edit( { attributes, setAttributes, context } ) {
 	const { title } = attributes;
@@ -19,16 +21,24 @@ export default function Edit( { attributes, setAttributes, context } ) {
 		'core/accordion-heading-level': headingLevel,
 	} = context;
 	const TagName = 'h' + headingLevel;
+	const { __unstableMarkNextChangeAsNotPersistent } =
+		useDispatch( blockEditorStore );
 
 	// Set icon attributes.
 	useEffect( () => {
 		if ( iconPosition !== undefined && showIcon !== undefined ) {
+			__unstableMarkNextChangeAsNotPersistent();
 			setAttributes( {
 				iconPosition,
 				showIcon,
 			} );
 		}
-	}, [ iconPosition, showIcon, setAttributes ] );
+	}, [
+		iconPosition,
+		showIcon,
+		setAttributes,
+		__unstableMarkNextChangeAsNotPersistent,
+	] );
 
 	const [ fluidTypographySettings, layout ] = useSettings(
 		'typography.fluid',

package/src/accordion-heading/save.js

@@ -19,6 +19,7 @@ export default function save( { attributes } ) {
 	return (
 		<TagName { ...blockProps }>
 			<button
+				type="button"
 				className="wp-block-accordion-heading__toggle"
 				style={ spacingProps.style }
 			>

package/src/accordion-item/block.json

@@ -55,6 +55,9 @@
 			"default": false
 		}
 	},
+	"providesContext": {
+		"core/accordion-open-by-default": "openByDefault"
+	},
 	"textdomain": "default",
 	"style": "wp-block-accordion-item"
 }

package/src/accordion-item/edit.js

@@ -25,12 +25,9 @@ import clsx from 'clsx';
  */
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
-export default function Edit( {
-	attributes,
-	clientId,
-	setAttributes,
-	context,
-} ) {
+const TEMPLATE = [ [ 'core/accordion-heading' ], [ 'core/accordion-panel' ] ];
+
+export default function Edit( { attributes, clientId, setAttributes } ) {
 	const { openByDefault } = attributes;
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
 
@@ -75,21 +72,8 @@ export default function Edit( {
 		} ),
 	} );
 
-	// Get heading level from context.
-	const headingLevel = context && context[ 'core/accordion-heading-level' ];
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
-		template: [
-			[
-				'core/accordion-heading',
-				headingLevel ? { level: headingLevel } : {},
-			],
-			[
-				'core/accordion-panel',
-				{
-					openByDefault,
-				},
-			],
-		],
+		template: TEMPLATE,
 		templateLock: 'all',
 		directInsert: true,
 		templateInsertUpdatesSelection: true,
@@ -102,11 +86,6 @@ export default function Edit( {
 					label={ __( 'Settings' ) }
 					resetAll={ () => {
 						setAttributes( { openByDefault: false } );
-						if ( contentBlockClientId ) {
-							updateBlockAttributes( contentBlockClientId, {
-								openByDefault: false,
-							} );
-						}
 					} }
 					dropdownMenuProps={ dropdownMenuProps }
 				>
@@ -116,11 +95,6 @@ export default function Edit( {
 						hasValue={ () => !! openByDefault }
 						onDeselect={ () => {
 							setAttributes( { openByDefault: false } );
-							if ( contentBlockClientId ) {
-								updateBlockAttributes( contentBlockClientId, {
-									openByDefault: false,
-								} );
-							}
 						} }
 					>
 						<ToggleControl
@@ -129,14 +103,6 @@ export default function Edit( {
 								setAttributes( {
 									openByDefault: value,
 								} );
-								if ( contentBlockClientId ) {
-									updateBlockAttributes(
-										contentBlockClientId,
-										{
-											openByDefault: value,
-										}
-									);
-								}
 							} }
 							checked={ openByDefault }
 							help={ __(

package/src/accordion-panel/block.json

@@ -6,6 +6,7 @@
 	"category": "design",
 	"description": "Contains the hidden or revealed content beneath the heading.",
 	"parent": [ "core/accordion-item" ],
+	"usesContext": [ "core/accordion-open-by-default" ],
 	"supports": {
 		"html": false,
 		"color": {
@@ -61,10 +62,6 @@
 			"enum": [ "all", "insert", "contentOnly", false ],
 			"default": false
 		},
-		"openByDefault": {
-			"type": "boolean",
-			"default": false
-		},
 		"isSelected": {
 			"type": "boolean",
 			"default": false

package/src/accordion-panel/edit.js

@@ -3,10 +3,9 @@
  */
 import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
 
-export default function Edit( { attributes } ) {
-	const { allowedBlocks, templateLock, openByDefault, isSelected } =
-		attributes;
-
+export default function Edit( { attributes, context } ) {
+	const { allowedBlocks, templateLock, isSelected } = attributes;
+	const openByDefault = context[ 'core/accordion-open-by-default' ];
 	const blockProps = useBlockProps( {
 		'aria-hidden': ! isSelected && ! openByDefault,
 		role: 'region',