Accordion Header: Remove textAlignment and textAlign (#71875)

mikachan · t-hamano · web-flow · commit f9eb6ce93db7 · 2025-09-25T13:03:21.000+01:00
* Remove textAlignment attribute

* Remove textAlign logic

* Remove clsx

* Remove unused classname

* Remove textAlign support

Co-authored-by: mikachan &lt;mikachan@git.wordpress.org&gt;
Co-authored-by: t-hamano &lt;wildworks@git.wordpress.org&gt;
diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
@@ -39,8 +39,8 @@ Displays an accordion header. ([Source](https://github.com/WordPress/gutenberg/t
 -	**Experimental:** true
 -	**Category:** design
 -	**Parent:** core/accordion-content
--	**Supports:** anchor, color (background, gradients, text), interactivity, shadow, spacing (padding), typography (fontSize, textAlign), ~~align~~
--	**Attributes:** iconPosition, level, levelOptions, openByDefault, showIcon, textAlignment, title
+-	**Supports:** anchor, color (background, gradients, text), interactivity, shadow, spacing (padding), typography (fontSize), ~~align~~
+-	**Attributes:** iconPosition, level, levelOptions, openByDefault, showIcon, title
 
 ## Accordion Panel
 
diff --git a/packages/block-library/src/accordion-header/block.json b/packages/block-library/src/accordion-header/block.json
@@ -39,7 +39,6 @@
 			}
 		},
 		"typography": {
-			"textAlign": true,
 			"fontSize": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontWeight": true,
@@ -72,10 +71,6 @@
 		"levelOptions": {
 			"type": "array"
 		},
-		"textAlignment": {
-			"type": "string",
-			"default": "left"
-		},
 		"iconPosition": {
 			"type": "string",
 			"enum": [ "left", "right" ],
diff --git a/packages/block-library/src/accordion-header/edit.js b/packages/block-library/src/accordion-header/edit.js
@@ -1,7 +1,3 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
@@ -17,7 +13,7 @@ import {
 import { ToolbarGroup } from '@wordpress/components';
 
 export default function Edit( { attributes, setAttributes, context } ) {
-	const { level, title, textAlign, levelOptions } = attributes;
+	const { level, title, levelOptions } = attributes;
 	const {
 		'core/accordion-icon-position': iconPosition,
 		'core/accordion-show-icon': showIcon,
@@ -34,11 +30,7 @@ export default function Edit( { attributes, setAttributes, context } ) {
 		}
 	}, [ iconPosition, showIcon, setAttributes ] );
 
-	const blockProps = useBlockProps( {
-		className: clsx( 'accordion-content__heading', {
-			[ `has-text-align-${ textAlign }` ]: textAlign,
-		} ),
-	} );
+	const blockProps = useBlockProps();
 	const spacingProps = useSpacingProps( attributes );
 
 	return (
@@ -56,7 +48,7 @@ export default function Edit( { attributes, setAttributes, context } ) {
 			</BlockControls>
 			<TagName { ...blockProps }>
 				<button
-					className={ clsx( 'wp-block-accordion-header__toggle' ) }
+					className="wp-block-accordion-header__toggle"
 					style={ {
 						...spacingProps.style,
 					} }
diff --git a/packages/block-library/src/accordion-header/save.js b/packages/block-library/src/accordion-header/save.js
@@ -1,7 +1,3 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
@@ -12,20 +8,16 @@ import {
 } from '@wordpress/block-editor';
 
 export default function save( { attributes } ) {
-	const { level, title, iconPosition, textAlign, showIcon } = attributes;
+	const { level, title, iconPosition, showIcon } = attributes;
 	const TagName = 'h' + level;
 
-	const blockProps = useBlockProps.save( {
-		className: clsx( 'accordion-content__heading', {
-			[ `has-text-align-${ textAlign }` ]: textAlign,
-		} ),
-	} );
+	const blockProps = useBlockProps.save();
 	const spacingProps = getSpacingClassesAndStyles( attributes );
 
 	return (
 		<TagName { ...blockProps }>
 			<button
-				className={ clsx( 'wp-block-accordion-header__toggle' ) }
+				className="wp-block-accordion-header__toggle"
 				style={ {
 					...spacingProps.style,
 				} }
