@wordpress/block-library 9.28.1-next.0f6f9d12c.0 → 9.29.0

package/build-style/{accordions → accordion}/style.css

@@ -134,21 +134,21 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-item {
+.wp-block-accordion-content {
   display: grid;
   grid-template-rows: max-content 0fr;
 }
 
-.wp-block-accordion-item.is-open {
+.wp-block-accordion-content.is-open {
   grid-template-rows: max-content 1fr;
 }
 
-.accordion-item__heading {
+.accordion-content__heading {
   margin-block-start: 0;
   margin-block-end: 0;
 }
 
-.accordion-item__toggle {
+.accordion-content__toggle {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
@@ -170,7 +170,7 @@
   width: 100%;
 }
 
-.accordion-item__toggle > span {
+.accordion-content__toggle > span {
   width: 100%;
 }
 
@@ -185,39 +185,39 @@
 }
 
 /* No icon block style */
-.is-style-no-icon .accordion-item__toggle-icon {
+.is-style-no-icon .accordion-content__toggle-icon {
   background-color: unset;
 }
 
-.wp-block-accordion-header.icon-position-left .accordion-item__toggle {
+.wp-block-accordion-header.icon-position-left .accordion-content__toggle {
   /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
   flex-direction: row-reverse;
 }
 
 /* RTL language support */
-[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-item__toggle {
+[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
   /* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
   flex-direction: row-reverse;
 }
 
-[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-item__toggle {
+[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
   flex-direction: row;
 }
 
-.accordion-item__toggle:focus-visible {
+.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-item .accordion-item__toggle-icon {
+  .wp-block-accordion-content .accordion-content__toggle-icon {
     transition: transform 0.2s ease-in-out;
   }
-  .wp-block-accordion-item {
+  .wp-block-accordion-content {
     transition: grid-template-rows 0.3s ease-out;
   }
 }
-.is-open .accordion-item__toggle-icon.has-icon-plus {
+.is-open .accordion-content__toggle-icon.has-icon-plus {
   transform: rotate(45deg);
 }

package/build-style/style-rtl.css

@@ -135,21 +135,21 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-item {
+.wp-block-accordion-content {
   display: grid;
   grid-template-rows: max-content 0fr;
 }
 
-.wp-block-accordion-item.is-open {
+.wp-block-accordion-content.is-open {
   grid-template-rows: max-content 1fr;
 }
 
-.accordion-item__heading {
+.accordion-content__heading {
   margin-block-start: 0;
   margin-block-end: 0;
 }
 
-.accordion-item__toggle {
+.accordion-content__toggle {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
@@ -171,7 +171,7 @@
   width: 100%;
 }
 
-.accordion-item__toggle > span {
+.accordion-content__toggle > span {
   width: 100%;
 }
 
@@ -186,40 +186,40 @@
 }
 
 /* No icon block style */
-.is-style-no-icon .accordion-item__toggle-icon {
+.is-style-no-icon .accordion-content__toggle-icon {
   background-color: unset;
 }
 
-.wp-block-accordion-header.icon-position-left .accordion-item__toggle {
+.wp-block-accordion-header.icon-position-left .accordion-content__toggle {
   /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
   flex-direction: row-reverse;
 }
 
 /* RTL language support */
-[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-item__toggle {
+[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
   /* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
   flex-direction: row-reverse;
 }
 
-[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-item__toggle {
+[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
   flex-direction: row;
 }
 
-.accordion-item__toggle:focus-visible {
+.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-item .accordion-item__toggle-icon {
+  .wp-block-accordion-content .accordion-content__toggle-icon {
     transition: transform 0.2s ease-in-out;
   }
-  .wp-block-accordion-item {
+  .wp-block-accordion-content {
     transition: grid-template-rows 0.3s ease-out;
   }
 }
-.is-open .accordion-item__toggle-icon.has-icon-plus {
+.is-open .accordion-content__toggle-icon.has-icon-plus {
   transform: rotate(-45deg);
 }
 

package/build-style/style.css

@@ -135,21 +135,21 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-item {
+.wp-block-accordion-content {
   display: grid;
   grid-template-rows: max-content 0fr;
 }
 
-.wp-block-accordion-item.is-open {
+.wp-block-accordion-content.is-open {
   grid-template-rows: max-content 1fr;
 }
 
-.accordion-item__heading {
+.accordion-content__heading {
   margin-block-start: 0;
   margin-block-end: 0;
 }
 
-.accordion-item__toggle {
+.accordion-content__toggle {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
@@ -171,7 +171,7 @@
   width: 100%;
 }
 
-.accordion-item__toggle > span {
+.accordion-content__toggle > span {
   width: 100%;
 }
 
@@ -186,40 +186,40 @@
 }
 
 /* No icon block style */
-.is-style-no-icon .accordion-item__toggle-icon {
+.is-style-no-icon .accordion-content__toggle-icon {
   background-color: unset;
 }
 
-.wp-block-accordion-header.icon-position-left .accordion-item__toggle {
+.wp-block-accordion-header.icon-position-left .accordion-content__toggle {
   /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
   flex-direction: row-reverse;
 }
 
 /* RTL language support */
-[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-item__toggle {
+[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
   /* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
   flex-direction: row-reverse;
 }
 
-[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-item__toggle {
+[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
   flex-direction: row;
 }
 
-.accordion-item__toggle:focus-visible {
+.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-item .accordion-item__toggle-icon {
+  .wp-block-accordion-content .accordion-content__toggle-icon {
     transition: transform 0.2s ease-in-out;
   }
-  .wp-block-accordion-item {
+  .wp-block-accordion-content {
     transition: grid-template-rows 0.3s ease-out;
   }
 }
-.is-open .accordion-item__toggle-icon.has-icon-plus {
+.is-open .accordion-content__toggle-icon.has-icon-plus {
   transform: rotate(45deg);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.28.1-next.0f6f9d12c.0",
+	"version": "9.29.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,7 +27,7 @@
 	"react-native": "src/index",
 	"wpScript": true,
 	"wpScriptModuleExports": {
-		"./accordions/view": "./build-module/accordions/view.js",
+		"./accordion/view": "./build-module/accordion/view.js",
 		"./file/view": "./build-module/file/view.js",
 		"./form/view": "./build-module/form/view.js",
 		"./image/view": "./build-module/image/view.js",
@@ -42,39 +42,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/api-fetch": "^7.28.1-next.0f6f9d12c.0",
-		"@wordpress/autop": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/blob": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/block-editor": "^15.1.1-next.0f6f9d12c.0",
-		"@wordpress/blocks": "^15.1.1-next.0f6f9d12c.0",
-		"@wordpress/components": "^30.2.1-next.0f6f9d12c.0",
-		"@wordpress/compose": "^7.28.1-next.0f6f9d12c.0",
-		"@wordpress/core-data": "^7.28.1-next.0f6f9d12c.0",
-		"@wordpress/data": "^10.28.1-next.0f6f9d12c.0",
-		"@wordpress/date": "^5.28.1-next.0f6f9d12c.0",
-		"@wordpress/deprecated": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/dom": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/element": "^6.28.1-next.0f6f9d12c.0",
-		"@wordpress/escape-html": "^3.28.1-next.0f6f9d12c.0",
-		"@wordpress/hooks": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/html-entities": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/i18n": "^6.1.1-next.0f6f9d12c.0",
-		"@wordpress/icons": "^10.28.2-next.0f6f9d12c.0",
-		"@wordpress/interactivity": "^6.28.1-next.0f6f9d12c.0",
-		"@wordpress/interactivity-router": "^2.28.1-next.0f6f9d12c.0",
-		"@wordpress/keyboard-shortcuts": "^5.28.1-next.0f6f9d12c.0",
-		"@wordpress/keycodes": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/notices": "^5.28.1-next.0f6f9d12c.0",
-		"@wordpress/patterns": "^2.28.1-next.0f6f9d12c.0",
-		"@wordpress/primitives": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/private-apis": "^1.28.1-next.0f6f9d12c.0",
-		"@wordpress/reusable-blocks": "^5.28.1-next.0f6f9d12c.0",
-		"@wordpress/rich-text": "^7.28.1-next.0f6f9d12c.0",
-		"@wordpress/server-side-render": "^6.4.1-next.0f6f9d12c.0",
-		"@wordpress/url": "^4.28.1-next.0f6f9d12c.0",
-		"@wordpress/viewport": "^6.28.1-next.0f6f9d12c.0",
-		"@wordpress/wordcount": "^4.28.1-next.0f6f9d12c.0",
+		"@wordpress/a11y": "^4.29.0",
+		"@wordpress/api-fetch": "^7.29.0",
+		"@wordpress/autop": "^4.29.0",
+		"@wordpress/blob": "^4.29.0",
+		"@wordpress/block-editor": "^15.2.0",
+		"@wordpress/blocks": "^15.2.0",
+		"@wordpress/components": "^30.2.0",
+		"@wordpress/compose": "^7.29.0",
+		"@wordpress/core-data": "^7.29.0",
+		"@wordpress/data": "^10.29.0",
+		"@wordpress/date": "^5.29.0",
+		"@wordpress/deprecated": "^4.29.0",
+		"@wordpress/dom": "^4.29.0",
+		"@wordpress/element": "^6.29.0",
+		"@wordpress/escape-html": "^3.29.0",
+		"@wordpress/hooks": "^4.29.0",
+		"@wordpress/html-entities": "^4.29.0",
+		"@wordpress/i18n": "^6.2.0",
+		"@wordpress/icons": "^10.29.0",
+		"@wordpress/interactivity": "^6.29.0",
+		"@wordpress/interactivity-router": "^2.29.0",
+		"@wordpress/keyboard-shortcuts": "^5.29.0",
+		"@wordpress/keycodes": "^4.29.0",
+		"@wordpress/notices": "^5.29.0",
+		"@wordpress/patterns": "^2.29.0",
+		"@wordpress/primitives": "^4.29.0",
+		"@wordpress/private-apis": "^1.29.0",
+		"@wordpress/reusable-blocks": "^5.29.0",
+		"@wordpress/rich-text": "^7.29.0",
+		"@wordpress/server-side-render": "^6.5.0",
+		"@wordpress/url": "^4.29.0",
+		"@wordpress/viewport": "^6.29.0",
+		"@wordpress/wordcount": "^4.29.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -92,5 +92,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "7d4f4367e2f76deddf4a09b540e6b2f9f4c3fe9f"
+	"gitHead": "445ede01e8abc8e49a1101b21a3651adbe852120"
 }

package/src/{accordions → accordion}/block.json

@@ -1,10 +1,10 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
-	"name": "core/accordions",
-	"title": "Accordions",
+	"name": "core/accordion",
+	"title": "Accordion",
 	"category": "design",
-	"description": "A group of Accordion headers and associated expandable content.",
+	"description": "Displays a group of accordion headers and associated expandable content.",
 	"example": {},
 	"__experimental": true,
 	"supports": {
@@ -63,7 +63,7 @@
 		"core/accordion-icon-position": "iconPosition",
 		"core/accordion-show-icon": "showIcon"
 	},
-	"allowedBlocks": [ "core/accordion-item" ],
+	"allowedBlocks": [ "core/accordion-content" ],
 	"textdomain": "default",
-	"style": "wp-block-accordions"
+	"style": "wp-block-accordion"
 }

package/src/{accordions → accordion}/edit.js

@@ -20,7 +20,7 @@ import {
  */
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
-const ACCORDION_BLOCK_NAME = 'core/accordion-item';
+const ACCORDION_BLOCK_NAME = 'core/accordion-content';
 const ACCORDION_BLOCK = {
 	name: ACCORDION_BLOCK_NAME,
 };

package/src/accordion/icon.js

@@ -0,0 +1,23 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+export default (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M19.5 9.25L9.5 9.25L9.5 7.75L19.5 7.75L19.5 9.25Z"
+			fill="currentColor"
+		/>
+		<Path d="M4.5 6L8.5 8.5L4.5 11L4.5 6Z" fill="currentColor" />
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M19.5 16.25L9.5 16.25L9.5 14.75L19.5 14.75L19.5 16.25Z"
+			fill="currentColor"
+		/>
+		<Path d="M4.5 13L8.5 15.5L4.5 18L4.5 13Z" fill="currentColor" />
+	</SVG>
+);

package/src/{accordion-item → accordion}/index.js

@@ -1,7 +1,3 @@
-/**
- * WordPress dependencies
- */
-import { accordionItem } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
@@ -9,13 +5,14 @@ import edit from './edit';
 import save from './save';
 import metadata from './block.json';
 import initBlock from '../utils/init-block';
+import icon from './icon';
 
 const { name } = metadata;
 
 export { metadata, name };
 
 export const settings = {
-	icon: accordionItem,
+	icon,
 	example: {},
 	edit,
 	save,

package/src/{accordions → accordion}/index.php

@@ -1,6 +1,6 @@
 <?php
 /**
- * Server-side rendering of the `core/accordions` block.
+ * Server-side rendering of the `core/accordion` block.
  *
  * @package WordPress
  * @since 6.6.0
@@ -10,31 +10,31 @@
  *
  * @return string Returns the updated markup.
  */
-function render_block_core_accordions( $attributes, $content ) {
+function render_block_core_accordion( $attributes, $content ) {
 	if ( ! $content ) {
 		return $content;
 	}
 
 	$suffix = wp_scripts_get_suffix();
 	if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
-		$module_url = gutenberg_url( '/build-module/block-library/accordions/view.min.js' );
+		$module_url = gutenberg_url( '/build-module/block-library/accordion/view.min.js' );
 	}
 
 	wp_register_script_module(
-		'@wordpress/block-library/accordions',
-		isset( $module_url ) ? $module_url : includes_url( "blocks/accordions/view{$suffix}.js" ),
+		'@wordpress/block-library/accordion',
+		isset( $module_url ) ? $module_url : includes_url( "blocks/accordion/view{$suffix}.js" ),
 		array( '@wordpress/interactivity' ),
 		defined( 'GUTENBERG_VERSION' ) ? GUTENBERG_VERSION : get_bloginfo( 'version' )
 	);
 
-	wp_enqueue_script_module( '@wordpress/block-library/accordions' );
+	wp_enqueue_script_module( '@wordpress/block-library/accordion' );
 
 	$p             = new WP_HTML_Tag_Processor( $content );
 	$autoclose     = $attributes['autoclose'] ? 'true' : 'false';
 	$icon          = $attributes['icon'] ?? 'plus';
 	$icon_position = $attributes['iconPosition'] ?? 'right';
 
-	if ( $p->next_tag( array( 'class_name' => 'wp-block-accordions' ) ) ) {
+	if ( $p->next_tag( array( 'class_name' => 'wp-block-accordion' ) ) ) {
 		$p->set_attribute( 'data-wp-interactive', 'core/accordion' );
 		$p->set_attribute( 'data-wp-context', '{ "autoclose": ' . $autoclose . ', "isOpen": [], "icon": "' . $icon . '", "iconPosition": "' . $icon_position . '" }' );
 
@@ -46,16 +46,16 @@ function render_block_core_accordions( $attributes, $content ) {
 }
 
 /**
- * Registers the `core/accordions` block on server.
+ * Registers the `core/accordion` block on server.
  *
  * @since 6.6.0
  */
-function register_block_core_accordions() {
+function register_block_core_accordion() {
 	register_block_type_from_metadata(
-		__DIR__ . '/accordions',
+		__DIR__ . '/accordion',
 		array(
-			'render_callback' => 'render_block_core_accordions',
+			'render_callback' => 'render_block_core_accordion',
 		)
 	);
 }
-add_action( 'init', 'register_block_core_accordions' );
+add_action( 'init', 'register_block_core_accordion' );

package/src/{accordions → accordion}/style.scss

@@ -1,18 +1,18 @@
-.wp-block-accordion-item {
+.wp-block-accordion-content {
 	display: grid;
 	grid-template-rows: max-content 0fr;
 }
 
-.wp-block-accordion-item.is-open {
+.wp-block-accordion-content.is-open {
 	grid-template-rows: max-content 1fr;
 }
 
-.accordion-item__heading {
+.accordion-content__heading {
 	margin-block-start: 0;
 	margin-block-end: 0;
 }
 
-.accordion-item__toggle {
+.accordion-content__toggle {
 	font-family: inherit;
 	font-size: inherit;
 	font-weight: inherit;
@@ -34,7 +34,7 @@
 	width: 100%;
 }
 
-.accordion-item__toggle > span {
+.accordion-content__toggle > span {
 	width: 100%;
 }
 
@@ -49,43 +49,43 @@
 }
 
 /* No icon block style */
-.is-style-no-icon .accordion-item__toggle-icon {
+.is-style-no-icon .accordion-content__toggle-icon {
 	background-color: unset;
 }
 
-.wp-block-accordion-header.icon-position-left .accordion-item__toggle {
+.wp-block-accordion-header.icon-position-left .accordion-content__toggle {
 	/* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
 	flex-direction: row-reverse;
 }
 
 /* RTL language support */
-[dir="rtl"] .wp-block-accordion-header:not(.icon-position-left) .accordion-item__toggle {
+[dir="rtl"] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
 	/* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
 	flex-direction: row-reverse;
 }
 
-[dir="rtl"] .wp-block-accordion-header.icon-position-left .accordion-item__toggle {
+[dir="rtl"] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
 	flex-direction: row;
 }
 
-.accordion-item__toggle:focus-visible {
+.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-item .accordion-item__toggle-icon {
+	.wp-block-accordion-content .accordion-content__toggle-icon {
 		transition: transform 0.2s ease-in-out;
 	}
 
-	.wp-block-accordion-item {
+	.wp-block-accordion-content {
 		transition: grid-template-rows 0.3s ease-out;
 	}
 }
 
 .is-open {
-	.accordion-item__toggle-icon.has-icon-plus {
+	.accordion-content__toggle-icon.has-icon-plus {
 		transform: rotate(45deg);
 	}
 }

package/src/{accordion-item → accordion-content}/block.json

@@ -1,14 +1,14 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
-	"name": "core/accordion-item",
+	"name": "core/accordion-content",
 	"version": "0.1.0",
-	"title": "Accordion",
+	"title": "Accordion Content",
 	"category": "design",
-	"description": "A single accordion that displays a header and expandable content.",
+	"description": "Displays a section of content in an accordion, including a header and expandable content.",
 	"example": {},
 	"__experimental": true,
-	"parent": [ "core/accordions" ],
+	"parent": [ "core/accordion" ],
 	"allowedBlocks": [ "core/accordion-header", "core/accordion-panel" ],
 	"supports": {
 		"align": [ "wide", "full" ],

package/src/accordion-content/icon.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+export default (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M19.5 9.5L9.5 9.5L9.5 8L19.5 8L19.5 9.5Z"
+			fill="currentColor"
+		/>
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M19.5 13L9.5 13L9.5 11.5L19.5 11.5L19.5 13Z"
+			fill="currentColor"
+		/>
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M19.5 16.3999L9.5 16.3999L9.5 14.8999L19.5 14.8999L19.5 16.3999Z"
+			fill="currentColor"
+		/>
+		<Path d="M4.5 6.25L8.5 8.75L4.5 11.25L4.5 6.25Z" fill="currentColor" />
+	</SVG>
+);

package/src/{accordions → accordion-content}/index.js

@@ -1,7 +1,3 @@
-/**
- * WordPress dependencies
- */
-import { accordion } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
@@ -9,13 +5,14 @@ import edit from './edit';
 import save from './save';
 import metadata from './block.json';
 import initBlock from '../utils/init-block';
+import icon from './icon';
 
 const { name } = metadata;
 
 export { metadata, name };
 
 export const settings = {
-	icon: accordion,
+	icon,
 	example: {},
 	edit,
 	save,