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

package/build-module/accordion/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["useBlockProps","useInnerBlocksProps","InspectorControls","BlockControls","store","blockEditorStore","__","ToggleControl","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","ToolbarButton","useDispatch","createBlock","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ACCORDION_BLOCK_NAME","ACCORDION_BLOCK","name","Edit","attributes","autoclose","iconPosition","showIcon","clientId","setAttributes","blockProps","dropdownMenuProps","insertBlock","innerBlocksProps","template","defaultBlock","directInsert","templateInsertUpdatesSelection","addAccordionContentBlock","newAccordionContent","undefined","children","group","label","onClick","resetAll","isShownByDefault","hasValue","onDeselect","isBlock","__nextHasNoMarginBottom","onChange","value","checked","help","__next40pxDefaultSize"],"sources":["@wordpress/block-library/src/accordion/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst ACCORDION_BLOCK_NAME = 'core/accordion-content';\nconst ACCORDION_BLOCK = {\n\tname: ACCORDION_BLOCK_NAME,\n};\n\nexport default function Edit( {\n\tattributes: { autoclose, iconPosition, showIcon },\n\tclientId,\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps();\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst { insertBlock } = useDispatch( blockEditorStore );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: [ [ ACCORDION_BLOCK_NAME ], [ ACCORDION_BLOCK_NAME ] ],\n\t\tdefaultBlock: ACCORDION_BLOCK,\n\t\tdirectInsert: true,\n\t\ttemplateInsertUpdatesSelection: true,\n\t} );\n\n\tconst addAccordionContentBlock = () => {\n\t\tconst newAccordionContent = createBlock( ACCORDION_BLOCK_NAME );\n\t\tinsertBlock( newAccordionContent, undefined, clientId );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tlabel={ __( 'Add accordion content block' ) }\n\t\t\t\t\tonClick={ addAccordionContentBlock }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add' ) }\n\t\t\t\t</ToolbarButton>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls key=\"setting\">\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tautoclose: false,\n\t\t\t\t\t\t\tshowIcon: true,\n\t\t\t\t\t\t\ticonPosition: 'right',\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Auto-close' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! autoclose }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { autoclose: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Auto-close' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tautoclose: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ autoclose }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Automatically close accordions when a new one is opened.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Show icon' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => ! showIcon }\n\t\t\t\t\t\tonDeselect={ () => setAttributes( { showIcon: true } ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show icon' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowIcon: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ showIcon }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Display a plus icon next to the accordion header.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Icon Position' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => iconPosition !== 'right' }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { iconPosition: 'right' } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tlabel={ __( 'Icon Position' ) }\n\t\t\t\t\t\t\tvalue={ iconPosition }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { iconPosition: value } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tlabel={ __( 'Left' ) }\n\t\t\t\t\t\t\t\tvalue=\"left\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tlabel={ __( 'Right' ) }\n\t\t\t\t\t\t\t\tvalue=\"right\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useBlockProps","useInnerBlocksProps","InspectorControls","BlockControls","store","blockEditorStore","__","ToggleControl","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","ToolbarButton","useDispatch","createBlock","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ACCORDION_BLOCK_NAME","ACCORDION_BLOCK","name","Edit","attributes","autoclose","iconPosition","showIcon","clientId","setAttributes","isSelected","isSingleSelected","blockProps","dropdownMenuProps","insertBlock","innerBlocksProps","template","defaultBlock","directInsert","templateInsertUpdatesSelection","addAccordionContentBlock","newAccordionContent","undefined","children","group","onClick","label","resetAll","isShownByDefault","hasValue","onDeselect","isBlock","__nextHasNoMarginBottom","onChange","value","checked","help","__next40pxDefaultSize"],"sources":["@wordpress/block-library/src/accordion/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst ACCORDION_BLOCK_NAME = 'core/accordion-content';\nconst ACCORDION_BLOCK = {\n\tname: ACCORDION_BLOCK_NAME,\n};\n\nexport default function Edit( {\n\tattributes: { autoclose, iconPosition, showIcon },\n\tclientId,\n\tsetAttributes,\n\tisSelected: isSingleSelected,\n} ) {\n\tconst blockProps = useBlockProps();\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst { insertBlock } = useDispatch( blockEditorStore );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: [ [ ACCORDION_BLOCK_NAME ], [ ACCORDION_BLOCK_NAME ] ],\n\t\tdefaultBlock: ACCORDION_BLOCK,\n\t\tdirectInsert: true,\n\t\ttemplateInsertUpdatesSelection: true,\n\t} );\n\n\tconst addAccordionContentBlock = () => {\n\t\tconst newAccordionContent = createBlock( ACCORDION_BLOCK_NAME );\n\t\tinsertBlock( newAccordionContent, undefined, clientId );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ isSingleSelected && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ToolbarButton onClick={ addAccordionContentBlock }>\n\t\t\t\t\t\t{ __( 'Add' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<InspectorControls key=\"setting\">\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tautoclose: false,\n\t\t\t\t\t\t\tshowIcon: true,\n\t\t\t\t\t\t\ticonPosition: 'right',\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Auto-close' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! autoclose }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { autoclose: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Auto-close' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tautoclose: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ autoclose }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Automatically close accordions when a new one is opened.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Show icon' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => ! showIcon }\n\t\t\t\t\t\tonDeselect={ () => setAttributes( { showIcon: true } ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show icon' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowIcon: value,\n\t\t\t\t\t\t\t\t\ticonPosition: value\n\t\t\t\t\t\t\t\t\t\t? iconPosition\n\t\t\t\t\t\t\t\t\t\t: 'right',\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ showIcon }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Display a plus icon next to the accordion header.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t{ showIcon && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Icon Position' ) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\thasValue={ () => iconPosition !== 'right' }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { iconPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t\tlabel={ __( 'Icon Position' ) }\n\t\t\t\t\t\t\t\tvalue={ iconPosition }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( { iconPosition: value } );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Left' ) }\n\t\t\t\t\t\t\t\t\tvalue=\"left\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Right' ) }\n\t\t\t\t\t\t\t\t\tvalue=\"right\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/accordion/index.js

@@ -1,3 +1,8 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
@@ -24,7 +29,7 @@ const metadata = {
     },
     color: {
       background: true,
-      gradient: true
+      gradients: true
     },
     __experimentalBorder: {
       color: true,
@@ -45,7 +50,20 @@ const metadata = {
     },
     shadow: true,
     layout: true,
-    interactivity: true
+    interactivity: true,
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalTextDecoration: true,
+      __experimentalLetterSpacing: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
+    }
   },
   attributes: {
     iconPosition: {
@@ -67,7 +85,8 @@ const metadata = {
   },
   allowedBlocks: ["core/accordion-content"],
   textdomain: "default",
-  style: "wp-block-accordion"
+  style: "wp-block-accordion",
+  viewScriptModule: "@wordpress/block-library/accordion/view"
 };
 import initBlock from '../utils/init-block';
 import icon from './icon';
@@ -77,7 +96,25 @@ const {
 export { metadata, name };
 export const settings = {
   icon,
-  example: {},
+  example: {
+    innerBlocks: [{
+      name: 'core/accordion-content',
+      innerBlocks: [{
+        name: 'core/accordion-header',
+        attributes: {
+          title: __('Lorem ipsum dolor sit amet, consectetur.')
+        }
+      }]
+    }, {
+      name: 'core/accordion-content',
+      innerBlocks: [{
+        name: 'core/accordion-header',
+        attributes: {
+          title: __('Suspendisse commodo lacus, interdum et.')
+        }
+      }]
+    }]
+  },
   edit,
   save
 };

package/build-module/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","example","__experimental","supports","html","align","background","backgroundImage","backgroundSize","__experimentalDefaultControls","color","gradient","__experimentalBorder","radius","style","width","spacing","padding","margin","blockGap","shadow","layout","interactivity","attributes","iconPosition","type","showIcon","autoclose","providesContext","allowedBlocks","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,OAAA;EAAAC,cAAA;EAAAC,QAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,UAAA;MAAAC,eAAA;MAAAC,cAAA;MAAAC,6BAAA;QAAAF,eAAA;MAAA;IAAA;IAAAG,KAAA;MAAAJ,UAAA;MAAAK,QAAA;IAAA;IAAAC,oBAAA;MAAAF,KAAA;MAAAG,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAN,6BAAA;QAAAC,KAAA;QAAAG,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,aAAA;EAAA;EAAAC,UAAA;IAAAC,YAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,QAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,SAAA;MAAAF,IAAA;MAAA;IAAA;EAAA;EAAAG,eAAA;IAAA;IAAA;EAAA;EAAAC,aAAA;EAAAC,UAAA;EAAAhB,KAAA;AAAA;AAE1B,OAAOiB,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEnC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMoC,QAAQ,GAAG;EACvBD,IAAI;EACJ/B,OAAO,EAAE,CAAC,CAAC;EACXT,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMyC,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAElC,IAAI;EAAEH,QAAQ;EAAEuC;AAAS,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["__","edit","save","metadata","$schema","apiVersion","name","title","category","description","example","__experimental","supports","html","align","background","backgroundImage","backgroundSize","__experimentalDefaultControls","color","gradients","__experimentalBorder","radius","style","width","spacing","padding","margin","blockGap","shadow","layout","interactivity","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","attributes","iconPosition","type","showIcon","autoclose","providesContext","allowedBlocks","textdomain","viewScriptModule","initBlock","icon","settings","innerBlocks","init"],"sources":["@wordpress/block-library/src/accordion/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/accordion-content',\n\t\t\t\tinnerBlocks: [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'core/accordion-header',\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\ttitle: __(\n\t\t\t\t\t\t\t\t'Lorem ipsum dolor sit amet, consectetur.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/accordion-content',\n\t\t\t\tinnerBlocks: [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'core/accordion-header',\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\ttitle: __(\n\t\t\t\t\t\t\t\t'Suspendisse commodo lacus, interdum et.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,OAAA;EAAAC,cAAA;EAAAC,QAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,UAAA;MAAAC,eAAA;MAAAC,cAAA;MAAAC,6BAAA;QAAAF,eAAA;MAAA;IAAA;IAAAG,KAAA;MAAAJ,UAAA;MAAAK,SAAA;IAAA;IAAAC,oBAAA;MAAAF,KAAA;MAAAG,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAN,6BAAA;QAAAC,KAAA;QAAAG,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,aAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAtB,6BAAA;QAAAe,QAAA;MAAA;IAAA;EAAA;EAAAQ,UAAA;IAAAC,YAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,QAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,SAAA;MAAAF,IAAA;MAAA;IAAA;EAAA;EAAAG,eAAA;IAAA;IAAA;EAAA;EAAAC,aAAA;EAAAC,UAAA;EAAAzB,KAAA;EAAA0B,gBAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAE7C;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM8C,QAAQ,GAAG;EACvBD,IAAI;EACJzC,OAAO,EAAE;IACR2C,WAAW,EAAE,CACZ;MACC/C,IAAI,EAAE,wBAAwB;MAC9B+C,WAAW,EAAE,CACZ;QACC/C,IAAI,EAAE,uBAAuB;QAC7BmC,UAAU,EAAE;UACXlC,KAAK,EAAEP,EAAE,CACR,0CACD;QACD;MACD,CAAC;IAEH,CAAC,EACD;MACCM,IAAI,EAAE,wBAAwB;MAC9B+C,WAAW,EAAE,CACZ;QACC/C,IAAI,EAAE,uBAAuB;QAC7BmC,UAAU,EAAE;UACXlC,KAAK,EAAEP,EAAE,CACR,yCACD;QACD;MACD,CAAC;IAEH,CAAC;EAEH,CAAC;EACDC,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMoD,IAAI,GAAGA,CAAA,KAAMJ,SAAS,CAAE;EAAE5C,IAAI;EAAEH,QAAQ;EAAEiD;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/accordion/save.js

@@ -1,27 +1,12 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
 import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default function save({
-  attributes
-}) {
-  const {
-    iconPosition
-  } = attributes;
+export default function save() {
   const blockProps = useBlockProps.save();
-  const className = clsx({
-    'icon-position-left': iconPosition === 'left'
-  }, blockProps.className);
   return /*#__PURE__*/_jsx("div", {
-    ...useInnerBlocksProps.save({
-      ...blockProps,
-      className
-    })
+    ...useInnerBlocksProps.save(blockProps)
   });
 }
 //# sourceMappingURL=save.js.map

package/build-module/accordion/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","useBlockProps","useInnerBlocksProps","jsx","_jsx","save","attributes","iconPosition","blockProps","className"],"sources":["@wordpress/block-library/src/accordion/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { iconPosition } = attributes;\n\tconst blockProps = useBlockProps.save();\n\tconst className = clsx(\n\t\t{\n\t\t\t'icon-position-left': iconPosition === 'left',\n\t\t},\n\t\tblockProps.className\n\t);\n\n\treturn (\n\t\t<div { ...useInnerBlocksProps.save( { ...blockProps, className } ) } />\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AACvB;AACA;AACA;AACA,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7E,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC;EAAa,CAAC,GAAGD,UAAU;EACnC,MAAME,UAAU,GAAGP,aAAa,CAACI,IAAI,CAAC,CAAC;EACvC,MAAMI,SAAS,GAAGT,IAAI,CACrB;IACC,oBAAoB,EAAEO,YAAY,KAAK;EACxC,CAAC,EACDC,UAAU,CAACC,SACZ,CAAC;EAED,oBACCL,IAAA;IAAA,GAAUF,mBAAmB,CAACG,IAAI,CAAE;MAAE,GAAGG,UAAU;MAAEC;IAAU,CAAE;EAAC,CAAI,CAAC;AAEzE","ignoreList":[]}
+{"version":3,"names":["useBlockProps","useInnerBlocksProps","jsx","_jsx","save","blockProps"],"sources":["@wordpress/block-library/src/accordion/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nexport default function save() {\n\tconst blockProps = useBlockProps.save();\n\treturn <div { ...useInnerBlocksProps.save( blockProps ) } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,mBAAmB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7E,eAAe,SAASC,IAAIA,CAAA,EAAG;EAC9B,MAAMC,UAAU,GAAGL,aAAa,CAACI,IAAI,CAAC,CAAC;EACvC,oBAAOD,IAAA;IAAA,GAAUF,mBAAmB,CAACG,IAAI,CAAEC,UAAW;EAAC,CAAI,CAAC;AAC7D","ignoreList":[]}

package/build-module/accordion/view.js

@@ -1,17 +1,16 @@
 /**
  * WordPress dependencies
  */
-import { store, getContext } from '@wordpress/interactivity';
-const {
-  state
-} = store('core/accordion', {
+import { store, getContext, withSyncEvent } from '@wordpress/interactivity';
+store('core/accordion', {
   state: {
     get isOpen() {
       const {
-        isOpen,
-        id
+        id,
+        accordionContents
       } = getContext();
-      return isOpen.includes(id);
+      const accordionContent = accordionContents.find(item => item.id === id);
+      return accordionContent ? accordionContent.isOpen : false;
     }
   },
   actions: {
@@ -19,27 +18,62 @@ const {
       const context = getContext();
       const {
         id,
-        autoclose
+        autoclose,
+        accordionContents
       } = context;
+      const accordionContent = accordionContents.find(item => item.id === id);
       if (autoclose) {
-        context.isOpen = state.isOpen ? [] : [id];
-      } else if (state.isOpen) {
-        context.isOpen = context.isOpen.filter(item => item !== id);
+        accordionContents.forEach(item => {
+          item.isOpen = item.id === id ? !accordionContent.isOpen : false;
+        });
       } else {
-        context.isOpen.push(id);
+        accordionContent.isOpen = !accordionContent.isOpen;
       }
-    }
+    },
+    handleKeyDown: withSyncEvent(event => {
+      if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Home' && event.key !== 'End') {
+        return;
+      }
+      event.preventDefault();
+      const context = getContext();
+      const {
+        id,
+        accordionContents
+      } = context;
+      const currentIndex = accordionContents.findIndex(item => item.id === id);
+      let nextIndex;
+      switch (event.key) {
+        case 'ArrowUp':
+          nextIndex = Math.max(0, currentIndex - 1);
+          break;
+        case 'ArrowDown':
+          nextIndex = Math.min(currentIndex + 1, accordionContents.length - 1);
+          break;
+        case 'Home':
+          nextIndex = 0;
+          break;
+        case 'End':
+          nextIndex = accordionContents.length - 1;
+          break;
+      }
+      const nextId = accordionContents[nextIndex].id;
+      const nextButton = document.getElementById(nextId);
+      if (nextButton) {
+        nextButton.focus();
+      }
+    })
   },
   callbacks: {
-    initIsOpen: () => {
+    initAccordionContents: () => {
       const context = getContext();
       const {
         id,
         openByDefault
       } = context;
-      if (openByDefault) {
-        context.isOpen.push(id);
-      }
+      context.accordionContents.push({
+        id,
+        isOpen: openByDefault
+      });
     }
   }
 });

package/build-module/accordion/view.js.map

@@ -1 +1 @@
-{"version":3,"names":["store","getContext","state","isOpen","id","includes","actions","toggle","context","autoclose","filter","item","push","callbacks","initIsOpen","openByDefault"],"sources":["@wordpress/block-library/src/accordion/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, getContext } from '@wordpress/interactivity';\n\nconst { state } = store( 'core/accordion', {\n\tstate: {\n\t\tget isOpen() {\n\t\t\tconst { isOpen, id } = getContext();\n\t\t\treturn isOpen.includes( id );\n\t\t},\n\t},\n\tactions: {\n\t\ttoggle: () => {\n\t\t\tconst context = getContext();\n\t\t\tconst { id, autoclose } = context;\n\n\t\t\tif ( autoclose ) {\n\t\t\t\tcontext.isOpen = state.isOpen ? [] : [ id ];\n\t\t\t} else if ( state.isOpen ) {\n\t\t\t\tcontext.isOpen = context.isOpen.filter(\n\t\t\t\t\t( item ) => item !== id\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcontext.isOpen.push( id );\n\t\t\t}\n\t\t},\n\t},\n\tcallbacks: {\n\t\tinitIsOpen: () => {\n\t\t\tconst context = getContext();\n\t\t\tconst { id, openByDefault } = context;\n\t\t\tif ( openByDefault ) {\n\t\t\t\tcontext.isOpen.push( id );\n\t\t\t}\n\t\t},\n\t},\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,EAAEC,UAAU,QAAQ,0BAA0B;AAE5D,MAAM;EAAEC;AAAM,CAAC,GAAGF,KAAK,CAAE,gBAAgB,EAAE;EAC1CE,KAAK,EAAE;IACN,IAAIC,MAAMA,CAAA,EAAG;MACZ,MAAM;QAAEA,MAAM;QAAEC;MAAG,CAAC,GAAGH,UAAU,CAAC,CAAC;MACnC,OAAOE,MAAM,CAACE,QAAQ,CAAED,EAAG,CAAC;IAC7B;EACD,CAAC;EACDE,OAAO,EAAE;IACRC,MAAM,EAAEA,CAAA,KAAM;MACb,MAAMC,OAAO,GAAGP,UAAU,CAAC,CAAC;MAC5B,MAAM;QAAEG,EAAE;QAAEK;MAAU,CAAC,GAAGD,OAAO;MAEjC,IAAKC,SAAS,EAAG;QAChBD,OAAO,CAACL,MAAM,GAAGD,KAAK,CAACC,MAAM,GAAG,EAAE,GAAG,CAAEC,EAAE,CAAE;MAC5C,CAAC,MAAM,IAAKF,KAAK,CAACC,MAAM,EAAG;QAC1BK,OAAO,CAACL,MAAM,GAAGK,OAAO,CAACL,MAAM,CAACO,MAAM,CACnCC,IAAI,IAAMA,IAAI,KAAKP,EACtB,CAAC;MACF,CAAC,MAAM;QACNI,OAAO,CAACL,MAAM,CAACS,IAAI,CAAER,EAAG,CAAC;MAC1B;IACD;EACD,CAAC;EACDS,SAAS,EAAE;IACVC,UAAU,EAAEA,CAAA,KAAM;MACjB,MAAMN,OAAO,GAAGP,UAAU,CAAC,CAAC;MAC5B,MAAM;QAAEG,EAAE;QAAEW;MAAc,CAAC,GAAGP,OAAO;MACrC,IAAKO,aAAa,EAAG;QACpBP,OAAO,CAACL,MAAM,CAACS,IAAI,CAAER,EAAG,CAAC;MAC1B;IACD;EACD;AACD,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["store","getContext","withSyncEvent","state","isOpen","id","accordionContents","accordionContent","find","item","actions","toggle","context","autoclose","forEach","handleKeyDown","event","key","preventDefault","currentIndex","findIndex","nextIndex","Math","max","min","length","nextId","nextButton","document","getElementById","focus","callbacks","initAccordionContents","openByDefault","push"],"sources":["@wordpress/block-library/src/accordion/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, getContext, withSyncEvent } from '@wordpress/interactivity';\n\nstore( 'core/accordion', {\n\tstate: {\n\t\tget isOpen() {\n\t\t\tconst { id, accordionContents } = getContext();\n\t\t\tconst accordionContent = accordionContents.find(\n\t\t\t\t( item ) => item.id === id\n\t\t\t);\n\t\t\treturn accordionContent ? accordionContent.isOpen : false;\n\t\t},\n\t},\n\tactions: {\n\t\ttoggle: () => {\n\t\t\tconst context = getContext();\n\t\t\tconst { id, autoclose, accordionContents } = context;\n\t\t\tconst accordionContent = accordionContents.find(\n\t\t\t\t( item ) => item.id === id\n\t\t\t);\n\n\t\t\tif ( autoclose ) {\n\t\t\t\taccordionContents.forEach( ( item ) => {\n\t\t\t\t\titem.isOpen =\n\t\t\t\t\t\titem.id === id ? ! accordionContent.isOpen : false;\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\taccordionContent.isOpen = ! accordionContent.isOpen;\n\t\t\t}\n\t\t},\n\t\thandleKeyDown: withSyncEvent( ( event ) => {\n\t\t\tif (\n\t\t\t\tevent.key !== 'ArrowUp' &&\n\t\t\t\tevent.key !== 'ArrowDown' &&\n\t\t\t\tevent.key !== 'Home' &&\n\t\t\t\tevent.key !== 'End'\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tconst context = getContext();\n\t\t\tconst { id, accordionContents } = context;\n\t\t\tconst currentIndex = accordionContents.findIndex(\n\t\t\t\t( item ) => item.id === id\n\t\t\t);\n\n\t\t\tlet nextIndex;\n\n\t\t\tswitch ( event.key ) {\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\tnextIndex = Math.max( 0, currentIndex - 1 );\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\tnextIndex = Math.min(\n\t\t\t\t\t\tcurrentIndex + 1,\n\t\t\t\t\t\taccordionContents.length - 1\n\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Home':\n\t\t\t\t\tnextIndex = 0;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'End':\n\t\t\t\t\tnextIndex = accordionContents.length - 1;\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tconst nextId = accordionContents[ nextIndex ].id;\n\t\t\tconst nextButton = document.getElementById( nextId );\n\t\t\tif ( nextButton ) {\n\t\t\t\tnextButton.focus();\n\t\t\t}\n\t\t} ),\n\t},\n\tcallbacks: {\n\t\tinitAccordionContents: () => {\n\t\t\tconst context = getContext();\n\t\t\tconst { id, openByDefault } = context;\n\t\t\tcontext.accordionContents.push( {\n\t\t\t\tid,\n\t\t\t\tisOpen: openByDefault,\n\t\t\t} );\n\t\t},\n\t},\n} );\n"],"mappings":"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","ignoreList":[]}

package/build-module/accordion-content/index.js

@@ -16,7 +16,7 @@ const metadata = {
   supports: {
     color: {
       background: true,
-      gradient: true
+      gradients: true
     },
     interactivity: true,
     spacing: {
@@ -36,7 +36,20 @@ const metadata = {
       }
     },
     shadow: true,
-    layout: true
+    layout: true,
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalTextDecoration: true,
+      __experimentalLetterSpacing: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
+    }
   },
   attributes: {
     openByDefault: {

package/build-module/accordion-content/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","__experimental","parent","allowedBlocks","supports","color","background","gradient","interactivity","spacing","margin","blockGap","__experimentalBorder","radius","style","width","__experimentalDefaultControls","shadow","layout","attributes","openByDefault","type","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-content/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,aAAA;EAAAC,QAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,QAAA;IAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,oBAAA;MAAAP,KAAA;MAAAQ,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,6BAAA;QAAAX,KAAA;QAAAQ,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAE,MAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;EAAA;EAAAC,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAE3B;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM4B,QAAQ,GAAG;EACvBD,IAAI;EACJhC,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMiC,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAE1B,IAAI;EAAEH,QAAQ;EAAE+B;AAAS,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","__experimental","parent","allowedBlocks","supports","color","background","gradients","interactivity","spacing","margin","blockGap","__experimentalBorder","radius","style","width","__experimentalDefaultControls","shadow","layout","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","attributes","openByDefault","type","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-content/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,aAAA;EAAAC,QAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,SAAA;IAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,oBAAA;MAAAP,KAAA;MAAAQ,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,6BAAA;QAAAX,KAAA;QAAAQ,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAX,6BAAA;QAAAI,QAAA;MAAA;IAAA;EAAA;EAAAQ,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;EAAA;EAAAC,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEpC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMqC,QAAQ,GAAG;EACvBD,IAAI;EACJzC,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAM0C,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAEnC,IAAI;EAAEH,QAAQ;EAAEwC;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/accordion-header/edit.js

@@ -7,16 +7,9 @@ import clsx from 'clsx';
  */
 import { __ } from '@wordpress/i18n';
 import { useEffect } from '@wordpress/element';
-import { useBlockProps, __experimentalUseBorderProps as useBorderProps, __experimentalUseColorProps as useColorProps, __experimentalGetSpacingClassesAndStyles as useSpacingProps, __experimentalGetShadowClassesAndStyles as useShadowProps, BlockControls, HeadingLevelDropdown, RichText } from '@wordpress/block-editor';
+import { useBlockProps, __experimentalGetSpacingClassesAndStyles as useSpacingProps, BlockControls, HeadingLevelDropdown, RichText } from '@wordpress/block-editor';
 import { ToolbarGroup } from '@wordpress/components';
-/**
- * Internal dependencies
- */
-import { plus } from '../accordion-content/icons';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const ICONS = {
-  plus
-};
 export default function Edit({
   attributes,
   setAttributes,
@@ -43,13 +36,12 @@ export default function Edit({
       });
     }
   }, [iconPosition, showIcon, setAttributes]);
-  const blockProps = useBlockProps();
-  const borderProps = useBorderProps(attributes);
-  const colorProps = useColorProps(attributes);
+  const blockProps = useBlockProps({
+    className: clsx('accordion-content__heading', {
+      [`has-text-align-${textAlign}`]: textAlign
+    })
+  });
   const spacingProps = useSpacingProps(attributes);
-  const shadowProps = useShadowProps(attributes);
-  const Icon = ICONS.plus;
-  const shouldShowIcon = showIcon && Icon;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(BlockControls, {
       children: /*#__PURE__*/_jsx(ToolbarGroup, {
@@ -63,23 +55,17 @@ export default function Edit({
       })
     }), /*#__PURE__*/_jsx(TagName, {
       ...blockProps,
-      className: clsx(blockProps.className, colorProps.className, borderProps.className, 'accordion-content__heading', {
-        [`has-custom-font-size`]: blockProps.style.fontSize,
-        [`icon-position-left`]: iconPosition === 'left',
-        [`has-text-align-${textAlign}`]: textAlign
-      }),
-      style: {
-        ...borderProps.style,
-        ...colorProps.style,
-        ...shadowProps.style
-      },
       children: /*#__PURE__*/_jsxs("button", {
         className: clsx('accordion-content__toggle'),
         style: {
           ...spacingProps.style
         },
-        children: [/*#__PURE__*/_jsx(RichText, {
-          allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough'],
+        children: [showIcon && iconPosition === 'left' && /*#__PURE__*/_jsx("span", {
+          className: "accordion-content__toggle-icon",
+          "aria-hidden": "true",
+          children: "+"
+        }), /*#__PURE__*/_jsx(RichText, {
+          withoutInteractiveFormatting: true,
           disableLineBreaks: true,
           tagName: "span",
           value: title,
@@ -87,19 +73,10 @@ export default function Edit({
             title: newTitle
           }),
           placeholder: __('Accordion title')
-        }), shouldShowIcon && /*#__PURE__*/_jsx("span", {
-          className: clsx(`accordion-content__toggle-icon`, {
-            'has-icon-plus': true
-          }),
-          style: {
-            // TO-DO: make this configurable
-            width: `1.2em`,
-            height: `1.2em`
-          },
-          children: Icon && /*#__PURE__*/_jsx(Icon, {
-            width: "1.2em",
-            height: "1.2em"
-          })
+        }), showIcon && iconPosition === 'right' && /*#__PURE__*/_jsx("span", {
+          className: "accordion-content__toggle-icon",
+          "aria-hidden": "true",
+          children: "+"
         })]
       })
     })]

package/build-module/accordion-header/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","__","useEffect","useBlockProps","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","__experimentalGetSpacingClassesAndStyles","useSpacingProps","__experimentalGetShadowClassesAndStyles","useShadowProps","BlockControls","HeadingLevelDropdown","RichText","ToolbarGroup","plus","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ICONS","Edit","attributes","setAttributes","context","level","title","textAlign","levelOptions","iconPosition","showIcon","TagName","undefined","blockProps","borderProps","colorProps","spacingProps","shadowProps","Icon","shouldShowIcon","children","value","options","onChange","newLevel","className","style","fontSize","allowedFormats","disableLineBreaks","tagName","newTitle","placeholder","width","height"],"sources":["@wordpress/block-library/src/accordion-header/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\t__experimentalGetShadowClassesAndStyles as useShadowProps,\n\tBlockControls,\n\tHeadingLevelDropdown,\n\tRichText,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport { plus } from '../accordion-content/icons';\n\nconst ICONS = {\n\tplus,\n};\n\nexport default function Edit( { attributes, setAttributes, context } ) {\n\tconst { level, title, textAlign, levelOptions } = attributes;\n\tconst {\n\t\t'core/accordion-icon-position': iconPosition,\n\t\t'core/accordion-show-icon': showIcon,\n\t} = context;\n\tconst TagName = 'h' + level;\n\n\t// Set icon attributes.\n\tuseEffect( () => {\n\t\tif ( iconPosition !== undefined && showIcon !== undefined ) {\n\t\t\tsetAttributes( {\n\t\t\t\ticonPosition,\n\t\t\t\tshowIcon,\n\t\t\t} );\n\t\t}\n\t}, [ iconPosition, showIcon, setAttributes ] );\n\n\tconst blockProps = useBlockProps();\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tconst spacingProps = useSpacingProps( attributes );\n\tconst shadowProps = useShadowProps( attributes );\n\n\tconst Icon = ICONS.plus;\n\tconst shouldShowIcon = showIcon && Icon;\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<HeadingLevelDropdown\n\t\t\t\t\t\tvalue={ level }\n\t\t\t\t\t\toptions={ levelOptions }\n\t\t\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tblockProps.className,\n\t\t\t\t\tcolorProps.className,\n\t\t\t\t\tborderProps.className,\n\t\t\t\t\t'accordion-content__heading',\n\t\t\t\t\t{\n\t\t\t\t\t\t[ `has-custom-font-size` ]: blockProps.style.fontSize,\n\t\t\t\t\t\t[ `icon-position-left` ]: iconPosition === 'left',\n\t\t\t\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ {\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t...shadowProps.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<button\n\t\t\t\t\tclassName={ clsx( 'accordion-content__toggle' ) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...spacingProps.style,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tallowedFormats={ [\n\t\t\t\t\t\t\t'core/bold',\n\t\t\t\t\t\t\t'core/italic',\n\t\t\t\t\t\t\t'core/image',\n\t\t\t\t\t\t\t'core/strikethrough',\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tdisableLineBreaks\n\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ ( newTitle ) =>\n\t\t\t\t\t\t\tsetAttributes( { title: newTitle } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tplaceholder={ __( 'Accordion title' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ shouldShowIcon && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t`accordion-content__toggle-icon`,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'has-icon-plus': true,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t// TO-DO: make this configurable\n\t\t\t\t\t\t\t\twidth: `1.2em`,\n\t\t\t\t\t\t\t\theight: `1.2em`,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ Icon && <Icon width=\"1.2em\" height=\"1.2em\" /> }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</button>\n\t\t\t</TagName>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","__","useEffect","useBlockProps","__experimentalGetSpacingClassesAndStyles","useSpacingProps","BlockControls","HeadingLevelDropdown","RichText","ToolbarGroup","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Edit","attributes","setAttributes","context","level","title","textAlign","levelOptions","iconPosition","showIcon","TagName","undefined","blockProps","className","spacingProps","children","value","options","onChange","newLevel","style","withoutInteractiveFormatting","disableLineBreaks","tagName","newTitle","placeholder"],"sources":["@wordpress/block-library/src/accordion-header/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tuseBlockProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\tBlockControls,\n\tHeadingLevelDropdown,\n\tRichText,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup } from '@wordpress/components';\n\nexport default function Edit( { attributes, setAttributes, context } ) {\n\tconst { level, title, textAlign, levelOptions } = attributes;\n\tconst {\n\t\t'core/accordion-icon-position': iconPosition,\n\t\t'core/accordion-show-icon': showIcon,\n\t} = context;\n\tconst TagName = 'h' + level;\n\n\t// Set icon attributes.\n\tuseEffect( () => {\n\t\tif ( iconPosition !== undefined && showIcon !== undefined ) {\n\t\t\tsetAttributes( {\n\t\t\t\ticonPosition,\n\t\t\t\tshowIcon,\n\t\t\t} );\n\t\t}\n\t}, [ iconPosition, showIcon, setAttributes ] );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( 'accordion-content__heading', {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\tconst spacingProps = useSpacingProps( attributes );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<HeadingLevelDropdown\n\t\t\t\t\t\tvalue={ level }\n\t\t\t\t\t\toptions={ levelOptions }\n\t\t\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t<TagName { ...blockProps }>\n\t\t\t\t<button\n\t\t\t\t\tclassName={ clsx( 'accordion-content__toggle' ) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...spacingProps.style,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ showIcon && iconPosition === 'left' && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"accordion-content__toggle-icon\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t\t<RichText\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tdisableLineBreaks\n\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ ( newTitle ) =>\n\t\t\t\t\t\t\tsetAttributes( { title: newTitle } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tplaceholder={ __( 'Accordion title' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showIcon && iconPosition === 'right' && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"accordion-content__toggle-icon\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</button>\n\t\t\t</TagName>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AACvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SACCC,aAAa,EACbC,wCAAwC,IAAIC,eAAe,EAC3DC,aAAa,EACbC,oBAAoB,EACpBC,QAAQ,QACF,yBAAyB;AAChC,SAASC,YAAY,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAErD,eAAe,SAASC,IAAIA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAQ,CAAC,EAAG;EACtE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAGN,UAAU;EAC5D,MAAM;IACL,8BAA8B,EAAEO,YAAY;IAC5C,0BAA0B,EAAEC;EAC7B,CAAC,GAAGN,OAAO;EACX,MAAMO,OAAO,GAAG,GAAG,GAAGN,KAAK;;EAE3B;EACAlB,SAAS,CAAE,MAAM;IAChB,IAAKsB,YAAY,KAAKG,SAAS,IAAIF,QAAQ,KAAKE,SAAS,EAAG;MAC3DT,aAAa,CAAE;QACdM,YAAY;QACZC;MACD,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAED,YAAY,EAAEC,QAAQ,EAAEP,aAAa,CAAG,CAAC;EAE9C,MAAMU,UAAU,GAAGzB,aAAa,CAAE;IACjC0B,SAAS,EAAE7B,IAAI,CAAE,4BAA4B,EAAE;MAC9C,CAAE,kBAAmBsB,SAAS,EAAG,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EACH,MAAMQ,YAAY,GAAGzB,eAAe,CAAEY,UAAW,CAAC;EAElD,oBACCJ,KAAA,CAAAE,SAAA;IAAAgB,QAAA,gBACCpB,IAAA,CAACL,aAAa;MAAAyB,QAAA,eACbpB,IAAA,CAACF,YAAY;QAAAsB,QAAA,eACZpB,IAAA,CAACJ,oBAAoB;UACpByB,KAAK,EAAGZ,KAAO;UACfa,OAAO,EAAGV,YAAc;UACxBW,QAAQ,EAAKC,QAAQ,IACpBjB,aAAa,CAAE;YAAEE,KAAK,EAAEe;UAAS,CAAE;QACnC,CACD;MAAC,CACW;IAAC,CACD,CAAC,eAChBxB,IAAA,CAACe,OAAO;MAAA,GAAME,UAAU;MAAAG,QAAA,eACvBlB,KAAA;QACCgB,SAAS,EAAG7B,IAAI,CAAE,2BAA4B,CAAG;QACjDoC,KAAK,EAAG;UACP,GAAGN,YAAY,CAACM;QACjB,CAAG;QAAAL,QAAA,GAEDN,QAAQ,IAAID,YAAY,KAAK,MAAM,iBACpCb,IAAA;UACCkB,SAAS,EAAC,gCAAgC;UAC1C,eAAY,MAAM;UAAAE,QAAA,EAClB;QAED,CAAM,CACN,eACDpB,IAAA,CAACH,QAAQ;UACR6B,4BAA4B;UAC5BC,iBAAiB;UACjBC,OAAO,EAAC,MAAM;UACdP,KAAK,EAAGX,KAAO;UACfa,QAAQ,EAAKM,QAAQ,IACpBtB,aAAa,CAAE;YAAEG,KAAK,EAAEmB;UAAS,CAAE,CACnC;UACDC,WAAW,EAAGxC,EAAE,CAAE,iBAAkB;QAAG,CACvC,CAAC,EACAwB,QAAQ,IAAID,YAAY,KAAK,OAAO,iBACrCb,IAAA;UACCkB,SAAS,EAAC,gCAAgC;UAC1C,eAAY,MAAM;UAAAE,QAAA,EAClB;QAED,CAAM,CACN;MAAA,CACM;IAAC,CACD,CAAC;EAAA,CACT,CAAC;AAEL","ignoreList":[]}

package/build-module/accordion-header/index.js

@@ -17,17 +17,16 @@ const metadata = {
     anchor: true,
     color: {
       background: true,
-      gradient: true
+      gradients: true
     },
     align: false,
     interactivity: true,
     spacing: {
       padding: true,
-      margin: ["top", "bottom"],
       __experimentalDefaultControls: {
-        padding: true,
-        margin: true
-      }
+        padding: true
+      },
+      __experimentalSkipSerialization: true
     },
     __experimentalBorder: {
       color: true,
@@ -65,7 +64,8 @@ const metadata = {
     title: {
       type: "rich-text",
       source: "rich-text",
-      selector: "span"
+      selector: ".accordion-content__toggle-title",
+      role: "content"
     },
     level: {
       type: "number",

package/build-module/accordion-header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","__experimental","parent","usesContext","supports","anchor","color","background","gradient","align","interactivity","spacing","padding","margin","__experimentalDefaultControls","__experimentalBorder","radius","style","width","typography","textAlign","fontSize","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","fontFamily","shadow","attributes","openByDefault","type","source","selector","level","levelOptions","textAlignment","iconPosition","showIcon","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-header/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,QAAA;IAAA;IAAAC,KAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;MAAAC,6BAAA;QAAAF,OAAA;QAAAC,MAAA;MAAA;IAAA;IAAAE,oBAAA;MAAAT,KAAA;MAAAU,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAJ,6BAAA;QAAAR,KAAA;QAAAU,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,UAAA;MAAAC,SAAA;MAAAC,QAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAb,6BAAA;QAAAO,QAAA;QAAAO,UAAA;MAAA;IAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;IAAAlC,KAAA;MAAAkC,IAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,KAAA;MAAAH,IAAA;MAAA;IAAA;IAAAI,YAAA;MAAAJ,IAAA;IAAA;IAAAK,aAAA;MAAAL,IAAA;MAAA;IAAA;IAAAM,YAAA;MAAAN,IAAA;MAAA;MAAA;IAAA;IAAAO,QAAA;MAAAP,IAAA;MAAA;IAAA;EAAA;EAAAQ,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAE7C;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM8C,QAAQ,GAAG;EACvBD,IAAI;EACJlD,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMmD,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAE5C,IAAI;EAAEH,QAAQ;EAAEiD;AAAS,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","__experimental","parent","usesContext","supports","anchor","color","background","gradients","align","interactivity","spacing","padding","__experimentalDefaultControls","__experimentalSkipSerialization","__experimentalBorder","radius","style","width","typography","textAlign","fontSize","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","fontFamily","shadow","attributes","openByDefault","type","source","selector","role","level","levelOptions","textAlignment","iconPosition","showIcon","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-header/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,SAAA;IAAA;IAAAC,KAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,6BAAA;QAAAD,OAAA;MAAA;MAAAE,+BAAA;IAAA;IAAAC,oBAAA;MAAAT,KAAA;MAAAU,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAL,6BAAA;QAAAP,KAAA;QAAAU,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,UAAA;MAAAC,SAAA;MAAAC,QAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAd,6BAAA;QAAAQ,QAAA;QAAAO,UAAA;MAAA;IAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;IAAAlC,KAAA;MAAAkC,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,IAAA;IAAA;IAAAC,KAAA;MAAAJ,IAAA;MAAA;IAAA;IAAAK,YAAA;MAAAL,IAAA;IAAA;IAAAM,aAAA;MAAAN,IAAA;MAAA;IAAA;IAAAO,YAAA;MAAAP,IAAA;MAAA;MAAA;IAAA;IAAAQ,QAAA;MAAAR,IAAA;MAAA;IAAA;EAAA;EAAAS,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAE9C;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM+C,QAAQ,GAAG;EACvBD,IAAI;EACJnD,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMoD,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAE7C,IAAI;EAAEH,QAAQ;EAAEkD;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/accordion-header/save.js

@@ -5,15 +5,8 @@ import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
-import { useBlockProps, __experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles, __experimentalGetColorClassesAndStyles as getColorClassesAndStyles, __experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles, __experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles, RichText } from '@wordpress/block-editor';
-/**
- * Internal dependencies
- */
-import { plus } from '../accordion-content/icons';
+import { useBlockProps, __experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles, RichText } from '@wordpress/block-editor';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ICONS = {
-  plus
-};
 export default function save({
   attributes
 }) {
@@ -25,45 +18,31 @@ export default function save({
     showIcon
   } = attributes;
   const TagName = 'h' + level;
-  const blockProps = useBlockProps.save();
-  const borderProps = getBorderClassesAndStyles(attributes);
-  const colorProps = getColorClassesAndStyles(attributes);
+  const blockProps = useBlockProps.save({
+    className: clsx('accordion-content__heading', {
+      [`has-text-align-${textAlign}`]: textAlign
+    })
+  });
   const spacingProps = getSpacingClassesAndStyles(attributes);
-  const shadowProps = getShadowClassesAndStyles(attributes);
-  const Icon = ICONS.plus;
   return /*#__PURE__*/_jsx(TagName, {
     ...blockProps,
-    className: clsx(blockProps.className, colorProps.className, borderProps.className, 'accordion-content__heading', {
-      [`has-custom-font-size`]: blockProps?.style?.fontSize,
-      [`icon-position-left`]: iconPosition === 'left',
-      [`has-text-align-${textAlign}`]: textAlign
-    }),
-    style: {
-      ...borderProps.style,
-      ...colorProps.style,
-      ...shadowProps.style
-    },
     children: /*#__PURE__*/_jsxs("button", {
       className: clsx('accordion-content__toggle'),
       style: {
         ...spacingProps.style
       },
-      children: [/*#__PURE__*/_jsx(RichText.Content, {
+      children: [showIcon && iconPosition === 'left' && /*#__PURE__*/_jsx("span", {
+        className: "accordion-content__toggle-icon",
+        "aria-hidden": "true",
+        children: "+"
+      }), /*#__PURE__*/_jsx(RichText.Content, {
+        className: "accordion-content__toggle-title",
         tagName: "span",
         value: title
-      }), /*#__PURE__*/_jsx("span", {
-        className: clsx(`accordion-content__toggle-icon`, {
-          'has-icon-plus': showIcon
-        }),
-        style: {
-          // TO-DO: make this configurable
-          width: `1.2em`,
-          height: `1.2em`
-        },
-        children: showIcon && /*#__PURE__*/_jsx(Icon, {
-          width: "1.2em",
-          height: "1.2em"
-        })
+      }), showIcon && iconPosition === 'right' && /*#__PURE__*/_jsx("span", {
+        className: "accordion-content__toggle-icon",
+        "aria-hidden": "true",
+        children: "+"
       })]
     })
   });