@wordpress/block-library 9.33.8 → 9.33.10

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-heading/style.scss

@@ -1,17 +1,3 @@
-// In many classic themes, selectors like `.entry-content h1` are used,
-// potentially applying relatively high specificity (such as `0-1-1`) to
-// heading elements. To properly override those styles, use a selector
-// with a specificity of `0-2-0`.
-.wp-block-accordion-heading.wp-block-accordion-heading {
-	// Some themes may have an explicit width. Since it's unpredictable
-	// what CSS specificity should be used to override them, ensure 100%
-	// width using min-width instead.
-	min-width: 100%;
-	// Some classic themes apply default margins to heading elements,
-	// so those styles need to be reset.
-	margin: 0;
-}
-
 .wp-block-accordion-heading__toggle {
 	font-family: inherit;
 	font-size: inherit;
@@ -22,7 +8,9 @@
 	text-decoration: inherit;
 	word-spacing: inherit;
 	font-style: inherit;
+	background: none;
 	border: none;
+	color: inherit;
 	padding: var(--wp--preset--spacing--20, 1em) 0;
 	cursor: pointer;
 	overflow: hidden;
@@ -31,34 +19,10 @@
 	text-align: inherit;
 	width: 100%;
 
-	// Some themes may apply colors to button elements with a particularly
-	// high CSS specificity. Since it's impossible to predict this specificity,
-	// we reset the colors using `!important`.
-	background-color: inherit !important;
-	color: inherit !important;
-
 	&:not(:focus-visible) {
 		outline: none;
 	}
 
-	&:hover,
-	&:focus {
-		// Some themes may apply styles when a button element is hovered
-		// over or focused. This is not intended for accordion toggle
-		// buttons, so we reset it here.
-		text-decoration: none;
-		background-color: inherit !important;
-		box-shadow: none;
-		color: inherit;
-		border: none;
-		padding: var(--wp--preset--spacing--20, 1em) 0;
-	}
-
-	&:focus-visible {
-		outline: auto;
-		outline-offset: 0;
-	}
-
 	&:hover .wp-block-accordion-heading__toggle-title {
 		text-decoration: underline;
 	}

package/src/accordion-item/index.php

@@ -36,6 +36,7 @@ function block_core_accordion_item_render( $attributes, $content ) {
 		$p->set_attribute( 'data-wp-context', '{ "id": "' . $unique_id . '", "openByDefault": ' . $open_by_default . ' }' );
 		$p->set_attribute( 'data-wp-class--is-open', 'state.isOpen' );
 		$p->set_attribute( 'data-wp-init', 'callbacks.initAccordionItems' );
+		$p->set_attribute( 'data-wp-on-window--hashchange', 'callbacks.hashChange' );
 
 		if ( $p->next_tag( array( 'class_name' => 'wp-block-accordion-heading__toggle' ) ) ) {
 			$p->set_attribute( 'data-wp-on--click', 'actions.toggle' );

package/src/accordion-item/style.scss

@@ -1,13 +1,6 @@
 .wp-block-accordion-item {
-	display: grid;
-	grid-template-rows: max-content 0fr;
-
-	&.is-open {
-		grid-template-rows: max-content 1fr;
-
-		> .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
-			transform: rotate(45deg);
-		}
+	&.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
+		transform: rotate(45deg);
 	}
 
 	/* Add transitions only for users who do not prefer reduced motion */

package/src/accordion-panel/block.json

@@ -50,7 +50,7 @@
 		"layout": {
 			"allowEditing": false
 		},
-		"blockVisibility": false,
+		"visibility": false,
 		"contentRole": true,
 		"allowedBlocks": true,
 		"lock": false

package/src/accordion-panel/style.scss

@@ -1,8 +1,4 @@
-// Some classic themes may use selectors like `.wp-block .wp-block`
-// and apply some kind of width to the blocks. To properly override
-// those styles, use a selector with a specificity of `0-2-0`.
-.wp-block-accordion-panel.wp-block-accordion-panel {
-	min-width: 100%;
+.wp-block-accordion-panel {
 
 	// Prevent blockGap from Accordion Content block from adding extra margin between accordions.
 	&[inert],

package/src/classic.scss

@@ -20,3 +20,41 @@
 	background: #32373c;
 	color: $white;
 }
+
+// These rules are needed to enforce the default styling of
+// the Accordion Heading block in the classic theme.
+.wp-block-accordion-heading {
+	// Heading elements may have default margins applied, so those
+	// styles need to be reset.
+	margin: 0;
+}
+
+.wp-block-accordion-heading__toggle {
+	// Button elements can have colors applied with high CSS specificity,
+	// and since this specificity is impossible to predict, we use
+	// `!important` to reset the color.
+	background-color: inherit !important;
+	color: inherit !important;
+
+	&:not(:focus-visible) {
+		outline: none;
+	}
+
+	&:hover,
+	&:focus {
+		// Sometimes styles are applied when the button element is
+		// hovered over or focused. This isn't expected for accordion
+		// toggle buttons, so reset those styles here.
+		text-decoration: none;
+		background-color: inherit !important;
+		box-shadow: none;
+		color: inherit;
+		border: none;
+		padding: var(--wp--preset--spacing--20, 1em) 0;
+	}
+
+	&:focus-visible {
+		outline-offset: 0;
+		outline: auto;
+	}
+}

package/src/embed/test/index.js

@@ -30,6 +30,7 @@ jest.mock( '@wordpress/data/src/components/use-select', () => () => ( {} ) );
 describe( 'utils', () => {
 	beforeAll( () => {
 		registerBlockType( DEFAULT_EMBED_BLOCK, {
+			apiVersion: 3,
 			title: 'Embed',
 			category: 'embed',
 			attributes,
@@ -148,6 +149,7 @@ describe( 'utils', () => {
 				).toBeUndefined();
 
 				registerBlockType( DEFAULT_EMBED_BLOCK, {
+					apiVersion: 3,
 					title: 'Embed',
 					category: 'embed',
 					attributes,

package/src/freeform/block.json

@@ -13,13 +13,12 @@
 		}
 	},
 	"supports": {
-		"html": false,
 		"className": false,
 		"customClassName": false,
 		"lock": false,
 		"reusable": false,
 		"renaming": false,
-		"blockVisibility": false
+		"visibility": false
 	},
 	"editorStyle": "wp-block-freeform-editor"
 }

package/src/math/edit.js

@@ -14,6 +14,7 @@ import {
 } from '@wordpress/components';
 import { useState, useEffect, useRef } from '@wordpress/element';
 import { useDispatch } from '@wordpress/data';
+import { speak } from '@wordpress/a11y';
 
 /**
  * Internal dependencies
@@ -72,7 +73,8 @@ export default function MathEdit( { attributes, setAttributes, isSelected } ) {
 					placement="bottom-start"
 					offset={ 8 }
 					anchor={ blockRef }
-					focusOnMount="firstContentElement"
+					focusOnMount={ false }
+					__unstableSlotName="__unstable-block-tools-after"
 				>
 					<div style={ { padding: '4px', minWidth: '300px' } }>
 						<VStack spacing={ 1 }>
@@ -96,6 +98,7 @@ export default function MathEdit( { attributes, setAttributes, isSelected } ) {
 										setError( null );
 									} catch ( err ) {
 										setError( err.message );
+										speak( err.message );
 									}
 									setAttributes( {
 										mathML: newMathML,

package/src/media-text/style.scss

@@ -108,6 +108,7 @@
 
 /* Image fill for versions 8 and onwards */
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
+	position: relative;
 	height: 100%;
 	min-height: 250px;
 }
@@ -118,6 +119,7 @@
 }
 
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
+	position: absolute;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;

package/src/missing/block.json

@@ -26,7 +26,7 @@
 		"lock": false,
 		"reusable": false,
 		"renaming": false,
-		"blockVisibility": false,
+		"visibility": false,
 		"interactivity": {
 			"clientNavigation": true
 		}

package/src/navigation-link/edit.js

@@ -214,7 +214,7 @@ export default function NavigationLinkEdit( {
 	const ref = useRef();
 	const linkUIref = useRef();
 	const prevUrl = usePrevious( url );
-	const isNewLink = useRef( ! url );
+	const isNewLink = useRef( ! url && ! metadata?.bindings?.url );
 
 	const {
 		isAtMaxNesting,

package/src/pattern/block.json

@@ -9,7 +9,7 @@
 		"html": false,
 		"inserter": false,
 		"renaming": false,
-		"blockVisibility": false,
+		"visibility": false,
 		"interactivity": {
 			"clientNavigation": true
 		}

package/src/style.scss

@@ -1,3 +1,4 @@
+@use "./accordion/style.scss" as *;
 @use "./accordion-item/style.scss" as *;
 @use "./accordion-heading/style.scss" as *;
 @use "./accordion-panel/style.scss" as *;

package/src/term-template/index.php

@@ -59,7 +59,7 @@ function render_block_core_term_template( $attributes, $content, $block ) {
 			$query_args['include'] = array_unique( array_map( 'intval', $query['include'] ) );
 			$query_args['orderby'] = 'include';
 			$query_args['order']   = 'asc';
-		} elseif ( empty( $query['showNested'] ) ) {
+		} elseif ( is_taxonomy_hierarchical( $query['taxonomy'] ) && empty( $query['showNested'] ) ) {
 			// We set parent only when inheriting from the taxonomy archive context or not
 			// showing nested terms, otherwise nested terms are not displayed.
 			$query_args['parent'] = 0;