@wordpress/block-library 9.31.1-next.f56bd8138.0 → 9.32.0

package/src/accordion/style.scss

@@ -1,90 +0,0 @@
-.wp-block-accordion {
-	// This block allows custom padding, margin, and border, as it affects how the block’s width and height are calculated.
-	box-sizing: border-box;
-}
-
-.wp-block-accordion-content {
-	display: grid;
-	grid-template-rows: max-content 0fr;
-}
-
-.wp-block-accordion-content.is-open {
-	grid-template-rows: max-content 1fr;
-
-	> .wp-block-accordion-header {
-		.accordion-content__toggle-icon {
-			transform: rotate(45deg);
-		}
-	}
-}
-
-.accordion-content__toggle {
-	font-family: inherit;
-	font-size: inherit;
-	font-weight: inherit;
-	line-height: inherit;
-	letter-spacing: inherit;
-	text-transform: inherit;
-	text-decoration: inherit;
-	word-spacing: inherit;
-	background: none;
-	border: none;
-	color: inherit;
-	padding: var(--wp--preset--spacing--20, 1em) 0;
-	cursor: pointer;
-	outline: none;
-	overflow: hidden;
-	display: flex;
-	align-items: center;
-	text-align: inherit;
-	position: relative;
-	width: 100%;
-}
-
-.accordion-content__toggle-title {
-	flex: 1;
-}
-
-.accordion-content__toggle-icon {
-	width: 1.2em;
-	height: 1.2em;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.is-layout-flow > .wp-block-accordion-panel,
-.wp-block-accordion-panel {
-	overflow: hidden;
-}
-
-// Prevent blockGap from Accordion Content block from adding extra margin between accordions.
-.wp-block-accordion-panel[inert],
-.wp-block-accordion-panel[aria-hidden="true"] {
-	margin-block-start: 0;
-}
-
-.accordion-panel__wrapper {
-	padding-bottom: var(--wp--preset--spacing--20, 1em);
-}
-
-/* No icon block style */
-.is-style-no-icon .accordion-content__toggle-icon {
-	background-color: unset;
-}
-
-.accordion-content__toggle:focus-visible {
-	outline: 2px solid -webkit-focus-ring-color;
-	outline-offset: 2px;
-}
-
-/* Add transitions only for users who do not prefer reduced motion */
-@media (prefers-reduced-motion: no-preference) {
-	.wp-block-accordion-content .accordion-content__toggle-icon {
-		transition: transform 0.2s ease-in-out;
-	}
-
-	.wp-block-accordion-content {
-		transition: grid-template-rows 0.3s ease-out;
-	}
-}

package/src/accordion-header/edit.js

@@ -1,94 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useEffect } from '@wordpress/element';
-import {
-	useBlockProps,
-	__experimentalGetSpacingClassesAndStyles as useSpacingProps,
-	BlockControls,
-	HeadingLevelDropdown,
-	RichText,
-} from '@wordpress/block-editor';
-import { ToolbarGroup } from '@wordpress/components';
-
-export default function Edit( { attributes, setAttributes, context } ) {
-	const { level, title, textAlign, levelOptions } = attributes;
-	const {
-		'core/accordion-icon-position': iconPosition,
-		'core/accordion-show-icon': showIcon,
-	} = context;
-	const TagName = 'h' + level;
-
-	// Set icon attributes.
-	useEffect( () => {
-		if ( iconPosition !== undefined && showIcon !== undefined ) {
-			setAttributes( {
-				iconPosition,
-				showIcon,
-			} );
-		}
-	}, [ iconPosition, showIcon, setAttributes ] );
-
-	const blockProps = useBlockProps( {
-		className: clsx( 'accordion-content__heading', {
-			[ `has-text-align-${ textAlign }` ]: textAlign,
-		} ),
-	} );
-	const spacingProps = useSpacingProps( attributes );
-
-	return (
-		<>
-			<BlockControls>
-				<ToolbarGroup>
-					<HeadingLevelDropdown
-						value={ level }
-						options={ levelOptions }
-						onChange={ ( newLevel ) =>
-							setAttributes( { level: newLevel } )
-						}
-					/>
-				</ToolbarGroup>
-			</BlockControls>
-			<TagName { ...blockProps }>
-				<button
-					className={ clsx( 'accordion-content__toggle' ) }
-					style={ {
-						...spacingProps.style,
-					} }
-				>
-					{ showIcon && iconPosition === 'left' && (
-						<span
-							className="accordion-content__toggle-icon"
-							aria-hidden="true"
-						>
-							+
-						</span>
-					) }
-					<RichText
-						withoutInteractiveFormatting
-						disableLineBreaks
-						tagName="span"
-						value={ title }
-						onChange={ ( newTitle ) =>
-							setAttributes( { title: newTitle } )
-						}
-						placeholder={ __( 'Accordion title' ) }
-					/>
-					{ showIcon && iconPosition === 'right' && (
-						<span
-							className="accordion-content__toggle-icon"
-							aria-hidden="true"
-						>
-							+
-						</span>
-					) }
-				</button>
-			</TagName>
-		</>
-	);
-}