@wordpress/block-library 9.29.1-next.f34ab90e9.0 → 9.30.1-next.6870dfe5b.0

package/build-style/post-comments-form/style-rtl.css

@@ -134,14 +134,17 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:not([type=submit]) {
-  border: 1px solid #949494;
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:not([type=submit])) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   font-size: 1em;
   font-family: inherit;
 }
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])) {
+
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))) {
   padding: calc(0.667em + 2px);
 }
 

package/build-style/post-comments-form/style.css

@@ -134,14 +134,17 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:not([type=submit]) {
-  border: 1px solid #949494;
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:not([type=submit])) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   font-size: 1em;
   font-family: inherit;
 }
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])) {
+
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))) {
   padding: calc(0.667em + 2px);
 }
 

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

@@ -186,4 +186,8 @@
 }
 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item {
   margin-bottom: 0;
+}
+
+.wp-block-query > .block-editor-media-placeholder.is-small {
+  min-height: 60px;
 }

package/build-style/query/editor.css

@@ -186,4 +186,8 @@
 }
 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item {
   margin-bottom: 0;
+}
+
+.wp-block-query > .block-editor-media-placeholder.is-small {
+  min-height: 60px;
 }

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

@@ -166,17 +166,6 @@
   width: 100%;
 }
 
-.wp-block-search__input {
-  padding: 8px;
-  flex-grow: 1;
-  margin-right: 0;
-  margin-left: 0;
-  min-width: 3rem;
-  border: 1px solid #949494;
-  text-decoration: unset !important;
-  appearance: initial;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   margin-right: 0;
   flex-shrink: 0;
@@ -219,11 +208,21 @@
   letter-spacing: inherit;
   text-transform: inherit;
   font-style: inherit;
+  padding: 8px;
+  flex-grow: 1;
+  margin-right: 0;
+  margin-left: 0;
+  min-width: 3rem;
+  border: 1px solid #949494;
+  text-decoration: unset !important;
+  appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
-  border: 1px solid #949494;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   background-color: #fff;
   box-sizing: border-box;
 }

package/build-style/search/style.css

@@ -166,17 +166,6 @@
   width: 100%;
 }
 
-.wp-block-search__input {
-  padding: 8px;
-  flex-grow: 1;
-  margin-left: 0;
-  margin-right: 0;
-  min-width: 3rem;
-  border: 1px solid #949494;
-  text-decoration: unset !important;
-  appearance: initial;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   margin-left: 0;
   flex-shrink: 0;
@@ -219,11 +208,21 @@
   letter-spacing: inherit;
   text-transform: inherit;
   font-style: inherit;
+  padding: 8px;
+  flex-grow: 1;
+  margin-left: 0;
+  margin-right: 0;
+  min-width: 3rem;
+  border: 1px solid #949494;
+  text-decoration: unset !important;
+  appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
-  border: 1px solid #949494;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   background-color: #fff;
   box-sizing: border-box;
 }

package/build-style/style-rtl.css

@@ -143,10 +143,8 @@
 .wp-block-accordion-content.is-open {
   grid-template-rows: max-content 1fr;
 }
-
-.accordion-content__heading {
-  margin-block-start: 0;
-  margin-block-end: 0;
+.wp-block-accordion-content.is-open > .wp-block-accordion-header .accordion-content__toggle-icon.has-icon-plus {
+  transform: rotate(-45deg);
 }
 
 .accordion-content__toggle {
@@ -164,6 +162,7 @@
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
   outline: none;
+  overflow: hidden;
   display: flex;
   align-items: center;
   text-align: inherit;
@@ -178,7 +177,11 @@
 .is-layout-flow > .wp-block-accordion-panel,
 .wp-block-accordion-panel {
   overflow: hidden;
-  margin: 0;
+}
+
+.wp-block-accordion-panel[inert],
+.wp-block-accordion-panel[aria-hidden=true] {
+  margin-block-start: 0;
 }
 
 .accordion-panel__wrapper {
@@ -195,16 +198,6 @@
   flex-direction: row-reverse;
 }
 
-/* RTL language support */
-[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-content__toggle {
-  flex-direction: row;
-}
-
 .accordion-content__toggle:focus-visible {
   outline: 2px solid -webkit-focus-ring-color;
   outline-offset: 2px;
@@ -219,10 +212,6 @@
     transition: grid-template-rows 0.3s ease-out;
   }
 }
-.is-open .accordion-content__toggle-icon.has-icon-plus {
-  transform: rotate(-45deg);
-}
-
 .wp-block-archives {
   box-sizing: border-box;
 }
@@ -1306,15 +1295,16 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
   width: fit-content;
 }
 
-.wp-block-form-input__input {
+:where(.wp-block-form-input__input) {
   padding: 0 0.5em;
   font-size: 1em;
   margin-bottom: 0.5em;
 }
-.wp-block-form-input__input[type=text], .wp-block-form-input__input[type=password], .wp-block-form-input__input[type=date], .wp-block-form-input__input[type=datetime], .wp-block-form-input__input[type=datetime-local], .wp-block-form-input__input[type=email], .wp-block-form-input__input[type=month], .wp-block-form-input__input[type=number], .wp-block-form-input__input[type=search], .wp-block-form-input__input[type=tel], .wp-block-form-input__input[type=time], .wp-block-form-input__input[type=url], .wp-block-form-input__input[type=week] {
+:where(.wp-block-form-input__input)[type=text], :where(.wp-block-form-input__input)[type=password], :where(.wp-block-form-input__input)[type=date], :where(.wp-block-form-input__input)[type=datetime], :where(.wp-block-form-input__input)[type=datetime-local], :where(.wp-block-form-input__input)[type=email], :where(.wp-block-form-input__input)[type=month], :where(.wp-block-form-input__input)[type=number], :where(.wp-block-form-input__input)[type=search], :where(.wp-block-form-input__input)[type=tel], :where(.wp-block-form-input__input)[type=time], :where(.wp-block-form-input__input)[type=url], :where(.wp-block-form-input__input)[type=week] {
   min-height: 2em;
   line-height: 2;
-  border: 1px solid;
+  border-width: 1px;
+  border-style: solid;
 }
 
 textarea.wp-block-form-input__input {
@@ -2880,7 +2870,7 @@ html.has-modal-open {
 }
 
 .link-ui-tools {
-  border-top: 1px solid #f0f0f0;
+  outline: 1px solid #f0f0f0;
   padding: 8px;
 }
 
@@ -2987,14 +2977,17 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   box-sizing: border-box;
 }
 
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:not([type=submit]) {
-  border: 1px solid #949494;
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:not([type=submit])) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   font-size: 1em;
   font-family: inherit;
 }
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])) {
+
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))) {
   padding: calc(0.667em + 2px);
 }
 
@@ -3483,17 +3476,6 @@ ul.wp-block-rss.is-grid li {
   width: 100%;
 }
 
-.wp-block-search__input {
-  padding: 8px;
-  flex-grow: 1;
-  margin-right: 0;
-  margin-left: 0;
-  min-width: 3rem;
-  border: 1px solid #949494;
-  text-decoration: unset !important;
-  appearance: initial;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   margin-right: 0;
   flex-shrink: 0;
@@ -3536,11 +3518,21 @@ ul.wp-block-rss.is-grid li {
   letter-spacing: inherit;
   text-transform: inherit;
   font-style: inherit;
+  padding: 8px;
+  flex-grow: 1;
+  margin-right: 0;
+  margin-left: 0;
+  min-width: 3rem;
+  border: 1px solid #949494;
+  text-decoration: unset !important;
+  appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
-  border: 1px solid #949494;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   background-color: #fff;
   box-sizing: border-box;
 }

package/build-style/style.css

@@ -143,10 +143,8 @@
 .wp-block-accordion-content.is-open {
   grid-template-rows: max-content 1fr;
 }
-
-.accordion-content__heading {
-  margin-block-start: 0;
-  margin-block-end: 0;
+.wp-block-accordion-content.is-open > .wp-block-accordion-header .accordion-content__toggle-icon.has-icon-plus {
+  transform: rotate(45deg);
 }
 
 .accordion-content__toggle {
@@ -164,6 +162,7 @@
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
   outline: none;
+  overflow: hidden;
   display: flex;
   align-items: center;
   text-align: inherit;
@@ -178,7 +177,11 @@
 .is-layout-flow > .wp-block-accordion-panel,
 .wp-block-accordion-panel {
   overflow: hidden;
-  margin: 0;
+}
+
+.wp-block-accordion-panel[inert],
+.wp-block-accordion-panel[aria-hidden=true] {
+  margin-block-start: 0;
 }
 
 .accordion-panel__wrapper {
@@ -195,16 +198,6 @@
   flex-direction: row-reverse;
 }
 
-/* RTL language support */
-[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-content__toggle {
-  flex-direction: row;
-}
-
 .accordion-content__toggle:focus-visible {
   outline: 2px solid -webkit-focus-ring-color;
   outline-offset: 2px;
@@ -219,10 +212,6 @@
     transition: grid-template-rows 0.3s ease-out;
   }
 }
-.is-open .accordion-content__toggle-icon.has-icon-plus {
-  transform: rotate(45deg);
-}
-
 .wp-block-archives {
   box-sizing: border-box;
 }
@@ -1314,15 +1303,16 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
   width: fit-content;
 }
 
-.wp-block-form-input__input {
+:where(.wp-block-form-input__input) {
   padding: 0 0.5em;
   font-size: 1em;
   margin-bottom: 0.5em;
 }
-.wp-block-form-input__input[type=text], .wp-block-form-input__input[type=password], .wp-block-form-input__input[type=date], .wp-block-form-input__input[type=datetime], .wp-block-form-input__input[type=datetime-local], .wp-block-form-input__input[type=email], .wp-block-form-input__input[type=month], .wp-block-form-input__input[type=number], .wp-block-form-input__input[type=search], .wp-block-form-input__input[type=tel], .wp-block-form-input__input[type=time], .wp-block-form-input__input[type=url], .wp-block-form-input__input[type=week] {
+:where(.wp-block-form-input__input)[type=text], :where(.wp-block-form-input__input)[type=password], :where(.wp-block-form-input__input)[type=date], :where(.wp-block-form-input__input)[type=datetime], :where(.wp-block-form-input__input)[type=datetime-local], :where(.wp-block-form-input__input)[type=email], :where(.wp-block-form-input__input)[type=month], :where(.wp-block-form-input__input)[type=number], :where(.wp-block-form-input__input)[type=search], :where(.wp-block-form-input__input)[type=tel], :where(.wp-block-form-input__input)[type=time], :where(.wp-block-form-input__input)[type=url], :where(.wp-block-form-input__input)[type=week] {
   min-height: 2em;
   line-height: 2;
-  border: 1px solid;
+  border-width: 1px;
+  border-style: solid;
 }
 
 textarea.wp-block-form-input__input {
@@ -2910,7 +2900,7 @@ html.has-modal-open {
 }
 
 .link-ui-tools {
-  border-top: 1px solid #f0f0f0;
+  outline: 1px solid #f0f0f0;
   padding: 8px;
 }
 
@@ -3017,14 +3007,17 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   box-sizing: border-box;
 }
 
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:not([type=submit]) {
-  border: 1px solid #949494;
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:not([type=submit])) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   font-size: 1em;
   font-family: inherit;
 }
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])) {
+
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))) {
   padding: calc(0.667em + 2px);
 }
 
@@ -3515,17 +3508,6 @@ ul.wp-block-rss.is-grid li {
   width: 100%;
 }
 
-.wp-block-search__input {
-  padding: 8px;
-  flex-grow: 1;
-  margin-left: 0;
-  margin-right: 0;
-  min-width: 3rem;
-  border: 1px solid #949494;
-  text-decoration: unset !important;
-  appearance: initial;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   margin-left: 0;
   flex-shrink: 0;
@@ -3568,11 +3550,21 @@ ul.wp-block-rss.is-grid li {
   letter-spacing: inherit;
   text-transform: inherit;
   font-style: inherit;
+  padding: 8px;
+  flex-grow: 1;
+  margin-left: 0;
+  margin-right: 0;
+  min-width: 3rem;
+  border: 1px solid #949494;
+  text-decoration: unset !important;
+  appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
-  border: 1px solid #949494;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   background-color: #fff;
   box-sizing: border-box;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.29.1-next.f34ab90e9.0",
+	"version": "9.30.1-next.6870dfe5b.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -42,39 +42,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/api-fetch": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/autop": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/blob": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/block-editor": "^15.2.1-next.f34ab90e9.0",
-		"@wordpress/blocks": "^15.2.1-next.f34ab90e9.0",
-		"@wordpress/components": "^30.2.1-next.f34ab90e9.0",
-		"@wordpress/compose": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/core-data": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/data": "^10.29.1-next.f34ab90e9.0",
-		"@wordpress/date": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/deprecated": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/dom": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/element": "^6.29.1-next.f34ab90e9.0",
-		"@wordpress/escape-html": "^3.29.1-next.f34ab90e9.0",
-		"@wordpress/hooks": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/html-entities": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/i18n": "^6.2.1-next.f34ab90e9.0",
-		"@wordpress/icons": "^10.29.1-next.f34ab90e9.0",
-		"@wordpress/interactivity": "^6.29.1-next.f34ab90e9.0",
-		"@wordpress/interactivity-router": "^2.29.1-next.f34ab90e9.0",
-		"@wordpress/keyboard-shortcuts": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/keycodes": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/notices": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/patterns": "^2.29.1-next.f34ab90e9.0",
-		"@wordpress/primitives": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/private-apis": "^1.29.1-next.f34ab90e9.0",
-		"@wordpress/reusable-blocks": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/rich-text": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/server-side-render": "^6.5.1-next.f34ab90e9.0",
-		"@wordpress/url": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/viewport": "^6.29.1-next.f34ab90e9.0",
-		"@wordpress/wordcount": "^4.29.1-next.f34ab90e9.0",
+		"@wordpress/a11y": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/api-fetch": "^7.30.1-next.6870dfe5b.0",
+		"@wordpress/autop": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/blob": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/block-editor": "^15.3.1-next.6870dfe5b.0",
+		"@wordpress/blocks": "^15.3.1-next.6870dfe5b.0",
+		"@wordpress/components": "^30.3.2-next.6870dfe5b.0",
+		"@wordpress/compose": "^7.30.1-next.6870dfe5b.0",
+		"@wordpress/core-data": "^7.30.1-next.6870dfe5b.0",
+		"@wordpress/data": "^10.30.1-next.6870dfe5b.0",
+		"@wordpress/date": "^5.30.1-next.6870dfe5b.0",
+		"@wordpress/deprecated": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/dom": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/element": "^6.30.1-next.6870dfe5b.0",
+		"@wordpress/escape-html": "^3.30.1-next.6870dfe5b.0",
+		"@wordpress/hooks": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/html-entities": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/i18n": "^6.3.1-next.6870dfe5b.0",
+		"@wordpress/icons": "^10.30.1-next.6870dfe5b.0",
+		"@wordpress/interactivity": "^6.30.1-next.6870dfe5b.0",
+		"@wordpress/interactivity-router": "^2.30.1-next.6870dfe5b.0",
+		"@wordpress/keyboard-shortcuts": "^5.30.1-next.6870dfe5b.0",
+		"@wordpress/keycodes": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/notices": "^5.30.1-next.6870dfe5b.0",
+		"@wordpress/patterns": "^2.30.1-next.6870dfe5b.0",
+		"@wordpress/primitives": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/private-apis": "^1.30.1-next.6870dfe5b.0",
+		"@wordpress/reusable-blocks": "^5.30.1-next.6870dfe5b.0",
+		"@wordpress/rich-text": "^7.30.1-next.6870dfe5b.0",
+		"@wordpress/server-side-render": "^6.6.1-next.6870dfe5b.0",
+		"@wordpress/url": "^4.30.1-next.6870dfe5b.0",
+		"@wordpress/viewport": "^6.30.1-next.6870dfe5b.0",
+		"@wordpress/wordcount": "^4.30.1-next.6870dfe5b.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -92,5 +92,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "91f58004986ec6faf118825f925ac7873d171986"
+	"gitHead": "c8637da9df499cd7b6b07c9fad918f6d45f4de3d"
 }

package/src/accordion/block.json

@@ -54,9 +54,6 @@
 		"autoclose": {
 			"type": "boolean",
 			"default": false
-		},
-		"allowedBlocks": {
-			"type": "array"
 		}
 	},
 	"providesContext": {

package/src/accordion/edit.js

@@ -5,6 +5,8 @@ import {
 	useBlockProps,
 	useInnerBlocksProps,
 	InspectorControls,
+	BlockControls,
+	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import {
@@ -13,7 +15,10 @@ import {
 	__experimentalToggleGroupControlOption as ToggleGroupControlOption,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
+	ToolbarButton,
 } from '@wordpress/components';
+import { useDispatch } from '@wordpress/data';
+import { createBlock } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -27,10 +32,12 @@ const ACCORDION_BLOCK = {
 
 export default function Edit( {
 	attributes: { autoclose, iconPosition, showIcon },
+	clientId,
 	setAttributes,
 } ) {
 	const blockProps = useBlockProps();
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+	const { insertBlock } = useDispatch( blockEditorStore );
 
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		template: [ [ ACCORDION_BLOCK_NAME ], [ ACCORDION_BLOCK_NAME ] ],
@@ -39,8 +46,21 @@ export default function Edit( {
 		templateInsertUpdatesSelection: true,
 	} );
 
+	const addAccordionContentBlock = () => {
+		const newAccordionContent = createBlock( ACCORDION_BLOCK_NAME );
+		insertBlock( newAccordionContent, undefined, clientId );
+	};
+
 	return (
 		<>
+			<BlockControls group="other">
+				<ToolbarButton
+					label={ __( 'Add accordion content block' ) }
+					onClick={ addAccordionContentBlock }
+				>
+					{ __( 'Add' ) }
+				</ToolbarButton>
+			</BlockControls>
 			<InspectorControls key="setting">
 				<ToolsPanel
 					label={ __( 'Settings' ) }

package/src/accordion/style.scss

@@ -5,11 +5,12 @@
 
 .wp-block-accordion-content.is-open {
 	grid-template-rows: max-content 1fr;
-}
 
-.accordion-content__heading {
-	margin-block-start: 0;
-	margin-block-end: 0;
+	> .wp-block-accordion-header {
+		.accordion-content__toggle-icon.has-icon-plus {
+			transform: rotate(45deg);
+		}
+	}
 }
 
 .accordion-content__toggle {
@@ -27,6 +28,7 @@
 	padding: var(--wp--preset--spacing--20, 1em) 0;
 	cursor: pointer;
 	outline: none;
+	overflow: hidden;
 	display: flex;
 	align-items: center;
 	text-align: inherit;
@@ -41,7 +43,12 @@
 .is-layout-flow > .wp-block-accordion-panel,
 .wp-block-accordion-panel {
 	overflow: hidden;
-	margin: 0;
+}
+
+// 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 {
@@ -58,16 +65,6 @@
 	flex-direction: row-reverse;
 }
 
-/* RTL language support */
-[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-content__toggle {
-	flex-direction: row;
-}
-
 .accordion-content__toggle:focus-visible {
 	outline: 2px solid -webkit-focus-ring-color;
 	outline-offset: 2px;
@@ -83,9 +80,3 @@
 		transition: grid-template-rows 0.3s ease-out;
 	}
 }
-
-.is-open {
-	.accordion-content__toggle-icon.has-icon-plus {
-		transform: rotate(45deg);
-	}
-}