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

package/build-module/utils/get-transformed-metadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["getBlockType","getTransformedMetadata","metadata","newBlockName","bindingsCallback","supports","BLOCK_BINDINGS_SUPPORTED_BLOCKS","transformSupportedProps","includes","push","renaming","length","newMetadata","Object","entries","reduce","obj","prop","value","keys","undefined"],"sources":["@wordpress/block-library/src/utils/get-transformed-metadata.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\n\n/**\n * Transform the metadata attribute with only the values and bindings specified by each transform.\n * Returns `undefined` if the input metadata is falsy.\n *\n * @param {Object}   metadata         Original metadata attribute from the block that is being transformed.\n * @param {Object}   newBlockName     Name of the final block after the transformation.\n * @param {Function} bindingsCallback Optional callback to transform the `bindings` property object.\n * @return {Object|undefined} New metadata object only with the relevant properties.\n */\nexport function getTransformedMetadata(\n\tmetadata,\n\tnewBlockName,\n\tbindingsCallback\n) {\n\tif ( ! metadata ) {\n\t\treturn;\n\t}\n\tconst { supports } = getBlockType( newBlockName );\n\t// Fixed until an opt-in mechanism is implemented.\n\tconst BLOCK_BINDINGS_SUPPORTED_BLOCKS = [\n\t\t'core/paragraph',\n\t\t'core/heading',\n\t\t'core/image',\n\t\t'core/button',\n\t];\n\t// The metadata properties that should be preserved after the transform.\n\tconst transformSupportedProps = [];\n\t// If it support bindings, and there is a transform bindings callback, add the `id` and `bindings` properties.\n\tif (\n\t\tBLOCK_BINDINGS_SUPPORTED_BLOCKS.includes( newBlockName ) &&\n\t\tbindingsCallback\n\t) {\n\t\ttransformSupportedProps.push( 'id', 'bindings' );\n\t}\n\t// If it support block naming (true by default), add the `name` property.\n\tif ( supports.renaming !== false ) {\n\t\ttransformSupportedProps.push( 'name' );\n\t}\n\n\t// Return early if no supported properties.\n\tif ( ! transformSupportedProps.length ) {\n\t\treturn;\n\t}\n\n\tconst newMetadata = Object.entries( metadata ).reduce(\n\t\t( obj, [ prop, value ] ) => {\n\t\t\t// If prop is not supported, don't add it to the new metadata object.\n\t\t\tif ( ! transformSupportedProps.includes( prop ) ) {\n\t\t\t\treturn obj;\n\t\t\t}\n\t\t\tobj[ prop ] =\n\t\t\t\tprop === 'bindings' ? bindingsCallback( value ) : value;\n\t\t\treturn obj;\n\t\t},\n\t\t{}\n\t);\n\n\t// Return undefined if object is empty.\n\treturn Object.keys( newMetadata ).length ? newMetadata : undefined;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,mBAAmB;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CACrCC,QAAQ,EACRC,YAAY,EACZC,gBAAgB,EACf;EACD,IAAK,CAAEF,QAAQ,EAAG;IACjB;EACD;EACA,MAAM;IAAEG;EAAS,CAAC,GAAGL,YAAY,CAAEG,YAAa,CAAC;EACjD;EACA,MAAMG,+BAA+B,GAAG,CACvC,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,aAAa,CACb;EACD;EACA,MAAMC,uBAAuB,GAAG,EAAE;EAClC;EACA,IACCD,+BAA+B,CAACE,QAAQ,CAAEL,YAAa,CAAC,IACxDC,gBAAgB,EACf;IACDG,uBAAuB,CAACE,IAAI,CAAE,IAAI,EAAE,UAAW,CAAC;EACjD;EACA;EACA,IAAKJ,QAAQ,CAACK,QAAQ,KAAK,KAAK,EAAG;IAClCH,uBAAuB,CAACE,IAAI,CAAE,MAAO,CAAC;EACvC;;EAEA;EACA,IAAK,CAAEF,uBAAuB,CAACI,MAAM,EAAG;IACvC;EACD;EAEA,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAO,CAAEZ,QAAS,CAAC,CAACa,MAAM,CACpD,CAAEC,GAAG,EAAE,CAAEC,IAAI,EAAEC,KAAK,CAAE,KAAM;IAC3B;IACA,IAAK,CAAEX,uBAAuB,CAACC,QAAQ,CAAES,IAAK,CAAC,EAAG;MACjD,OAAOD,GAAG;IACX;IACAA,GAAG,CAAEC,IAAI,CAAE,GACVA,IAAI,KAAK,UAAU,GAAGb,gBAAgB,CAAEc,KAAM,CAAC,GAAGA,KAAK;IACxD,OAAOF,GAAG;EACX,CAAC,EACD,CAAC,CACF,CAAC;;EAED;EACA,OAAOH,MAAM,CAACM,IAAI,CAAEP,WAAY,CAAC,CAACD,MAAM,GAAGC,WAAW,GAAGQ,SAAS;AACnE","ignoreList":[]}
+{"version":3,"names":["getBlockType","getTransformedMetadata","metadata","newBlockName","bindingsCallback","supports","BLOCK_BINDINGS_SUPPORTED_BLOCKS","transformSupportedProps","includes","push","renaming","blockVisibility","window","__experimentalEnableBlockComment","length","newMetadata","Object","entries","reduce","obj","prop","value","keys","undefined"],"sources":["@wordpress/block-library/src/utils/get-transformed-metadata.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\n\n/**\n * Transform the metadata attribute with only the values and bindings specified by each transform.\n * Returns `undefined` if the input metadata is falsy.\n *\n * @param {Object}   metadata         Original metadata attribute from the block that is being transformed.\n * @param {Object}   newBlockName     Name of the final block after the transformation.\n * @param {Function} bindingsCallback Optional callback to transform the `bindings` property object.\n * @return {Object|undefined} New metadata object only with the relevant properties.\n */\nexport function getTransformedMetadata(\n\tmetadata,\n\tnewBlockName,\n\tbindingsCallback\n) {\n\tif ( ! metadata ) {\n\t\treturn;\n\t}\n\tconst { supports } = getBlockType( newBlockName );\n\t// Fixed until an opt-in mechanism is implemented.\n\tconst BLOCK_BINDINGS_SUPPORTED_BLOCKS = [\n\t\t'core/paragraph',\n\t\t'core/heading',\n\t\t'core/image',\n\t\t'core/button',\n\t];\n\t// The metadata properties that should be preserved after the transform.\n\tconst transformSupportedProps = [];\n\t// If it support bindings, and there is a transform bindings callback, add the `id` and `bindings` properties.\n\tif (\n\t\tBLOCK_BINDINGS_SUPPORTED_BLOCKS.includes( newBlockName ) &&\n\t\tbindingsCallback\n\t) {\n\t\ttransformSupportedProps.push( 'id', 'bindings' );\n\t}\n\t// If it support block naming (true by default), add the `name` property.\n\tif ( supports.renaming !== false ) {\n\t\ttransformSupportedProps.push( 'name' );\n\t}\n\t// If it supports block visibility (true by default), add the `blockVisibility` property.\n\tif ( supports.blockVisibility !== false ) {\n\t\ttransformSupportedProps.push( 'blockVisibility' );\n\t}\n\n\tif ( window?.__experimentalEnableBlockComment ) {\n\t\ttransformSupportedProps.push( 'commentId' );\n\t}\n\n\t// Return early if no supported properties.\n\tif ( ! transformSupportedProps.length ) {\n\t\treturn;\n\t}\n\n\tconst newMetadata = Object.entries( metadata ).reduce(\n\t\t( obj, [ prop, value ] ) => {\n\t\t\t// If prop is not supported, don't add it to the new metadata object.\n\t\t\tif ( ! transformSupportedProps.includes( prop ) ) {\n\t\t\t\treturn obj;\n\t\t\t}\n\t\t\tobj[ prop ] =\n\t\t\t\tprop === 'bindings' ? bindingsCallback( value ) : value;\n\t\t\treturn obj;\n\t\t},\n\t\t{}\n\t);\n\n\t// Return undefined if object is empty.\n\treturn Object.keys( newMetadata ).length ? newMetadata : undefined;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,mBAAmB;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CACrCC,QAAQ,EACRC,YAAY,EACZC,gBAAgB,EACf;EACD,IAAK,CAAEF,QAAQ,EAAG;IACjB;EACD;EACA,MAAM;IAAEG;EAAS,CAAC,GAAGL,YAAY,CAAEG,YAAa,CAAC;EACjD;EACA,MAAMG,+BAA+B,GAAG,CACvC,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,aAAa,CACb;EACD;EACA,MAAMC,uBAAuB,GAAG,EAAE;EAClC;EACA,IACCD,+BAA+B,CAACE,QAAQ,CAAEL,YAAa,CAAC,IACxDC,gBAAgB,EACf;IACDG,uBAAuB,CAACE,IAAI,CAAE,IAAI,EAAE,UAAW,CAAC;EACjD;EACA;EACA,IAAKJ,QAAQ,CAACK,QAAQ,KAAK,KAAK,EAAG;IAClCH,uBAAuB,CAACE,IAAI,CAAE,MAAO,CAAC;EACvC;EACA;EACA,IAAKJ,QAAQ,CAACM,eAAe,KAAK,KAAK,EAAG;IACzCJ,uBAAuB,CAACE,IAAI,CAAE,iBAAkB,CAAC;EAClD;EAEA,IAAKG,MAAM,EAAEC,gCAAgC,EAAG;IAC/CN,uBAAuB,CAACE,IAAI,CAAE,WAAY,CAAC;EAC5C;;EAEA;EACA,IAAK,CAAEF,uBAAuB,CAACO,MAAM,EAAG;IACvC;EACD;EAEA,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAO,CAAEf,QAAS,CAAC,CAACgB,MAAM,CACpD,CAAEC,GAAG,EAAE,CAAEC,IAAI,EAAEC,KAAK,CAAE,KAAM;IAC3B;IACA,IAAK,CAAEd,uBAAuB,CAACC,QAAQ,CAAEY,IAAK,CAAC,EAAG;MACjD,OAAOD,GAAG;IACX;IACAA,GAAG,CAAEC,IAAI,CAAE,GACVA,IAAI,KAAK,UAAU,GAAGhB,gBAAgB,CAAEiB,KAAM,CAAC,GAAGA,KAAK;IACxD,OAAOF,GAAG;EACX,CAAC,EACD,CAAC,CACF,CAAC;;EAED;EACA,OAAOH,MAAM,CAACM,IAAI,CAAEP,WAAY,CAAC,CAACD,MAAM,GAAGC,WAAW,GAAGQ,SAAS;AACnE","ignoreList":[]}

package/build-style/{accordion-header → accordion-heading}/style-rtl.css

@@ -134,7 +134,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-header__toggle {
+.wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
@@ -148,7 +148,6 @@
   color: inherit;
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
-  outline: none;
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -156,16 +155,18 @@
   position: relative;
   width: 100%;
 }
-.wp-block-accordion-header__toggle:focus-visible {
-  outline: 2px solid -webkit-focus-ring-color;
-  outline-offset: 2px;
+.wp-block-accordion-heading__toggle:not(:focus-visible) {
+  outline: none;
+}
+.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
+  text-decoration: underline;
 }
 
-.wp-block-accordion-header__toggle-title {
+.wp-block-accordion-heading__toggle-title {
   flex: 1;
 }
 
-.wp-block-accordion-header__toggle-icon {
+.wp-block-accordion-heading__toggle-icon {
   width: 1.2em;
   height: 1.2em;
   display: flex;

package/build-style/{accordion-header → accordion-heading}/style.css

@@ -134,7 +134,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-header__toggle {
+.wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
@@ -148,7 +148,6 @@
   color: inherit;
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
-  outline: none;
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -156,16 +155,18 @@
   position: relative;
   width: 100%;
 }
-.wp-block-accordion-header__toggle:focus-visible {
-  outline: 2px solid -webkit-focus-ring-color;
-  outline-offset: 2px;
+.wp-block-accordion-heading__toggle:not(:focus-visible) {
+  outline: none;
+}
+.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
+  text-decoration: underline;
 }
 
-.wp-block-accordion-header__toggle-title {
+.wp-block-accordion-heading__toggle-title {
   flex: 1;
 }
 
-.wp-block-accordion-header__toggle-icon {
+.wp-block-accordion-heading__toggle-icon {
   width: 1.2em;
   height: 1.2em;
   display: flex;

package/build-style/{accordion-content → accordion-item}/style-rtl.css

@@ -134,22 +134,22 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-content {
+.wp-block-accordion-item {
   display: grid;
   grid-template-rows: max-content 0fr;
   /* Add transitions only for users who do not prefer reduced motion */
 }
-.wp-block-accordion-content.is-open {
+.wp-block-accordion-item.is-open {
   grid-template-rows: max-content 1fr;
 }
-.wp-block-accordion-content.is-open > .wp-block-accordion-header .wp-block-accordion-header__toggle-icon {
+.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
   transform: rotate(-45deg);
 }
 @media (prefers-reduced-motion: no-preference) {
-  .wp-block-accordion-content {
+  .wp-block-accordion-item {
     transition: grid-template-rows 0.3s ease-out;
   }
-  .wp-block-accordion-content > .wp-block-accordion-header .wp-block-accordion-header__toggle-icon {
+  .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
     transition: transform 0.2s ease-in-out;
   }
 }

package/build-style/{accordion-content → accordion-item}/style.css

@@ -134,22 +134,22 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-content {
+.wp-block-accordion-item {
   display: grid;
   grid-template-rows: max-content 0fr;
   /* Add transitions only for users who do not prefer reduced motion */
 }
-.wp-block-accordion-content.is-open {
+.wp-block-accordion-item.is-open {
   grid-template-rows: max-content 1fr;
 }
-.wp-block-accordion-content.is-open > .wp-block-accordion-header .wp-block-accordion-header__toggle-icon {
+.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
   transform: rotate(45deg);
 }
 @media (prefers-reduced-motion: no-preference) {
-  .wp-block-accordion-content {
+  .wp-block-accordion-item {
     transition: grid-template-rows 0.3s ease-out;
   }
-  .wp-block-accordion-content > .wp-block-accordion-header .wp-block-accordion-header__toggle-icon {
+  .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
     transition: transform 0.2s ease-in-out;
   }
 }

package/build-style/style-rtl.css

@@ -135,27 +135,27 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-content {
+.wp-block-accordion-item {
   display: grid;
   grid-template-rows: max-content 0fr;
   /* Add transitions only for users who do not prefer reduced motion */
 }
-.wp-block-accordion-content.is-open {
+.wp-block-accordion-item.is-open {
   grid-template-rows: max-content 1fr;
 }
-.wp-block-accordion-content.is-open > .wp-block-accordion-header .wp-block-accordion-header__toggle-icon {
+.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
   transform: rotate(-45deg);
 }
 @media (prefers-reduced-motion: no-preference) {
-  .wp-block-accordion-content {
+  .wp-block-accordion-item {
     transition: grid-template-rows 0.3s ease-out;
   }
-  .wp-block-accordion-content > .wp-block-accordion-header .wp-block-accordion-header__toggle-icon {
+  .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
     transition: transform 0.2s ease-in-out;
   }
 }
 
-.wp-block-accordion-header__toggle {
+.wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
@@ -169,7 +169,6 @@
   color: inherit;
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
-  outline: none;
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -177,16 +176,18 @@
   position: relative;
   width: 100%;
 }
-.wp-block-accordion-header__toggle:focus-visible {
-  outline: 2px solid -webkit-focus-ring-color;
-  outline-offset: 2px;
+.wp-block-accordion-heading__toggle:not(:focus-visible) {
+  outline: none;
+}
+.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
+  text-decoration: underline;
 }
 
-.wp-block-accordion-header__toggle-title {
+.wp-block-accordion-heading__toggle-title {
   flex: 1;
 }
 
-.wp-block-accordion-header__toggle-icon {
+.wp-block-accordion-heading__toggle-icon {
   width: 1.2em;
   height: 1.2em;
   display: flex;

package/build-style/style.css

@@ -135,27 +135,27 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-accordion-content {
+.wp-block-accordion-item {
   display: grid;
   grid-template-rows: max-content 0fr;
   /* Add transitions only for users who do not prefer reduced motion */
 }
-.wp-block-accordion-content.is-open {
+.wp-block-accordion-item.is-open {
   grid-template-rows: max-content 1fr;
 }
-.wp-block-accordion-content.is-open > .wp-block-accordion-header .wp-block-accordion-header__toggle-icon {
+.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
   transform: rotate(45deg);
 }
 @media (prefers-reduced-motion: no-preference) {
-  .wp-block-accordion-content {
+  .wp-block-accordion-item {
     transition: grid-template-rows 0.3s ease-out;
   }
-  .wp-block-accordion-content > .wp-block-accordion-header .wp-block-accordion-header__toggle-icon {
+  .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
     transition: transform 0.2s ease-in-out;
   }
 }
 
-.wp-block-accordion-header__toggle {
+.wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
@@ -169,7 +169,6 @@
   color: inherit;
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
-  outline: none;
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -177,16 +176,18 @@
   position: relative;
   width: 100%;
 }
-.wp-block-accordion-header__toggle:focus-visible {
-  outline: 2px solid -webkit-focus-ring-color;
-  outline-offset: 2px;
+.wp-block-accordion-heading__toggle:not(:focus-visible) {
+  outline: none;
+}
+.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
+  text-decoration: underline;
 }
 
-.wp-block-accordion-header__toggle-title {
+.wp-block-accordion-heading__toggle-title {
   flex: 1;
 }
 
-.wp-block-accordion-header__toggle-icon {
+.wp-block-accordion-heading__toggle-icon {
   width: 1.2em;
   height: 1.2em;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.31.1-next.233ccab9b.0",
+	"version": "9.32.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.31.1-next.233ccab9b.0",
-		"@wordpress/api-fetch": "^7.31.1-next.233ccab9b.0",
-		"@wordpress/autop": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/blob": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/block-editor": "^15.4.1-next.233ccab9b.0",
-		"@wordpress/blocks": "^15.4.1-next.233ccab9b.0",
-		"@wordpress/components": "^30.5.1-next.233ccab9b.0",
-		"@wordpress/compose": "^7.31.1-next.233ccab9b.0",
-		"@wordpress/core-data": "^7.31.1-next.233ccab9b.0",
-		"@wordpress/data": "^10.31.1-next.233ccab9b.0",
-		"@wordpress/date": "^5.31.1-next.233ccab9b.0",
-		"@wordpress/deprecated": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/dom": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/element": "^6.31.1-next.233ccab9b.0",
-		"@wordpress/escape-html": "^3.31.1-next.233ccab9b.0",
-		"@wordpress/hooks": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/html-entities": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/i18n": "^6.4.1-next.233ccab9b.0",
-		"@wordpress/icons": "^10.31.1-next.233ccab9b.0",
-		"@wordpress/interactivity": "^6.31.1-next.233ccab9b.0",
-		"@wordpress/interactivity-router": "^2.31.1-next.233ccab9b.0",
-		"@wordpress/keyboard-shortcuts": "^5.31.1-next.233ccab9b.0",
-		"@wordpress/keycodes": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/notices": "^5.31.1-next.233ccab9b.0",
-		"@wordpress/patterns": "^2.31.1-next.233ccab9b.0",
-		"@wordpress/primitives": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/private-apis": "^1.31.1-next.233ccab9b.0",
-		"@wordpress/reusable-blocks": "^5.31.1-next.233ccab9b.0",
-		"@wordpress/rich-text": "^7.31.1-next.233ccab9b.0",
-		"@wordpress/server-side-render": "^6.7.1-next.233ccab9b.0",
-		"@wordpress/url": "^4.31.1-next.233ccab9b.0",
-		"@wordpress/viewport": "^6.31.1-next.233ccab9b.0",
-		"@wordpress/wordcount": "^4.31.1-next.233ccab9b.0",
+		"@wordpress/a11y": "^4.32.0",
+		"@wordpress/api-fetch": "^7.32.0",
+		"@wordpress/autop": "^4.32.0",
+		"@wordpress/blob": "^4.32.0",
+		"@wordpress/block-editor": "^15.5.0",
+		"@wordpress/blocks": "^15.5.0",
+		"@wordpress/components": "^30.5.0",
+		"@wordpress/compose": "^7.32.0",
+		"@wordpress/core-data": "^7.32.0",
+		"@wordpress/data": "^10.32.0",
+		"@wordpress/date": "^5.32.0",
+		"@wordpress/deprecated": "^4.32.0",
+		"@wordpress/dom": "^4.32.0",
+		"@wordpress/element": "^6.32.0",
+		"@wordpress/escape-html": "^3.32.0",
+		"@wordpress/hooks": "^4.32.0",
+		"@wordpress/html-entities": "^4.32.0",
+		"@wordpress/i18n": "^6.5.0",
+		"@wordpress/icons": "^10.32.0",
+		"@wordpress/interactivity": "^6.32.0",
+		"@wordpress/interactivity-router": "^2.32.0",
+		"@wordpress/keyboard-shortcuts": "^5.32.0",
+		"@wordpress/keycodes": "^4.32.0",
+		"@wordpress/notices": "^5.32.0",
+		"@wordpress/patterns": "^2.32.0",
+		"@wordpress/primitives": "^4.32.0",
+		"@wordpress/private-apis": "^1.32.0",
+		"@wordpress/reusable-blocks": "^5.32.0",
+		"@wordpress/rich-text": "^7.32.0",
+		"@wordpress/server-side-render": "^6.8.0",
+		"@wordpress/url": "^4.32.0",
+		"@wordpress/viewport": "^6.32.0",
+		"@wordpress/wordcount": "^4.32.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -92,5 +92,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d11f971521e4b39b07124d5c5516890ff98b0e31"
+	"gitHead": "a030b4c0e0695239b942c7dc18511782b64f10ed"
 }

package/src/accordion/block.json

@@ -4,7 +4,7 @@
 	"name": "core/accordion",
 	"title": "Accordion",
 	"category": "design",
-	"description": "Displays a group of accordion headers and associated expandable content.",
+	"description": "Displays a group of accordion headings and associated expandable content.",
 	"example": {},
 	"__experimental": true,
 	"supports": {
@@ -67,13 +67,21 @@
 		"autoclose": {
 			"type": "boolean",
 			"default": false
+		},
+		"headingLevel": {
+			"type": "number",
+			"default": 3
+		},
+		"levelOptions": {
+			"type": "array"
 		}
 	},
 	"providesContext": {
 		"core/accordion-icon-position": "iconPosition",
-		"core/accordion-show-icon": "showIcon"
+		"core/accordion-show-icon": "showIcon",
+		"core/accordion-heading-level": "headingLevel"
 	},
-	"allowedBlocks": [ "core/accordion-content" ],
+	"allowedBlocks": [ "core/accordion-item" ],
 	"textdomain": "default",
 	"viewScriptModule": "@wordpress/block-library/accordion/view"
 }

package/src/accordion/edit.js

@@ -6,7 +6,9 @@ import {
 	useInnerBlocksProps,
 	InspectorControls,
 	BlockControls,
+	useBlockEditingMode,
 	store as blockEditorStore,
+	HeadingLevelDropdown,
 } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import {
@@ -16,8 +18,9 @@ import {
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 	ToolbarButton,
+	ToolbarGroup,
 } from '@wordpress/components';
-import { useDispatch } from '@wordpress/data';
+import { useDispatch, useSelect, useRegistry } from '@wordpress/data';
 import { createBlock } from '@wordpress/blocks';
 
 /**
@@ -25,20 +28,32 @@ import { createBlock } from '@wordpress/blocks';
  */
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
-const ACCORDION_BLOCK_NAME = 'core/accordion-content';
+const ACCORDION_BLOCK_NAME = 'core/accordion-item';
+const ACCORDION_HEADING_BLOCK_NAME = 'core/accordion-heading';
 const ACCORDION_BLOCK = {
 	name: ACCORDION_BLOCK_NAME,
 };
 
 export default function Edit( {
-	attributes: { autoclose, iconPosition, showIcon },
+	attributes: {
+		autoclose,
+		iconPosition,
+		showIcon,
+		headingLevel,
+		levelOptions,
+	},
 	clientId,
 	setAttributes,
 	isSelected: isSingleSelected,
 } ) {
+	const registry = useRegistry();
+	const { getBlockOrder } = useSelect( blockEditorStore );
 	const blockProps = useBlockProps();
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
-	const { insertBlock } = useDispatch( blockEditorStore );
+	const { updateBlockAttributes, insertBlock } =
+		useDispatch( blockEditorStore );
+	const blockEditingMode = useBlockEditingMode();
+	const isContentOnlyMode = blockEditingMode === 'contentOnly';
 
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		template: [ [ ACCORDION_BLOCK_NAME ], [ ACCORDION_BLOCK_NAME ] ],
@@ -47,19 +62,60 @@ export default function Edit( {
 		templateInsertUpdatesSelection: true,
 	} );
 
-	const addAccordionContentBlock = () => {
-		const newAccordionContent = createBlock( ACCORDION_BLOCK_NAME );
-		insertBlock( newAccordionContent, undefined, clientId );
+	const addAccordionItemBlock = () => {
+		// When adding, set the header's level to current headingLevel
+		const newAccordionItem = createBlock( ACCORDION_BLOCK_NAME, {}, [
+			createBlock( ACCORDION_HEADING_BLOCK_NAME, {
+				level: headingLevel,
+			} ),
+			createBlock( 'core/accordion-panel', {} ),
+		] );
+		insertBlock( newAccordionItem, undefined, clientId );
+	};
+
+	/**
+	 * Update all child Accordion Header blocks with a new heading level
+	 * based on the accordion group setting.
+	 * @param {number} newHeadingLevel The new heading level to set
+	 */
+	const updateHeadingLevel = ( newHeadingLevel ) => {
+		const innerBlockClientIds = getBlockOrder( clientId );
+
+		// Get all accordion-header blocks from all accordion-content blocks.
+		const accordionHeaderClientIds = [];
+		innerBlockClientIds.forEach( ( contentClientId ) => {
+			const headerClientIds = getBlockOrder( contentClientId );
+			accordionHeaderClientIds.push( ...headerClientIds );
+		} );
+
+		// Update own and child block heading levels.
+		registry.batch( () => {
+			setAttributes( { headingLevel: newHeadingLevel } );
+			updateBlockAttributes( accordionHeaderClientIds, {
+				level: newHeadingLevel,
+			} );
+		} );
 	};
 
 	return (
 		<>
-			{ isSingleSelected && (
-				<BlockControls group="other">
-					<ToolbarButton onClick={ addAccordionContentBlock }>
-						{ __( 'Add' ) }
-					</ToolbarButton>
-				</BlockControls>
+			{ isSingleSelected && ! isContentOnlyMode && (
+				<>
+					<BlockControls>
+						<ToolbarGroup>
+							<HeadingLevelDropdown
+								value={ headingLevel }
+								options={ levelOptions }
+								onChange={ updateHeadingLevel }
+							/>
+						</ToolbarGroup>
+					</BlockControls>
+					<BlockControls group="other">
+						<ToolbarButton onClick={ addAccordionItemBlock }>
+							{ __( 'Add' ) }
+						</ToolbarButton>
+					</BlockControls>
+				</>
 			) }
 			<InspectorControls key="setting">
 				<ToolsPanel
@@ -69,6 +125,7 @@ export default function Edit( {
 							autoclose: false,
 							showIcon: true,
 							iconPosition: 'right',
+							headingLevel: 3,
 						} );
 					} }
 					dropdownMenuProps={ dropdownMenuProps }

package/src/accordion/index.js

@@ -21,10 +21,10 @@ export const settings = {
 	example: {
 		innerBlocks: [
 			{
-				name: 'core/accordion-content',
+				name: 'core/accordion-item',
 				innerBlocks: [
 					{
-						name: 'core/accordion-header',
+						name: 'core/accordion-heading',
 						attributes: {
 							title: __(
 								'Lorem ipsum dolor sit amet, consectetur.'
@@ -34,10 +34,10 @@ export const settings = {
 				],
 			},
 			{
-				name: 'core/accordion-content',
+				name: 'core/accordion-item',
 				innerBlocks: [
 					{
-						name: 'core/accordion-header',
+						name: 'core/accordion-heading',
 						attributes: {
 							title: __(
 								'Suspendisse commodo lacus, interdum et.'

package/src/accordion/index.php

@@ -20,7 +20,7 @@ function render_block_core_accordion( $attributes, $content ) {
 
 	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 . ', "accordionContents": [] }' );
+		$p->set_attribute( 'data-wp-context', '{ "autoclose": ' . $autoclose . ', "accordionItems": [] }' );
 
 		// Only modify content if directives have been set.
 		$content = $p->get_updated_html();