npm - @wordpress/edit-widgets - Versions diffs - 6.6.1 → 6.7.1-next.1f6eadc42.0 - Mend

@wordpress/edit-widgets 6.6.1 → 6.7.1-next.1f6eadc42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,8 @@
 ## Unreleased
+## 6.7.0 (2024-09-05)
 ## 6.6.0 (2024-08-21)
 ## 6.5.0 (2024-08-07)

package/build/components/error-boundary/index.js CHANGED Viewed

@@ -20,7 +20,10 @@ function CopyButton({
   children
 }) {
   const ref = (0, _compose.useCopyToClipboard)(text);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
     variant: "secondary",
     ref: ref,
     children: children

package/build/components/error-boundary/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","_jsxRuntime","CopyButton","text","children","ref","useCopyToClipboard","jsx","Button","variant","ErrorBoundaryWarning","message","error","actions","stack","__","Warning","className","ErrorBoundary","Component","constructor","arguments","state","componentDidCatch","doAction","getDerivedStateFromError","render","props","exports","default"],"sources":["@wordpress/edit-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button ~~variant~~=\"secondary\" ~~ref~~={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nfunction ErrorBoundaryWarning( { message, error } ) {\n\tconst actions = [\n\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t{ __( 'Copy Error' ) }\n\t\t</CopyButton>,\n\t];\n\n\treturn (\n\t\t<Warning className=\"edit-widgets-error-boundary\" actions={ actions }>\n\t\t\t{ message }\n\t\t</Warning>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tif ( ! this.state.error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryWarning\n\t\t\t\tmessage={ __(\n\t\t\t\t\t'The editor has encountered an unexpected error.'\n\t\t\t\t) }\n\t\t\t\terror={ this.state.error }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAR5C;AACA;AACA;;AAQA,SAASO,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEH,IAAK,CAAC;EACtC,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACV,WAAA,CAAAW,~~MAAM~~;~~IAACC~~,OAAO,EAAC,WAAW;~~IAACJ~~,GAAG,EAAGA,GAAK;IAAAD,QAAA,~~EACpCA~~;EAAQ,CACH,CAAC;AAEX;AAEA,~~SAASM~~,oBAAoBA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACnD,MAAMC,OAAO,GAAG,cACf,~~IAAAZ~~,WAAA,CAAAM,GAAA,EAACL,UAAU;IAAkBC,IAAI,~~EAAGS~~,KAAK,CAACE,KAAO;~~IAAAV~~,QAAA,EAC9C,~~IAAAW~~,QAAE,EAAE,YAAa;EAAC,GADL,YAEJ,CAAC,CACb;EAED,oBACC,~~IAAAd~~,WAAA,CAAAM,GAAA,EAACT,YAAA,~~CAAAkB~~,OAAO;IAACC,SAAS,EAAC,6BAA6B;IAACJ,OAAO,EAAGA,OAAS;~~IAAAT~~,QAAA,~~EACjEO~~;EAAO,CACD,CAAC;AAEZ;AAEe,MAAMO,aAAa,SAASC,kBAAS,CAAC;EACpDC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZV,KAAK,EAAE;IACR,CAAC;EACF;EAEAW,iBAAiBA,CAAEX,KAAK,EAAG;IAC1B,IAAAY,eAAQ,EAAE,kCAAkC,EAAEZ,KAAM,CAAC;EACtD;EAEA,OAAOa,wBAAwBA,CAAEb,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAc,MAAMA,CAAA,EAAG;IACR,IAAK,CAAE,IAAI,CAACJ,KAAK,CAACV,KAAK,EAAG;MACzB,OAAO,IAAI,CAACe,KAAK,~~CAACvB~~,QAAQ;IAC3B;IAEA,oBACC,IAAAH,WAAA,CAAAM,GAAA,~~EAACG~~,oBAAoB;MACpBC,OAAO,EAAG,IAAAI,QAAE,EACX,iDACD,CAAG;MACHH,KAAK,EAAG,IAAI,CAACU,KAAK,CAACV;IAAO,CAC1B,CAAC;EAEJ;AACD;AAACgB,OAAA,CAAAC,OAAA,GAAAX,aAAA","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","_jsxRuntime","CopyButton","text","children","ref","useCopyToClipboard","jsx","Button","__next40pxDefaultSize","variant","ErrorBoundaryWarning","message","error","actions","stack","__","Warning","className","ErrorBoundary","Component","constructor","arguments","state","componentDidCatch","doAction","getDerivedStateFromError","render","props","exports","default"],"sources":["@wordpress/edit-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tvariant=\"secondary\"\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nfunction ErrorBoundaryWarning( { message, error } ) {\n\tconst actions = [\n\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t{ __( 'Copy Error' ) }\n\t\t</CopyButton>,\n\t];\n\n\treturn (\n\t\t<Warning className=\"edit-widgets-error-boundary\" actions={ actions }>\n\t\t\t{ message }\n\t\t</Warning>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tif ( ! this.state.error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryWarning\n\t\t\t\tmessage={ __(\n\t\t\t\t\t'The editor has encountered an unexpected error.'\n\t\t\t\t) }\n\t\t\t\terror={ this.state.error }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAR5C;AACA;AACA;;AAQA,SAASO,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEH,IAAK,CAAC;EACtC,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACV,WAAA,CAAAW;EACA;EAAA;IACAC,qBAAqB,EAAG,KAAO;IAC/BC,OAAO,EAAC,WAAW;IACnBL,GAAG,EAAGA,GAAK;IAAAD,QAAA,EAETA;EAAQ,CACH,CAAC;AAEX;AAEA,SAASO,oBAAoBA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACnD,MAAMC,OAAO,GAAG,cACf,IAAAb,WAAA,CAAAM,GAAA,EAACL,UAAU;IAAkBC,IAAI,EAAGU,KAAK,CAACE,KAAO;IAAAX,QAAA,EAC9C,IAAAY,QAAE,EAAE,YAAa;EAAC,GADL,YAEJ,CAAC,CACb;EAED,oBACC,IAAAf,WAAA,CAAAM,GAAA,EAACT,YAAA,CAAAmB,OAAO;IAACC,SAAS,EAAC,6BAA6B;IAACJ,OAAO,EAAGA,OAAS;IAAAV,QAAA,EACjEQ;EAAO,CACD,CAAC;AAEZ;AAEe,MAAMO,aAAa,SAASC,kBAAS,CAAC;EACpDC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZV,KAAK,EAAE;IACR,CAAC;EACF;EAEAW,iBAAiBA,CAAEX,KAAK,EAAG;IAC1B,IAAAY,eAAQ,EAAE,kCAAkC,EAAEZ,KAAM,CAAC;EACtD;EAEA,OAAOa,wBAAwBA,CAAEb,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAc,MAAMA,CAAA,EAAG;IACR,IAAK,CAAE,IAAI,CAACJ,KAAK,CAACV,KAAK,EAAG;MACzB,OAAO,IAAI,CAACe,KAAK,CAACxB,QAAQ;IAC3B;IAEA,oBACC,IAAAH,WAAA,CAAAM,GAAA,EAACI,oBAAoB;MACpBC,OAAO,EAAG,IAAAI,QAAE,EACX,iDACD,CAAG;MACHH,KAAK,EAAG,IAAI,CAACU,KAAK,CAACV;IAAO,CAC1B,CAAC;EAEJ;AACD;AAACgB,OAAA,CAAAC,OAAA,GAAAX,aAAA","ignoreList":[]}

package/build/components/header/index.js CHANGED Viewed

@@ -58,9 +58,9 @@ function Header() {
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "edit-widgets-header__actions",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_saveButton.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_interface.PinnedItems.Slot, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_interface.PinnedItems.Slot, {
           scope: "core/edit-widgets"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {})]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveButton.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {})]
       })]
     })
   });

package/build/components/header/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_data","_element","_i18n","_components","_interface","_compose","_preferences","_documentTools","_interopRequireDefault","_saveButton","_moreMenu","_jsxRuntime","Header","isLargeViewport","useViewportMatch","blockToolbarRef","useRef","hasFixedToolbar","useSelect","select","preferencesStore","get","jsx","Fragment","children","jsxs","className","__","VisuallyHidden","as","default","BlockToolbar","hideDragHandle","Popover","Slot","ref","name","PinnedItems","scope","_default","exports"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\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</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<~~SaveButton />\n\t\t\t\t\t<~~PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAKA,IAAAQ,cAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,WAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,SAAA,GAAAF,sBAAA,CAAAT,OAAA;AAAoC,IAAAY,WAAA,GAAAZ,OAAA;AAjBpC;AACA;AACA;;AAUA;AACA;AACA;;AAKA,SAASa,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAS,CAAC;EACpD,MAAMC,eAAe,GAAG,IAAAC,eAAM,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,eAAS,EAClCC,MAAM,KAAQ;IACfF,eAAe,EAAE,CAAC,CAAEE,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,oBACC,IAAAV,WAAA,CAAAW,GAAA,EAAAX,WAAA,CAAAY,QAAA;IAAAC,QAAA,eACC,IAAAb,WAAA,CAAAc,IAAA;MAAKC,SAAS,EAAC,qBAAqB;MAAAF,QAAA,gBACnC,IAAAb,WAAA,CAAAc,IAAA;QAAKC,SAAS,EAAC,gDAAgD;QAAAF,QAAA,GAC5DX,eAAe,iBAChB,IAAAF,WAAA,CAAAW,GAAA;UAAII,SAAS,EAAC,4BAA4B;UAAAF,QAAA,EACvC,IAAAG,QAAE,EAAE,SAAU;QAAC,CACd,CACJ,EACC,CAAEd,eAAe,iBAClB,IAAAF,WAAA,CAAAW,GAAA,EAACnB,WAAA,CAAAyB,cAAc;UACdC,EAAE,EAAC,IAAI;UACPH,SAAS,EAAC,4BAA4B;UAAAF,QAAA,EAEpC,IAAAG,QAAE,EAAE,SAAU;QAAC,CACF,CAChB,eACD,IAAAhB,WAAA,CAAAW,GAAA,EAACf,cAAA,CAAAuB,OAAa,IAAE,CAAC,EACfb,eAAe,IAAIJ,eAAe,iBACnC,IAAAF,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAY,QAAA;UAAAC,QAAA,gBACC,IAAAb,WAAA,CAAAW,GAAA;YAAKI,SAAS,EAAC,8BAA8B;YAAAF,QAAA,eAC5C,IAAAb,WAAA,CAAAW,GAAA,EAACxB,YAAA,CAAAiC,YAAY;cAACC,cAAc;YAAA,CAAE;UAAC,CAC3B,CAAC,eACN,IAAArB,WAAA,CAAAW,GAAA,EAACnB,WAAA,CAAA8B,OAAO,CAACC,IAAI;YACZC,GAAG,EAAGpB,eAAiB;YACvBqB,IAAI,EAAC;UAAe,CACpB,CAAC;QAAA,CACD,CACF;MAAA,CACG,CAAC,eACN,IAAAzB,WAAA,CAAAc,IAAA;QAAKC,SAAS,EAAC,8BAA8B;QAAAF,QAAA,gBAC5C,IAAAb,WAAA,CAAAW,GAAA,~~EAACb,WAAA,CAAAqB,OAAU,IAAE,CAAC,eACd,IAAAnB,WAAA,CAAAW,GAAA,~~EAAClB,UAAA,CAAAiC,WAAW,CAACH,IAAI;UAACI,KAAK,EAAC;QAAmB,CAAE,CAAC,eAC9C,IAAA3B,WAAA,CAAAW,GAAA,EAACZ,SAAA,CAAAoB,OAAQ,IAAE,CAAC;MAAA,CACR,CAAC;IAAA,CACF;EAAC,CACL,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEclB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["_blockEditor","require","_data","_element","_i18n","_components","_interface","_compose","_preferences","_documentTools","_interopRequireDefault","_saveButton","_moreMenu","_jsxRuntime","Header","isLargeViewport","useViewportMatch","blockToolbarRef","useRef","hasFixedToolbar","useSelect","select","preferencesStore","get","jsx","Fragment","children","jsxs","className","__","VisuallyHidden","as","default","BlockToolbar","hideDragHandle","Popover","Slot","ref","name","PinnedItems","scope","_default","exports"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\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</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAKA,IAAAQ,cAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,WAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,SAAA,GAAAF,sBAAA,CAAAT,OAAA;AAAoC,IAAAY,WAAA,GAAAZ,OAAA;AAjBpC;AACA;AACA;;AAUA;AACA;AACA;;AAKA,SAASa,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAS,CAAC;EACpD,MAAMC,eAAe,GAAG,IAAAC,eAAM,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,eAAS,EAClCC,MAAM,KAAQ;IACfF,eAAe,EAAE,CAAC,CAAEE,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,oBACC,IAAAV,WAAA,CAAAW,GAAA,EAAAX,WAAA,CAAAY,QAAA;IAAAC,QAAA,eACC,IAAAb,WAAA,CAAAc,IAAA;MAAKC,SAAS,EAAC,qBAAqB;MAAAF,QAAA,gBACnC,IAAAb,WAAA,CAAAc,IAAA;QAAKC,SAAS,EAAC,gDAAgD;QAAAF,QAAA,GAC5DX,eAAe,iBAChB,IAAAF,WAAA,CAAAW,GAAA;UAAII,SAAS,EAAC,4BAA4B;UAAAF,QAAA,EACvC,IAAAG,QAAE,EAAE,SAAU;QAAC,CACd,CACJ,EACC,CAAEd,eAAe,iBAClB,IAAAF,WAAA,CAAAW,GAAA,EAACnB,WAAA,CAAAyB,cAAc;UACdC,EAAE,EAAC,IAAI;UACPH,SAAS,EAAC,4BAA4B;UAAAF,QAAA,EAEpC,IAAAG,QAAE,EAAE,SAAU;QAAC,CACF,CAChB,eACD,IAAAhB,WAAA,CAAAW,GAAA,EAACf,cAAA,CAAAuB,OAAa,IAAE,CAAC,EACfb,eAAe,IAAIJ,eAAe,iBACnC,IAAAF,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAY,QAAA;UAAAC,QAAA,gBACC,IAAAb,WAAA,CAAAW,GAAA;YAAKI,SAAS,EAAC,8BAA8B;YAAAF,QAAA,eAC5C,IAAAb,WAAA,CAAAW,GAAA,EAACxB,YAAA,CAAAiC,YAAY;cAACC,cAAc;YAAA,CAAE;UAAC,CAC3B,CAAC,eACN,IAAArB,WAAA,CAAAW,GAAA,EAACnB,WAAA,CAAA8B,OAAO,CAACC,IAAI;YACZC,GAAG,EAAGpB,eAAiB;YACvBqB,IAAI,EAAC;UAAe,CACpB,CAAC;QAAA,CACD,CACF;MAAA,CACG,CAAC,eACN,IAAAzB,WAAA,CAAAc,IAAA;QAAKC,SAAS,EAAC,8BAA8B;QAAAF,QAAA,gBAC5C,IAAAb,WAAA,CAAAW,GAAA,EAAClB,UAAA,CAAAiC,WAAW,CAACH,IAAI;UAACI,KAAK,EAAC;QAAmB,CAAE,CAAC,eAC9C,IAAA3B,WAAA,CAAAW,GAAA,EAACb,WAAA,CAAAqB,OAAU,IAAE,CAAC,eACd,IAAAnB,WAAA,CAAAW,GAAA,EAACZ,SAAA,CAAAoB,OAAQ,IAAE,CAAC;MAAA,CACR,CAAC;IAAA,CACF;EAAC,CACL,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEclB,MAAM","ignoreList":[]}

package/build/components/secondary-sidebar/inserter-sidebar.js CHANGED Viewed

@@ -47,7 +47,10 @@ function InserterSidebar() {
     className: "edit-widgets-layout__inserter-panel",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
       className: "edit-widgets-layout__inserter-panel-header",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         icon: _icons.close,
         onClick: closeInserter,
         label: (0, _i18n.__)('Close block inserter')

package/build/components/secondary-sidebar/inserter-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_icons","_blockEditor","_compose","_element","_data","_i18n","_useWidgetLibraryInsertionPoint","_interopRequireDefault","_store","_jsxRuntime","InserterSidebar","isMobileViewport","useViewportMatch","rootClientId","insertionIndex","useWidgetLibraryInsertionPoint","setIsInserterOpened","useDispatch","editWidgetsStore","closeInserter","useCallback","TagName","VisuallyHidden","inserterDialogRef","inserterDialogProps","useDialog","onClose","focusOnMount","libraryRef","useRef","jsxs","ref","className","children","jsx","Button","icon","close","onClick","label","__","__experimentalLibrary","showInserterHelpPanel","shouldFocusBlock","__experimentalInsertionIndex"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { close } from '@wordpress/icons';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();\n\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst closeInserter = useCallback( () => {\n\t\treturn setIsInserterOpened( false );\n\t}, [ setIsInserterOpened ] );\n\n\tconst TagName = ! isMobileViewport ? VisuallyHidden : 'div';\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: closeInserter,\n\t\tfocusOnMount: true,\n\t} );\n\n\tconst libraryRef = useRef();\n\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"edit-widgets-layout__inserter-panel\"\n\t\t>\n\t\t\t<TagName className=\"edit-widgets-layout__inserter-panel-header\">\n\t\t\t\t<Button\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tonClick={ closeInserter }\n\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t/>\n\t\t\t</TagName>\n\t\t\t<div className=\"edit-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={ insertionIndex }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAIA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAKA,IAAAO,+BAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAAwD,IAAAU,WAAA,GAAAV,OAAA;AAlBxD;AACA;AACA;;AAYA;AACA;AACA;;AAIe,SAASW,eAAeA,CAAA,EAAG;EACzC,MAAMC,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAEC,YAAY;IAAEC;EAAe,CAAC,GAAG,IAAAC,uCAA8B,EAAC,CAAC;EAEzE,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EAE/D,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACxC,OAAOJ,mBAAmB,CAAE,KAAM,CAAC;EACpC,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;EAE5B,MAAMK,OAAO,GAAG,CAAEV,gBAAgB,GAAGW,0BAAc,GAAG,KAAK;EAC3D,MAAM,CAAEC,iBAAiB,EAAEC,mBAAmB,CAAE,GAAG,IAAAC,gCAAS,EAAE;IAC7DC,OAAO,EAAEP,aAAa;IACtBQ,YAAY,EAAE;EACf,CAAE,CAAC;EAEH,MAAMC,UAAU,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE3B,oBACC,IAAApB,WAAA,CAAAqB,IAAA;IACCC,GAAG,EAAGR,iBAAmB;IAAA,GACpBC,mBAAmB;IACxBQ,SAAS,EAAC,qCAAqC;IAAAC,QAAA,gBAE/C,IAAAxB,WAAA,CAAAyB,GAAA,EAACb,OAAO;MAACW,SAAS,EAAC,4CAA4C;MAAAC,QAAA,eAC9D,IAAAxB,WAAA,CAAAyB,GAAA,EAACpC,WAAA,CAAAqC,~~MAAM~~;~~QACNC~~,IAAI,EAAGC,YAAO;QACdC,OAAO,~~EAAGnB~~,aAAe;~~QACzBoB~~,KAAK,EAAG,IAAAC,QAAE,EAAE,sBAAuB;MAAG,CACtC;IAAC,CACM,CAAC,eACV,~~IAAA/B~~,WAAA,CAAAyB,GAAA;MAAKF,SAAS,EAAC,6CAA6C;MAAAC,QAAA,eAC3D,IAAAxB,WAAA,CAAAyB,GAAA,EAACjC,YAAA,~~CAAAwC~~,qBAAO;QACPC,qBAAqB;QACrBC,gBAAgB,~~EAAGhC~~,gBAAkB;QACrCE,YAAY,EAAGA,YAAc;~~QAC7B+B~~,4BAA4B,~~EAAG9B~~,cAAgB;QAC/CiB,GAAG,EAAGH;MAAY,CAClB;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_icons","_blockEditor","_compose","_element","_data","_i18n","_useWidgetLibraryInsertionPoint","_interopRequireDefault","_store","_jsxRuntime","InserterSidebar","isMobileViewport","useViewportMatch","rootClientId","insertionIndex","useWidgetLibraryInsertionPoint","setIsInserterOpened","useDispatch","editWidgetsStore","closeInserter","useCallback","TagName","VisuallyHidden","inserterDialogRef","inserterDialogProps","useDialog","onClose","focusOnMount","libraryRef","useRef","jsxs","ref","className","children","jsx","Button","__next40pxDefaultSize","icon","close","onClick","label","__","__experimentalLibrary","showInserterHelpPanel","shouldFocusBlock","__experimentalInsertionIndex"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { close } from '@wordpress/icons';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();\n\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst closeInserter = useCallback( () => {\n\t\treturn setIsInserterOpened( false );\n\t}, [ setIsInserterOpened ] );\n\n\tconst TagName = ! isMobileViewport ? VisuallyHidden : 'div';\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: closeInserter,\n\t\tfocusOnMount: true,\n\t} );\n\n\tconst libraryRef = useRef();\n\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"edit-widgets-layout__inserter-panel\"\n\t\t>\n\t\t\t<TagName className=\"edit-widgets-layout__inserter-panel-header\">\n\t\t\t\t<Button\n\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tonClick={ closeInserter }\n\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t/>\n\t\t\t</TagName>\n\t\t\t<div className=\"edit-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={ insertionIndex }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAIA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAKA,IAAAO,+BAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAAwD,IAAAU,WAAA,GAAAV,OAAA;AAlBxD;AACA;AACA;;AAYA;AACA;AACA;;AAIe,SAASW,eAAeA,CAAA,EAAG;EACzC,MAAMC,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAEC,YAAY;IAAEC;EAAe,CAAC,GAAG,IAAAC,uCAA8B,EAAC,CAAC;EAEzE,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EAE/D,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACxC,OAAOJ,mBAAmB,CAAE,KAAM,CAAC;EACpC,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;EAE5B,MAAMK,OAAO,GAAG,CAAEV,gBAAgB,GAAGW,0BAAc,GAAG,KAAK;EAC3D,MAAM,CAAEC,iBAAiB,EAAEC,mBAAmB,CAAE,GAAG,IAAAC,gCAAS,EAAE;IAC7DC,OAAO,EAAEP,aAAa;IACtBQ,YAAY,EAAE;EACf,CAAE,CAAC;EAEH,MAAMC,UAAU,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE3B,oBACC,IAAApB,WAAA,CAAAqB,IAAA;IACCC,GAAG,EAAGR,iBAAmB;IAAA,GACpBC,mBAAmB;IACxBQ,SAAS,EAAC,qCAAqC;IAAAC,QAAA,gBAE/C,IAAAxB,WAAA,CAAAyB,GAAA,EAACb,OAAO;MAACW,SAAS,EAAC,4CAA4C;MAAAC,QAAA,eAC9D,IAAAxB,WAAA,CAAAyB,GAAA,EAACpC,WAAA,CAAAqC;MACA;MAAA;QACAC,qBAAqB,EAAG,KAAO;QAC/BC,IAAI,EAAGC,YAAO;QACdC,OAAO,EAAGpB,aAAe;QACzBqB,KAAK,EAAG,IAAAC,QAAE,EAAE,sBAAuB;MAAG,CACtC;IAAC,CACM,CAAC,eACV,IAAAhC,WAAA,CAAAyB,GAAA;MAAKF,SAAS,EAAC,6CAA6C;MAAAC,QAAA,eAC3D,IAAAxB,WAAA,CAAAyB,GAAA,EAACjC,YAAA,CAAAyC,qBAAO;QACPC,qBAAqB;QACrBC,gBAAgB,EAAGjC,gBAAkB;QACrCE,YAAY,EAAGA,YAAc;QAC7BgC,4BAA4B,EAAG/B,cAAgB;QAC/CiB,GAAG,EAAGH;MAAY,CAClB;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}

package/build/components/secondary-sidebar/list-view-sidebar.js CHANGED Viewed

@@ -57,7 +57,10 @@ function ListViewSidebar() {
         className: "edit-widgets-editor__list-view-panel-header",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
           children: (0, _i18n.__)('List View')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+        // TODO: Switch to `true` (40px size) if possible
+        , {
+          __next40pxDefaultSize: false,
           icon: _icons.closeSmall,
           label: (0, _i18n.__)('Close'),
           onClick: closeListView

package/build/components/secondary-sidebar/list-view-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_components","_compose","_data","_element","_i18n","_icons","_keycodes","_store","_lockUnlock","_jsxRuntime","ListViewSidebar","setIsListViewOpened","useDispatch","editWidgetsStore","getListViewToggleRef","unlock","useSelect","dropZoneElement","setDropZoneElement","useState","focusOnMountRef","useFocusOnMount","closeListView","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","jsxs","className","onKeyDown","children","jsx","__","Button","icon","closeSmall","label","onClick","ref","useMergeRefs","__experimentalListView"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/\n Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAhB3C;AACA;AACA;;AAUA;AACA;AACA;;AAIe,SAASW,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EAC/D,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,eAAS,EAAEH,YAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAEI,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEhE,MAAMC,eAAe,GAAG,IAAAC,wBAAe,EAAE,cAAe,CAAC;;EAEzD;EACA,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACxCZ,mBAAmB,CAAE,KAAM,CAAC;IAC5BG,oBAAoB,CAAC,CAAC,CAACU,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEX,oBAAoB,EAAEH,mBAAmB,CAAG,CAAC;EAElD,MAAMe,aAAa,GAAG,IAAAH,oBAAW,EAC9BI,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKC,gBAAM,IAAI,CAAEF,KAAK,CAACG,gBAAgB,EAAG;MAC3DH,KAAK,CAACI,cAAc,CAAC,CAAC;MACtBT,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACA,IAAAb,WAAA,CAAAuB,IAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGR,aAAe;MAAAS,QAAA,gBAE3B,IAAA1B,WAAA,CAAAuB,IAAA;QAAKC,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3D,IAAA1B,WAAA,CAAA2B,GAAA;UAAAD,QAAA,EAAU,IAAAE,QAAE,EAAE,WAAY;QAAC,CAAU,CAAC,eACtC,IAAA5B,WAAA,CAAA2B,GAAA,EAACpC,WAAA,CAAAsC,~~MAAM~~;~~UACNC~~,IAAI,EAAGC,iBAAY;UACnBC,KAAK,EAAG,~~IAAAJ~~,QAAE,EAAE,OAAQ,CAAG;~~UACvBK~~,OAAO,~~EAAGpB~~;QAAe,CACzB,CAAC;MAAA,CACE,CAAC,eACN,IAAAb,WAAA,CAAA2B,GAAA;QACCH,SAAS,EAAC,8CAA8C;~~QACxDU~~,GAAG,EAAG,IAAAC,qBAAY,EAAE,~~CAAExB~~,eAAe,EAAEF,kBAAkB,CAAG,CAAG;QAAAiB,QAAA,eAE/D,IAAA1B,WAAA,CAAA2B,GAAA,EAACtC,YAAA,~~CAAA+C~~,sBAAQ;~~UAAC5B~~,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["_blockEditor","require","_components","_compose","_data","_element","_i18n","_icons","_keycodes","_store","_lockUnlock","_jsxRuntime","ListViewSidebar","setIsListViewOpened","useDispatch","editWidgetsStore","getListViewToggleRef","unlock","useSelect","dropZoneElement","setDropZoneElement","useState","focusOnMountRef","useFocusOnMount","closeListView","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","jsxs","className","onKeyDown","children","jsx","__","Button","__next40pxDefaultSize","icon","closeSmall","label","onClick","ref","useMergeRefs","__experimentalListView"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/\n Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAhB3C;AACA;AACA;;AAUA;AACA;AACA;;AAIe,SAASW,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EAC/D,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,eAAS,EAAEH,YAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAEI,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEhE,MAAMC,eAAe,GAAG,IAAAC,wBAAe,EAAE,cAAe,CAAC;;EAEzD;EACA,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACxCZ,mBAAmB,CAAE,KAAM,CAAC;IAC5BG,oBAAoB,CAAC,CAAC,CAACU,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEX,oBAAoB,EAAEH,mBAAmB,CAAG,CAAC;EAElD,MAAMe,aAAa,GAAG,IAAAH,oBAAW,EAC9BI,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKC,gBAAM,IAAI,CAAEF,KAAK,CAACG,gBAAgB,EAAG;MAC3DH,KAAK,CAACI,cAAc,CAAC,CAAC;MACtBT,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACA,IAAAb,WAAA,CAAAuB,IAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGR,aAAe;MAAAS,QAAA,gBAE3B,IAAA1B,WAAA,CAAAuB,IAAA;QAAKC,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3D,IAAA1B,WAAA,CAAA2B,GAAA;UAAAD,QAAA,EAAU,IAAAE,QAAE,EAAE,WAAY;QAAC,CAAU,CAAC,eACtC,IAAA5B,WAAA,CAAA2B,GAAA,EAACpC,WAAA,CAAAsC;QACA;QAAA;UACAC,qBAAqB,EAAG,KAAO;UAC/BC,IAAI,EAAGC,iBAAY;UACnBC,KAAK,EAAG,IAAAL,QAAE,EAAE,OAAQ,CAAG;UACvBM,OAAO,EAAGrB;QAAe,CACzB,CAAC;MAAA,CACE,CAAC,eACN,IAAAb,WAAA,CAAA2B,GAAA;QACCH,SAAS,EAAC,8CAA8C;QACxDW,GAAG,EAAG,IAAAC,qBAAY,EAAE,CAAEzB,eAAe,EAAEF,kBAAkB,CAAG,CAAG;QAAAiB,QAAA,eAE/D,IAAA1B,WAAA,CAAA2B,GAAA,EAACtC,YAAA,CAAAgD,sBAAQ;UAAC7B,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}

package/build/components/sidebar/widget-areas.js CHANGED Viewed

@@ -52,7 +52,10 @@ function WidgetAreas({
           }
         }), widgetAreas?.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
           children: (0, _i18n.__)('Your theme does not contain any Widget Areas.')
-        }), !selectedWidgetArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        }), !selectedWidgetArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+        // TODO: Switch to `true` (40px size) if possible
+        , {
+          __next40pxDefaultSize: false,
           href: (0, _url.addQueryArgs)('customize.php', {
             'autofocus[panel]': 'widgets',
             return: window.location.pathname

package/build/components/sidebar/widget-areas.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_element","_icons","_blockEditor","_components","_i18n","_url","_dom","_store","_jsxRuntime","WidgetAreas","selectedWidgetAreaId","widgetAreas","useSelect","select","editWidgetsStore","getWidgetAreas","selectedWidgetArea","useMemo","find","widgetArea","id","description","__","jsx","className","children","jsxs","BlockIcon","icon","blockDefault","dangerouslySetInnerHTML","__html","safeHTML","length","Button","href","addQueryArgs","return","window","location","pathname","variant"],"sources":["@wordpress/edit-widgets/src/components/sidebar/widget-areas.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { safeHTML } from '@wordpress/dom';\n\n/\n Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WidgetAreas( { selectedWidgetAreaId } ) {\n\tconst widgetAreas = useSelect(\n\t\t( select ) => select( editWidgetsStore ).getWidgetAreas(),\n\t\t[]\n\t);\n\n\tconst selectedWidgetArea = useMemo(\n\t\t() =>\n\t\t\tselectedWidgetAreaId &&\n\t\t\twidgetAreas?.find(\n\t\t\t\t( widgetArea ) => widgetArea.id === selectedWidgetAreaId\n\t\t\t),\n\t\t[ selectedWidgetAreaId, widgetAreas ]\n\t);\n\n\tlet description;\n\tif ( ! selectedWidgetArea ) {\n\t\tdescription = __(\n\t\t\t'Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'\n\t\t);\n\t} else if ( selectedWidgetAreaId === 'wp_inactive_widgets' ) {\n\t\tdescription = __(\n\t\t\t'Blocks in this Widget Area will not be displayed in your site.'\n\t\t);\n\t} else {\n\t\tdescription = selectedWidgetArea.description;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-widgets-widget-areas\">\n\t\t\t<div className=\"edit-widgets-widget-areas__top-container\">\n\t\t\t\t<BlockIcon icon={ blockDefault } />\n\t\t\t\t<div>\n\t\t\t\t\t<p\n\t\t\t\t\t\t// Use `dangerouslySetInnerHTML` to keep backwards\n\t\t\t\t\t\t// compatibility. Basic markup in the description is an\n\t\t\t\t\t\t// established feature of WordPress.\n\t\t\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/33106\n\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t__html: safeHTML( description ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ widgetAreas?.length === 0 && (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Your theme does not contain any Widget Areas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! selectedWidgetArea && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\thref={ addQueryArgs( 'customize.php', {\n\t\t\t\t\t\t\t\t'autofocus[panel]': 'widgets',\n\t\t\t\t\t\t\t\treturn: window.location.pathname,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage with live preview' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAAwD,IAAAS,WAAA,GAAAT,OAAA;AAfxD;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASU,WAAWA,CAAE;EAAEC;AAAqB,CAAC,EAAG;EAC/D,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAC1BC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,cAAc,CAAC,CAAC,EACzD,EACD,CAAC;EAED,MAAMC,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCP,oBAAoB,IACpBC,WAAW,EAAEO,IAAI,CACdC,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAKV,oBACrC,CAAC,EACF,CAAEA,oBAAoB,EAAEC,WAAW,CACpC,CAAC;EAED,IAAIU,WAAW;EACf,IAAK,CAAEL,kBAAkB,EAAG;IAC3BK,WAAW,GAAG,IAAAC,QAAE,EACf,uJACD,CAAC;EACF,CAAC,MAAM,IAAKZ,oBAAoB,KAAK,qBAAqB,EAAG;IAC5DW,WAAW,GAAG,IAAAC,QAAE,EACf,gEACD,CAAC;EACF,CAAC,MAAM;IACND,WAAW,GAAGL,kBAAkB,CAACK,WAAW;EAC7C;EAEA,oBACC,IAAAb,WAAA,CAAAe,GAAA;IAAKC,SAAS,EAAC,2BAA2B;IAAAC,QAAA,eACzC,IAAAjB,WAAA,CAAAkB,IAAA;MAAKF,SAAS,EAAC,0CAA0C;MAAAC,QAAA,gBACxD,IAAAjB,WAAA,CAAAe,GAAA,EAACrB,YAAA,CAAAyB,SAAS;QAACC,IAAI,EAAGC;MAAc,CAAE,CAAC,eACnC,IAAArB,WAAA,CAAAkB,IAAA;QAAAD,QAAA,gBACC,IAAAjB,WAAA,CAAAe,GAAA;UACC;UACA;UACA;UACA;UACAO,uBAAuB,EAAG;YACzBC,MAAM,EAAE,IAAAC,aAAQ,EAAEX,WAAY;UAC/B;QAAG,CACH,CAAC,EACAV,WAAW,EAAEsB,MAAM,KAAK,CAAC,iBAC1B,IAAAzB,WAAA,CAAAe,GAAA;UAAAE,QAAA,EACG,IAAAH,QAAE,EACH,+CACD;QAAC,CACC,CACH,EACC,CAAEN,kBAAkB,iBACrB,IAAAR,WAAA,CAAAe,GAAA,EAACpB,WAAA,CAAA+B,~~MAAM~~;~~UACNC~~,IAAI,EAAG,IAAAC,iBAAY,EAAE,eAAe,EAAE;YACrC,kBAAkB,EAAE,SAAS;YAC7BC,MAAM,EAAEC,MAAM,CAACC,QAAQ,CAACC;UACzB,CAAE,CAAG;UACLC,OAAO,EAAC,UAAU;~~UAAAhB~~,QAAA,EAEhB,IAAAH,QAAE,EAAE,0BAA2B;QAAC,CAC3B,CACR;MAAA,CACG,CAAC;IAAA,CACF;EAAC,CACF,CAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_element","_icons","_blockEditor","_components","_i18n","_url","_dom","_store","_jsxRuntime","WidgetAreas","selectedWidgetAreaId","widgetAreas","useSelect","select","editWidgetsStore","getWidgetAreas","selectedWidgetArea","useMemo","find","widgetArea","id","description","__","jsx","className","children","jsxs","BlockIcon","icon","blockDefault","dangerouslySetInnerHTML","__html","safeHTML","length","Button","__next40pxDefaultSize","href","addQueryArgs","return","window","location","pathname","variant"],"sources":["@wordpress/edit-widgets/src/components/sidebar/widget-areas.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { safeHTML } from '@wordpress/dom';\n\n/\n Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WidgetAreas( { selectedWidgetAreaId } ) {\n\tconst widgetAreas = useSelect(\n\t\t( select ) => select( editWidgetsStore ).getWidgetAreas(),\n\t\t[]\n\t);\n\n\tconst selectedWidgetArea = useMemo(\n\t\t() =>\n\t\t\tselectedWidgetAreaId &&\n\t\t\twidgetAreas?.find(\n\t\t\t\t( widgetArea ) => widgetArea.id === selectedWidgetAreaId\n\t\t\t),\n\t\t[ selectedWidgetAreaId, widgetAreas ]\n\t);\n\n\tlet description;\n\tif ( ! selectedWidgetArea ) {\n\t\tdescription = __(\n\t\t\t'Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'\n\t\t);\n\t} else if ( selectedWidgetAreaId === 'wp_inactive_widgets' ) {\n\t\tdescription = __(\n\t\t\t'Blocks in this Widget Area will not be displayed in your site.'\n\t\t);\n\t} else {\n\t\tdescription = selectedWidgetArea.description;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-widgets-widget-areas\">\n\t\t\t<div className=\"edit-widgets-widget-areas__top-container\">\n\t\t\t\t<BlockIcon icon={ blockDefault } />\n\t\t\t\t<div>\n\t\t\t\t\t<p\n\t\t\t\t\t\t// Use `dangerouslySetInnerHTML` to keep backwards\n\t\t\t\t\t\t// compatibility. Basic markup in the description is an\n\t\t\t\t\t\t// established feature of WordPress.\n\t\t\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/33106\n\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t__html: safeHTML( description ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ widgetAreas?.length === 0 && (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Your theme does not contain any Widget Areas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! selectedWidgetArea && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\thref={ addQueryArgs( 'customize.php', {\n\t\t\t\t\t\t\t\t'autofocus[panel]': 'widgets',\n\t\t\t\t\t\t\t\treturn: window.location.pathname,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage with live preview' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAAwD,IAAAS,WAAA,GAAAT,OAAA;AAfxD;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASU,WAAWA,CAAE;EAAEC;AAAqB,CAAC,EAAG;EAC/D,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAC1BC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,cAAc,CAAC,CAAC,EACzD,EACD,CAAC;EAED,MAAMC,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCP,oBAAoB,IACpBC,WAAW,EAAEO,IAAI,CACdC,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAKV,oBACrC,CAAC,EACF,CAAEA,oBAAoB,EAAEC,WAAW,CACpC,CAAC;EAED,IAAIU,WAAW;EACf,IAAK,CAAEL,kBAAkB,EAAG;IAC3BK,WAAW,GAAG,IAAAC,QAAE,EACf,uJACD,CAAC;EACF,CAAC,MAAM,IAAKZ,oBAAoB,KAAK,qBAAqB,EAAG;IAC5DW,WAAW,GAAG,IAAAC,QAAE,EACf,gEACD,CAAC;EACF,CAAC,MAAM;IACND,WAAW,GAAGL,kBAAkB,CAACK,WAAW;EAC7C;EAEA,oBACC,IAAAb,WAAA,CAAAe,GAAA;IAAKC,SAAS,EAAC,2BAA2B;IAAAC,QAAA,eACzC,IAAAjB,WAAA,CAAAkB,IAAA;MAAKF,SAAS,EAAC,0CAA0C;MAAAC,QAAA,gBACxD,IAAAjB,WAAA,CAAAe,GAAA,EAACrB,YAAA,CAAAyB,SAAS;QAACC,IAAI,EAAGC;MAAc,CAAE,CAAC,eACnC,IAAArB,WAAA,CAAAkB,IAAA;QAAAD,QAAA,gBACC,IAAAjB,WAAA,CAAAe,GAAA;UACC;UACA;UACA;UACA;UACAO,uBAAuB,EAAG;YACzBC,MAAM,EAAE,IAAAC,aAAQ,EAAEX,WAAY;UAC/B;QAAG,CACH,CAAC,EACAV,WAAW,EAAEsB,MAAM,KAAK,CAAC,iBAC1B,IAAAzB,WAAA,CAAAe,GAAA;UAAAE,QAAA,EACG,IAAAH,QAAE,EACH,+CACD;QAAC,CACC,CACH,EACC,CAAEN,kBAAkB,iBACrB,IAAAR,WAAA,CAAAe,GAAA,EAACpB,WAAA,CAAA+B;QACA;QAAA;UACAC,qBAAqB,EAAG,KAAO;UAC/BC,IAAI,EAAG,IAAAC,iBAAY,EAAE,eAAe,EAAE;YACrC,kBAAkB,EAAE,SAAS;YAC7BC,MAAM,EAAEC,MAAM,CAACC,QAAQ,CAACC;UACzB,CAAE,CAAG;UACLC,OAAO,EAAC,UAAU;UAAAjB,QAAA,EAEhB,IAAAH,QAAE,EAAE,0BAA2B;QAAC,CAC3B,CACR;MAAA,CACG,CAAC;IAAA,CACF;EAAC,CACF,CAAC;AAER","ignoreList":[]}

package/build/components/widget-areas-block-editor-content/index.js CHANGED Viewed

@@ -36,7 +36,7 @@ function WidgetAreasBlockEditorContent({
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.BlockTools, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_keyboardShortcuts.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__unstableEditorStyles, {
         styles: styles,
-        scope: ".editor-styles-wrapper"
+        scope: ":where(.editor-styles-wrapper)"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockSelectionClearer, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.WritingFlow, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockList, {

package/build/components/widget-areas-block-editor-content/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_compose","_data","_element","_preferences","_notices","_interopRequireDefault","_keyboardShortcuts","_jsxRuntime","WidgetAreasBlockEditorContent","blockEditorSettings","hasThemeStyles","useSelect","select","preferencesStore","get","isLargeViewport","useViewportMatch","styles","useMemo","jsxs","className","children","jsx","default","BlockToolbar","hideDragHandle","BlockTools","__unstableEditorStyles","scope","BlockSelectionClearer","WritingFlow","BlockList"],"sources":["@wordpress/edit-widgets/src/components/widget-areas-block-editor-content/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tBlockList,\n\tBlockToolbar,\n\tBlockTools,\n\tBlockSelectionClearer,\n\tWritingFlow,\n\t__unstableEditorStyles as EditorStyles,\n} from '@wordpress/block-editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport Notices from '../notices';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\n\nexport default function WidgetAreasBlockEditorContent( {\n\tblockEditorSettings,\n} ) {\n\tconst hasThemeStyles = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'themeStyles'\n\t\t\t),\n\t\t[]\n\t);\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst styles = useMemo( () => {\n\t\treturn hasThemeStyles ? blockEditorSettings.styles : [];\n\t}, [ blockEditorSettings, hasThemeStyles ] );\n\n\treturn (\n\t\t<div className=\"edit-widgets-block-editor\">\n\t\t\t<Notices />\n\t\t\t{ ! isLargeViewport && <BlockToolbar hideDragHandle /> }\n\t\t\t<BlockTools>\n\t\t\t\t<KeyboardShortcuts />\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<BlockSelectionClearer>\n\t\t\t\t\t<WritingFlow>\n\t\t\t\t\t\t<BlockList className=\"edit-widgets-main-block-list\" />\n\t\t\t\t\t</WritingFlow>\n\t\t\t\t</BlockSelectionClearer>\n\t\t\t</BlockTools>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAD,sBAAA,CAAAN,OAAA;AAAsD,IAAAQ,WAAA,GAAAR,OAAA;AApBtD;AACA;AACA;;AAcA;AACA;AACA;;AAIe,SAASS,6BAA6BA,CAAE;EACtDC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CAChC,mBAAmB,EACnB,aACD,CAAC,EACF,EACD,CAAC;EACD,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAS,CAAC;EAEpD,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,OAAOR,cAAc,GAAGD,mBAAmB,CAACQ,MAAM,GAAG,EAAE;EACxD,CAAC,EAAE,CAAER,mBAAmB,EAAEC,cAAc,CAAG,CAAC;EAE5C,oBACC,IAAAH,WAAA,CAAAY,IAAA;IAAKC,SAAS,EAAC,2BAA2B;IAAAC,QAAA,gBACzC,IAAAd,WAAA,CAAAe,GAAA,EAAClB,QAAA,CAAAmB,OAAO,IAAE,CAAC,EACT,CAAER,eAAe,iBAAI,IAAAR,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAA0B,YAAY;MAACC,cAAc;IAAA,CAAE,CAAC,eACtD,IAAAlB,WAAA,CAAAY,IAAA,EAACrB,YAAA,CAAA4B,UAAU;MAAAL,QAAA,gBACV,IAAAd,WAAA,CAAAe,GAAA,EAAChB,kBAAA,CAAAiB,OAAiB,IAAE,CAAC,eACrB,IAAAhB,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAA6B,sBAAY;QACZV,MAAM,EAAGA,MAAQ;QACjBW,KAAK,EAAC;~~MAAwB~~,~~CAC9B~~,CAAC,eACF,IAAArB,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAA+B,qBAAqB;QAAAR,QAAA,eACrB,IAAAd,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAAgC,WAAW;UAAAT,QAAA,eACX,IAAAd,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAAiC,SAAS;YAACX,SAAS,EAAC;UAA8B,CAAE;QAAC,CAC1C;MAAC,CACQ,CAAC;IAAA,CACb,CAAC;EAAA,CACT,CAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["_blockEditor","require","_compose","_data","_element","_preferences","_notices","_interopRequireDefault","_keyboardShortcuts","_jsxRuntime","WidgetAreasBlockEditorContent","blockEditorSettings","hasThemeStyles","useSelect","select","preferencesStore","get","isLargeViewport","useViewportMatch","styles","useMemo","jsxs","className","children","jsx","default","BlockToolbar","hideDragHandle","BlockTools","__unstableEditorStyles","scope","BlockSelectionClearer","WritingFlow","BlockList"],"sources":["@wordpress/edit-widgets/src/components/widget-areas-block-editor-content/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tBlockList,\n\tBlockToolbar,\n\tBlockTools,\n\tBlockSelectionClearer,\n\tWritingFlow,\n\t__unstableEditorStyles as EditorStyles,\n} from '@wordpress/block-editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport Notices from '../notices';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\n\nexport default function WidgetAreasBlockEditorContent( {\n\tblockEditorSettings,\n} ) {\n\tconst hasThemeStyles = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'themeStyles'\n\t\t\t),\n\t\t[]\n\t);\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst styles = useMemo( () => {\n\t\treturn hasThemeStyles ? blockEditorSettings.styles : [];\n\t}, [ blockEditorSettings, hasThemeStyles ] );\n\n\treturn (\n\t\t<div className=\"edit-widgets-block-editor\">\n\t\t\t<Notices />\n\t\t\t{ ! isLargeViewport && <BlockToolbar hideDragHandle /> }\n\t\t\t<BlockTools>\n\t\t\t\t<KeyboardShortcuts />\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\":where(.editor-styles-wrapper)\"\n\t\t\t\t/>\n\t\t\t\t<BlockSelectionClearer>\n\t\t\t\t\t<WritingFlow>\n\t\t\t\t\t\t<BlockList className=\"edit-widgets-main-block-list\" />\n\t\t\t\t\t</WritingFlow>\n\t\t\t\t</BlockSelectionClearer>\n\t\t\t</BlockTools>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAD,sBAAA,CAAAN,OAAA;AAAsD,IAAAQ,WAAA,GAAAR,OAAA;AApBtD;AACA;AACA;;AAcA;AACA;AACA;;AAIe,SAASS,6BAA6BA,CAAE;EACtDC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CAChC,mBAAmB,EACnB,aACD,CAAC,EACF,EACD,CAAC;EACD,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAS,CAAC;EAEpD,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,OAAOR,cAAc,GAAGD,mBAAmB,CAACQ,MAAM,GAAG,EAAE;EACxD,CAAC,EAAE,CAAER,mBAAmB,EAAEC,cAAc,CAAG,CAAC;EAE5C,oBACC,IAAAH,WAAA,CAAAY,IAAA;IAAKC,SAAS,EAAC,2BAA2B;IAAAC,QAAA,gBACzC,IAAAd,WAAA,CAAAe,GAAA,EAAClB,QAAA,CAAAmB,OAAO,IAAE,CAAC,EACT,CAAER,eAAe,iBAAI,IAAAR,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAA0B,YAAY;MAACC,cAAc;IAAA,CAAE,CAAC,eACtD,IAAAlB,WAAA,CAAAY,IAAA,EAACrB,YAAA,CAAA4B,UAAU;MAAAL,QAAA,gBACV,IAAAd,WAAA,CAAAe,GAAA,EAAChB,kBAAA,CAAAiB,OAAiB,IAAE,CAAC,eACrB,IAAAhB,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAA6B,sBAAY;QACZV,MAAM,EAAGA,MAAQ;QACjBW,KAAK,EAAC;MAAgC,CACtC,CAAC,eACF,IAAArB,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAA+B,qBAAqB;QAAAR,QAAA,eACrB,IAAAd,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAAgC,WAAW;UAAAT,QAAA,eACX,IAAAd,WAAA,CAAAe,GAAA,EAACxB,YAAA,CAAAiC,SAAS;YAACX,SAAS,EAAC;UAA8B,CAAE;QAAC,CAC1C;MAAC,CACQ,CAAC;IAAA,CACb,CAAC;EAAA,CACT,CAAC;AAER","ignoreList":[]}

package/build-module/components/error-boundary/index.js CHANGED Viewed

@@ -13,7 +13,10 @@ function CopyButton({
   children
 }) {
   const ref = useCopyToClipboard(text);
-  return /*#__PURE__*/_jsx(Button, {
+  return /*#__PURE__*/_jsx(Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
     variant: "secondary",
     ref: ref,
     children: children

package/build-module/components/error-boundary/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","jsx","_jsx","CopyButton","text","children","ref","variant","ErrorBoundaryWarning","message","error","actions","stack","className","ErrorBoundary","constructor","arguments","state","componentDidCatch","getDerivedStateFromError","render","props"],"sources":["@wordpress/edit-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button ~~variant~~=\"secondary\" ~~ref~~={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nfunction ErrorBoundaryWarning( { message, error } ) {\n\tconst actions = [\n\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t{ __( 'Copy Error' ) }\n\t\t</CopyButton>,\n\t];\n\n\treturn (\n\t\t<Warning className=\"edit-widgets-error-boundary\" actions={ actions }>\n\t\t\t{ message }\n\t\t</Warning>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tif ( ! this.state.error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryWarning\n\t\t\t\tmessage={ __(\n\t\t\t\t\t'The editor has encountered an unexpected error.'\n\t\t\t\t) }\n\t\t\t\terror={ this.state.error }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAGP,kBAAkB,CAAEK,IAAK,CAAC;EACtC,oBACCF,IAAA,CAACL,~~MAAM~~;~~IAACU~~,OAAO,EAAC,WAAW;~~IAACD~~,GAAG,EAAGA,GAAK;IAAAD,QAAA,~~EACpCA~~;EAAQ,CACH,CAAC;AAEX;AAEA,~~SAASG~~,oBAAoBA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACnD,MAAMC,OAAO,GAAG,~~cACfT~~,IAAA,CAACC,UAAU;IAAkBC,IAAI,~~EAAGM~~,KAAK,CAACE,KAAO;~~IAAAP~~,QAAA,EAC9CT,EAAE,CAAE,YAAa;EAAC,GADL,YAEJ,CAAC,CACb;EAED,oBACCM,IAAA,CAACJ,OAAO;~~IAACe~~,SAAS,EAAC,6BAA6B;IAACF,OAAO,EAAGA,OAAS;~~IAAAN~~,QAAA,~~EACjEI~~;EAAO,CACD,CAAC;AAEZ;AAEA,eAAe,MAAMK,aAAa,~~SAASnB~~,SAAS,CAAC;~~EACpDoB~~,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZP,KAAK,EAAE;IACR,CAAC;EACF;EAEAQ,iBAAiBA,CAAER,KAAK,EAAG;~~IAC1BV~~,QAAQ,CAAE,kCAAkC,~~EAAEU~~,KAAM,CAAC;EACtD;EAEA,OAAOS,wBAAwBA,CAAET,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAU,MAAMA,CAAA,EAAG;IACR,IAAK,CAAE,IAAI,CAACH,KAAK,CAACP,KAAK,EAAG;MACzB,OAAO,IAAI,CAACW,KAAK,~~CAAChB~~,QAAQ;IAC3B;IAEA,oBACCH,IAAA,~~CAACM~~,oBAAoB;MACpBC,OAAO,~~EAAGb~~,EAAE,CACX,iDACD,CAAG;~~MACHc~~,KAAK,EAAG,IAAI,CAACO,KAAK,CAACP;IAAO,CAC1B,CAAC;EAEJ;AACD","ignoreList":[]}
1	+ {"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","jsx","_jsx","CopyButton","text","children","ref","__next40pxDefaultSize","variant","ErrorBoundaryWarning","message","error","actions","stack","className","ErrorBoundary","constructor","arguments","state","componentDidCatch","getDerivedStateFromError","render","props"],"sources":["@wordpress/edit-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tvariant=\"secondary\"\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nfunction ErrorBoundaryWarning( { message, error } ) {\n\tconst actions = [\n\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t{ __( 'Copy Error' ) }\n\t\t</CopyButton>,\n\t];\n\n\treturn (\n\t\t<Warning className=\"edit-widgets-error-boundary\" actions={ actions }>\n\t\t\t{ message }\n\t\t</Warning>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tif ( ! this.state.error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryWarning\n\t\t\t\tmessage={ __(\n\t\t\t\t\t'The editor has encountered an unexpected error.'\n\t\t\t\t) }\n\t\t\t\terror={ this.state.error }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAGP,kBAAkB,CAAEK,IAAK,CAAC;EACtC,oBACCF,IAAA,CAACL;EACA;EAAA;IACAU,qBAAqB,EAAG,KAAO;IAC/BC,OAAO,EAAC,WAAW;IACnBF,GAAG,EAAGA,GAAK;IAAAD,QAAA,EAETA;EAAQ,CACH,CAAC;AAEX;AAEA,SAASI,oBAAoBA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACnD,MAAMC,OAAO,GAAG,cACfV,IAAA,CAACC,UAAU;IAAkBC,IAAI,EAAGO,KAAK,CAACE,KAAO;IAAAR,QAAA,EAC9CT,EAAE,CAAE,YAAa;EAAC,GADL,YAEJ,CAAC,CACb;EAED,oBACCM,IAAA,CAACJ,OAAO;IAACgB,SAAS,EAAC,6BAA6B;IAACF,OAAO,EAAGA,OAAS;IAAAP,QAAA,EACjEK;EAAO,CACD,CAAC;AAEZ;AAEA,eAAe,MAAMK,aAAa,SAASpB,SAAS,CAAC;EACpDqB,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZP,KAAK,EAAE;IACR,CAAC;EACF;EAEAQ,iBAAiBA,CAAER,KAAK,EAAG;IAC1BX,QAAQ,CAAE,kCAAkC,EAAEW,KAAM,CAAC;EACtD;EAEA,OAAOS,wBAAwBA,CAAET,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAU,MAAMA,CAAA,EAAG;IACR,IAAK,CAAE,IAAI,CAACH,KAAK,CAACP,KAAK,EAAG;MACzB,OAAO,IAAI,CAACW,KAAK,CAACjB,QAAQ;IAC3B;IAEA,oBACCH,IAAA,CAACO,oBAAoB;MACpBC,OAAO,EAAGd,EAAE,CACX,iDACD,CAAG;MACHe,KAAK,EAAG,IAAI,CAACO,KAAK,CAACP;IAAO,CAC1B,CAAC;EAEJ;AACD","ignoreList":[]}

package/build-module/components/header/index.js CHANGED Viewed

@@ -52,9 +52,9 @@ function Header() {
         })]
       }), /*#__PURE__*/_jsxs("div", {
         className: "edit-widgets-header__actions",
-        children: [/*#__PURE__*/_jsx(SaveButton, {}), /*#__PURE__*/_jsx(PinnedItems.Slot, {
+        children: [/*#__PURE__*/_jsx(PinnedItems.Slot, {
           scope: "core/edit-widgets"
-        }), /*#__PURE__*/_jsx(MoreMenu, {})]
+        }), /*#__PURE__*/_jsx(SaveButton, {}), /*#__PURE__*/_jsx(MoreMenu, {})]
       })]
     })
   });

package/build-module/components/header/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BlockToolbar","useSelect","useRef","__","Popover","VisuallyHidden","PinnedItems","useViewportMatch","store","preferencesStore","DocumentTools","SaveButton","MoreMenu","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Header","isLargeViewport","blockToolbarRef","hasFixedToolbar","select","get","children","className","as","hideDragHandle","Slot","ref","name","scope"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\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</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<~~SaveButton />\n\t\t\t\t\t<~~PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,EAAEC,cAAc,QAAQ,uBAAuB;AAC/D,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,QAAQ,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpC,SAASC,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAGb,gBAAgB,CAAE,QAAS,CAAC;EACpD,MAAMc,eAAe,GAAGnB,MAAM,CAAC,CAAC;EAChC,MAAM;IAAEoB;EAAgB,CAAC,GAAGrB,SAAS,CAClCsB,MAAM,KAAQ;IACfD,eAAe,EAAE,CAAC,CAAEC,MAAM,CAAEd,gBAAiB,CAAC,CAACe,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,oBACCV,IAAA,CAAAE,SAAA;IAAAS,QAAA,eACCP,KAAA;MAAKQ,SAAS,EAAC,qBAAqB;MAAAD,QAAA,gBACnCP,KAAA;QAAKQ,SAAS,EAAC,gDAAgD;QAAAD,QAAA,GAC5DL,eAAe,iBAChBN,IAAA;UAAIY,SAAS,EAAC,4BAA4B;UAAAD,QAAA,EACvCtB,EAAE,CAAE,SAAU;QAAC,CACd,CACJ,EACC,CAAEiB,eAAe,iBAClBN,IAAA,CAACT,cAAc;UACdsB,EAAE,EAAC,IAAI;UACPD,SAAS,EAAC,4BAA4B;UAAAD,QAAA,EAEpCtB,EAAE,CAAE,SAAU;QAAC,CACF,CAChB,eACDW,IAAA,CAACJ,aAAa,IAAE,CAAC,EACfY,eAAe,IAAIF,eAAe,iBACnCF,KAAA,CAAAF,SAAA;UAAAS,QAAA,gBACCX,IAAA;YAAKY,SAAS,EAAC,8BAA8B;YAAAD,QAAA,eAC5CX,IAAA,CAACd,YAAY;cAAC4B,cAAc;YAAA,CAAE;UAAC,CAC3B,CAAC,eACNd,IAAA,CAACV,OAAO,CAACyB,IAAI;YACZC,GAAG,EAAGT,eAAiB;YACvBU,IAAI,EAAC;UAAe,CACpB,CAAC;QAAA,CACD,CACF;MAAA,CACG,CAAC,eACNb,KAAA;QAAKQ,SAAS,EAAC,8BAA8B;QAAAD,QAAA,gBAC5CX,IAAA,~~CAACH,UAAU,IAAE,CAAC,eACdG,IAAA,~~CAACR,WAAW,CAACuB,IAAI;UAACG,KAAK,EAAC;QAAmB,CAAE,CAAC,eAC9ClB,IAAA,CAACF,QAAQ,IAAE,CAAC;MAAA,CACR,CAAC;IAAA,CACF;EAAC,CACL,CAAC;AAEL;AAEA,eAAeO,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["BlockToolbar","useSelect","useRef","__","Popover","VisuallyHidden","PinnedItems","useViewportMatch","store","preferencesStore","DocumentTools","SaveButton","MoreMenu","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Header","isLargeViewport","blockToolbarRef","hasFixedToolbar","select","get","children","className","as","hideDragHandle","Slot","ref","name","scope"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\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</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,EAAEC,cAAc,QAAQ,uBAAuB;AAC/D,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,QAAQ,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpC,SAASC,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAGb,gBAAgB,CAAE,QAAS,CAAC;EACpD,MAAMc,eAAe,GAAGnB,MAAM,CAAC,CAAC;EAChC,MAAM;IAAEoB;EAAgB,CAAC,GAAGrB,SAAS,CAClCsB,MAAM,KAAQ;IACfD,eAAe,EAAE,CAAC,CAAEC,MAAM,CAAEd,gBAAiB,CAAC,CAACe,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,oBACCV,IAAA,CAAAE,SAAA;IAAAS,QAAA,eACCP,KAAA;MAAKQ,SAAS,EAAC,qBAAqB;MAAAD,QAAA,gBACnCP,KAAA;QAAKQ,SAAS,EAAC,gDAAgD;QAAAD,QAAA,GAC5DL,eAAe,iBAChBN,IAAA;UAAIY,SAAS,EAAC,4BAA4B;UAAAD,QAAA,EACvCtB,EAAE,CAAE,SAAU;QAAC,CACd,CACJ,EACC,CAAEiB,eAAe,iBAClBN,IAAA,CAACT,cAAc;UACdsB,EAAE,EAAC,IAAI;UACPD,SAAS,EAAC,4BAA4B;UAAAD,QAAA,EAEpCtB,EAAE,CAAE,SAAU;QAAC,CACF,CAChB,eACDW,IAAA,CAACJ,aAAa,IAAE,CAAC,EACfY,eAAe,IAAIF,eAAe,iBACnCF,KAAA,CAAAF,SAAA;UAAAS,QAAA,gBACCX,IAAA;YAAKY,SAAS,EAAC,8BAA8B;YAAAD,QAAA,eAC5CX,IAAA,CAACd,YAAY;cAAC4B,cAAc;YAAA,CAAE;UAAC,CAC3B,CAAC,eACNd,IAAA,CAACV,OAAO,CAACyB,IAAI;YACZC,GAAG,EAAGT,eAAiB;YACvBU,IAAI,EAAC;UAAe,CACpB,CAAC;QAAA,CACD,CACF;MAAA,CACG,CAAC,eACNb,KAAA;QAAKQ,SAAS,EAAC,8BAA8B;QAAAD,QAAA,gBAC5CX,IAAA,CAACR,WAAW,CAACuB,IAAI;UAACG,KAAK,EAAC;QAAmB,CAAE,CAAC,eAC9ClB,IAAA,CAACH,UAAU,IAAE,CAAC,eACdG,IAAA,CAACF,QAAQ,IAAE,CAAC;MAAA,CACR,CAAC;IAAA,CACF;EAAC,CACL,CAAC;AAEL;AAEA,eAAeO,MAAM","ignoreList":[]}

package/build-module/components/secondary-sidebar/inserter-sidebar.js CHANGED Viewed

@@ -40,7 +40,10 @@ export default function InserterSidebar() {
     className: "edit-widgets-layout__inserter-panel",
     children: [/*#__PURE__*/_jsx(TagName, {
       className: "edit-widgets-layout__inserter-panel-header",
-      children: /*#__PURE__*/_jsx(Button, {
+      children: /*#__PURE__*/_jsx(Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         icon: close,
         onClick: closeInserter,
         label: __('Close block inserter')

package/build-module/components/secondary-sidebar/inserter-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Button","VisuallyHidden","close","__experimentalLibrary","Library","useViewportMatch","__experimentalUseDialog","useDialog","useCallback","useRef","useDispatch","__","useWidgetLibraryInsertionPoint","store","editWidgetsStore","jsx","_jsx","jsxs","_jsxs","InserterSidebar","isMobileViewport","rootClientId","insertionIndex","setIsInserterOpened","closeInserter","TagName","inserterDialogRef","inserterDialogProps","onClose","focusOnMount","libraryRef","ref","className","children","icon","onClick","label","showInserterHelpPanel","shouldFocusBlock","__experimentalInsertionIndex"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { close } from '@wordpress/icons';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();\n\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst closeInserter = useCallback( () => {\n\t\treturn setIsInserterOpened( false );\n\t}, [ setIsInserterOpened ] );\n\n\tconst TagName = ! isMobileViewport ? VisuallyHidden : 'div';\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: closeInserter,\n\t\tfocusOnMount: true,\n\t} );\n\n\tconst libraryRef = useRef();\n\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"edit-widgets-layout__inserter-panel\"\n\t\t>\n\t\t\t<TagName className=\"edit-widgets-layout__inserter-panel-header\">\n\t\t\t\t<Button\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tonClick={ closeInserter }\n\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t/>\n\t\t\t</TagName>\n\t\t\t<div className=\"edit-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={ insertionIndex }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,cAAc,QAAQ,uBAAuB;AAC9D,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SACCC,gBAAgB,EAChBC,uBAAuB,IAAIC,SAAS,QAC9B,oBAAoB;AAC3B,SAASC,WAAW,EAAEC,MAAM,QAAQ,oBAAoB;AACxD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,8BAA8B,MAAM,gDAAgD;AAC3F,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,gBAAgB,GAAGf,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAEgB,YAAY;IAAEC;EAAe,CAAC,GAAGV,8BAA8B,CAAC,CAAC;EAEzE,MAAM;IAAEW;EAAoB,CAAC,GAAGb,WAAW,CAAEI,gBAAiB,CAAC;EAE/D,MAAMU,aAAa,GAAGhB,WAAW,CAAE,MAAM;IACxC,OAAOe,mBAAmB,CAAE,KAAM,CAAC;EACpC,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;EAE5B,MAAME,OAAO,GAAG,CAAEL,gBAAgB,GAAGnB,cAAc,GAAG,KAAK;EAC3D,MAAM,CAAEyB,iBAAiB,EAAEC,mBAAmB,CAAE,GAAGpB,SAAS,CAAE;IAC7DqB,OAAO,EAAEJ,aAAa;IACtBK,YAAY,EAAE;EACf,CAAE,CAAC;EAEH,MAAMC,UAAU,GAAGrB,MAAM,CAAC,CAAC;EAE3B,oBACCS,KAAA;IACCa,GAAG,EAAGL,iBAAmB;IAAA,GACpBC,mBAAmB;IACxBK,SAAS,EAAC,qCAAqC;IAAAC,QAAA,gBAE/CjB,IAAA,CAACS,OAAO;MAACO,SAAS,EAAC,4CAA4C;MAAAC,QAAA,eAC9DjB,IAAA,CAAChB,~~MAAM~~;~~QACNkC~~,IAAI,~~EAAGhC~~,KAAO;~~QACdiC~~,OAAO,~~EAAGX~~,aAAe;~~QACzBY~~,KAAK,~~EAAGzB~~,EAAE,CAAE,sBAAuB;MAAG,CACtC;IAAC,CACM,CAAC,eACVK,IAAA;MAAKgB,SAAS,EAAC,6CAA6C;MAAAC,QAAA,eAC3DjB,IAAA,CAACZ,OAAO;~~QACPiC~~,qBAAqB;QACrBC,gBAAgB,~~EAAGlB~~,gBAAkB;QACrCC,YAAY,EAAGA,YAAc;~~QAC7BkB~~,4BAA4B,~~EAAGjB~~,cAAgB;QAC/CS,GAAG,EAAGD;MAAY,CAClB;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["Button","VisuallyHidden","close","__experimentalLibrary","Library","useViewportMatch","__experimentalUseDialog","useDialog","useCallback","useRef","useDispatch","__","useWidgetLibraryInsertionPoint","store","editWidgetsStore","jsx","_jsx","jsxs","_jsxs","InserterSidebar","isMobileViewport","rootClientId","insertionIndex","setIsInserterOpened","closeInserter","TagName","inserterDialogRef","inserterDialogProps","onClose","focusOnMount","libraryRef","ref","className","children","__next40pxDefaultSize","icon","onClick","label","showInserterHelpPanel","shouldFocusBlock","__experimentalInsertionIndex"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { close } from '@wordpress/icons';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();\n\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst closeInserter = useCallback( () => {\n\t\treturn setIsInserterOpened( false );\n\t}, [ setIsInserterOpened ] );\n\n\tconst TagName = ! isMobileViewport ? VisuallyHidden : 'div';\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: closeInserter,\n\t\tfocusOnMount: true,\n\t} );\n\n\tconst libraryRef = useRef();\n\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"edit-widgets-layout__inserter-panel\"\n\t\t>\n\t\t\t<TagName className=\"edit-widgets-layout__inserter-panel-header\">\n\t\t\t\t<Button\n\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tonClick={ closeInserter }\n\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t/>\n\t\t\t</TagName>\n\t\t\t<div className=\"edit-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={ insertionIndex }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,cAAc,QAAQ,uBAAuB;AAC9D,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SACCC,gBAAgB,EAChBC,uBAAuB,IAAIC,SAAS,QAC9B,oBAAoB;AAC3B,SAASC,WAAW,EAAEC,MAAM,QAAQ,oBAAoB;AACxD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,8BAA8B,MAAM,gDAAgD;AAC3F,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,gBAAgB,GAAGf,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAEgB,YAAY;IAAEC;EAAe,CAAC,GAAGV,8BAA8B,CAAC,CAAC;EAEzE,MAAM;IAAEW;EAAoB,CAAC,GAAGb,WAAW,CAAEI,gBAAiB,CAAC;EAE/D,MAAMU,aAAa,GAAGhB,WAAW,CAAE,MAAM;IACxC,OAAOe,mBAAmB,CAAE,KAAM,CAAC;EACpC,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;EAE5B,MAAME,OAAO,GAAG,CAAEL,gBAAgB,GAAGnB,cAAc,GAAG,KAAK;EAC3D,MAAM,CAAEyB,iBAAiB,EAAEC,mBAAmB,CAAE,GAAGpB,SAAS,CAAE;IAC7DqB,OAAO,EAAEJ,aAAa;IACtBK,YAAY,EAAE;EACf,CAAE,CAAC;EAEH,MAAMC,UAAU,GAAGrB,MAAM,CAAC,CAAC;EAE3B,oBACCS,KAAA;IACCa,GAAG,EAAGL,iBAAmB;IAAA,GACpBC,mBAAmB;IACxBK,SAAS,EAAC,qCAAqC;IAAAC,QAAA,gBAE/CjB,IAAA,CAACS,OAAO;MAACO,SAAS,EAAC,4CAA4C;MAAAC,QAAA,eAC9DjB,IAAA,CAAChB;MACA;MAAA;QACAkC,qBAAqB,EAAG,KAAO;QAC/BC,IAAI,EAAGjC,KAAO;QACdkC,OAAO,EAAGZ,aAAe;QACzBa,KAAK,EAAG1B,EAAE,CAAE,sBAAuB;MAAG,CACtC;IAAC,CACM,CAAC,eACVK,IAAA;MAAKgB,SAAS,EAAC,6CAA6C;MAAAC,QAAA,eAC3DjB,IAAA,CAACZ,OAAO;QACPkC,qBAAqB;QACrBC,gBAAgB,EAAGnB,gBAAkB;QACrCC,YAAY,EAAGA,YAAc;QAC7BmB,4BAA4B,EAAGlB,cAAgB;QAC/CS,GAAG,EAAGD;MAAY,CAClB;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}

package/build-module/components/secondary-sidebar/list-view-sidebar.js CHANGED Viewed

@@ -51,7 +51,10 @@ export default function ListViewSidebar() {
         className: "edit-widgets-editor__list-view-panel-header",
         children: [/*#__PURE__*/_jsx("strong", {
           children: __('List View')
-        }), /*#__PURE__*/_jsx(Button, {
+        }), /*#__PURE__*/_jsx(Button
+        // TODO: Switch to `true` (40px size) if possible
+        , {
+          __next40pxDefaultSize: false,
           icon: closeSmall,
           label: __('Close'),
           onClick: closeListView

package/build-module/components/secondary-sidebar/list-view-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalListView","ListView","Button","useFocusOnMount","useMergeRefs","useDispatch","useSelect","useCallback","useState","__","closeSmall","ESCAPE","store","editWidgetsStore","unlock","jsx","_jsx","jsxs","_jsxs","ListViewSidebar","setIsListViewOpened","getListViewToggleRef","dropZoneElement","setDropZoneElement","focusOnMountRef","closeListView","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","className","onKeyDown","children","icon","label","onClick","ref"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/\n Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,IAAIC,QAAQ,QAAQ,yBAAyB;AAC5E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,eAAe,EAAEC,YAAY,QAAQ,oBAAoB;AAClE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,qBAAqB;;AAE5C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAGf,WAAW,CAAEQ,gBAAiB,CAAC;EAC/D,MAAM;IAAEQ;EAAqB,CAAC,GAAGP,MAAM,CAAER,SAAS,CAAEO,gBAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAES,eAAe,EAAEC,kBAAkB,CAAE,GAAGf,QAAQ,CAAE,IAAK,CAAC;EAEhE,MAAMgB,eAAe,GAAGrB,eAAe,CAAE,cAAe,CAAC;;EAEzD;EACA,MAAMsB,aAAa,GAAGlB,WAAW,CAAE,MAAM;IACxCa,mBAAmB,CAAE,KAAM,CAAC;IAC5BC,oBAAoB,CAAC,CAAC,CAACK,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEN,oBAAoB,EAAED,mBAAmB,CAAG,CAAC;EAElD,MAAMQ,aAAa,GAAGrB,WAAW,CAC9BsB,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKnB,MAAM,IAAI,CAAEkB,KAAK,CAACE,gBAAgB,EAAG;MAC3DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBP,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACAP,KAAA;MACCe,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGN,aAAe;MAAAO,QAAA,gBAE3BjB,KAAA;QAAKe,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3DnB,IAAA;UAAAmB,QAAA,EAAU1B,EAAE,CAAE,WAAY;QAAC,CAAU,CAAC,eACtCO,IAAA,CAACd,~~MAAM~~;~~UACNkC~~,IAAI,~~EAAG1B~~,UAAY;~~UACnB2B~~,KAAK,~~EAAG5B~~,EAAE,CAAE,OAAQ,CAAG;~~UACvB6B~~,OAAO,~~EAAGb~~;QAAe,CACzB,CAAC;MAAA,CACE,CAAC,eACNT,IAAA;QACCiB,SAAS,EAAC,8CAA8C;~~QACxDM~~,GAAG,~~EAAGnC~~,YAAY,CAAE,CAAEoB,eAAe,EAAED,kBAAkB,CAAG,CAAG;QAAAY,QAAA,eAE/DnB,IAAA,CAACf,QAAQ;UAACqB,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalListView","ListView","Button","useFocusOnMount","useMergeRefs","useDispatch","useSelect","useCallback","useState","__","closeSmall","ESCAPE","store","editWidgetsStore","unlock","jsx","_jsx","jsxs","_jsxs","ListViewSidebar","setIsListViewOpened","getListViewToggleRef","dropZoneElement","setDropZoneElement","focusOnMountRef","closeListView","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","className","onKeyDown","children","__next40pxDefaultSize","icon","label","onClick","ref"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/\n Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,IAAIC,QAAQ,QAAQ,yBAAyB;AAC5E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,eAAe,EAAEC,YAAY,QAAQ,oBAAoB;AAClE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,qBAAqB;;AAE5C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAGf,WAAW,CAAEQ,gBAAiB,CAAC;EAC/D,MAAM;IAAEQ;EAAqB,CAAC,GAAGP,MAAM,CAAER,SAAS,CAAEO,gBAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAES,eAAe,EAAEC,kBAAkB,CAAE,GAAGf,QAAQ,CAAE,IAAK,CAAC;EAEhE,MAAMgB,eAAe,GAAGrB,eAAe,CAAE,cAAe,CAAC;;EAEzD;EACA,MAAMsB,aAAa,GAAGlB,WAAW,CAAE,MAAM;IACxCa,mBAAmB,CAAE,KAAM,CAAC;IAC5BC,oBAAoB,CAAC,CAAC,CAACK,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEN,oBAAoB,EAAED,mBAAmB,CAAG,CAAC;EAElD,MAAMQ,aAAa,GAAGrB,WAAW,CAC9BsB,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKnB,MAAM,IAAI,CAAEkB,KAAK,CAACE,gBAAgB,EAAG;MAC3DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBP,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACAP,KAAA;MACCe,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGN,aAAe;MAAAO,QAAA,gBAE3BjB,KAAA;QAAKe,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3DnB,IAAA;UAAAmB,QAAA,EAAU1B,EAAE,CAAE,WAAY;QAAC,CAAU,CAAC,eACtCO,IAAA,CAACd;QACA;QAAA;UACAkC,qBAAqB,EAAG,KAAO;UAC/BC,IAAI,EAAG3B,UAAY;UACnB4B,KAAK,EAAG7B,EAAE,CAAE,OAAQ,CAAG;UACvB8B,OAAO,EAAGd;QAAe,CACzB,CAAC;MAAA,CACE,CAAC,eACNT,IAAA;QACCiB,SAAS,EAAC,8CAA8C;QACxDO,GAAG,EAAGpC,YAAY,CAAE,CAAEoB,eAAe,EAAED,kBAAkB,CAAG,CAAG;QAAAY,QAAA,eAE/DnB,IAAA,CAACf,QAAQ;UAACqB,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}

package/build-module/components/sidebar/widget-areas.js CHANGED Viewed

@@ -46,7 +46,10 @@ export default function WidgetAreas({
           }
         }), widgetAreas?.length === 0 && /*#__PURE__*/_jsx("p", {
           children: __('Your theme does not contain any Widget Areas.')
-        }), !selectedWidgetArea && /*#__PURE__*/_jsx(Button, {
+        }), !selectedWidgetArea && /*#__PURE__*/_jsx(Button
+        // TODO: Switch to `true` (40px size) if possible
+        , {
+          __next40pxDefaultSize: false,
           href: addQueryArgs('customize.php', {
             'autofocus[panel]': 'widgets',
             return: window.location.pathname

package/build-module/components/sidebar/widget-areas.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelect","useMemo","blockDefault","BlockIcon","Button","__","addQueryArgs","safeHTML","store","editWidgetsStore","jsx","_jsx","jsxs","_jsxs","WidgetAreas","selectedWidgetAreaId","widgetAreas","select","getWidgetAreas","selectedWidgetArea","find","widgetArea","id","description","className","children","icon","dangerouslySetInnerHTML","__html","length","href","return","window","location","pathname","variant"],"sources":["@wordpress/edit-widgets/src/components/sidebar/widget-areas.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { safeHTML } from '@wordpress/dom';\n\n/\n Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WidgetAreas( { selectedWidgetAreaId } ) {\n\tconst widgetAreas = useSelect(\n\t\t( select ) => select( editWidgetsStore ).getWidgetAreas(),\n\t\t[]\n\t);\n\n\tconst selectedWidgetArea = useMemo(\n\t\t() =>\n\t\t\tselectedWidgetAreaId &&\n\t\t\twidgetAreas?.find(\n\t\t\t\t( widgetArea ) => widgetArea.id === selectedWidgetAreaId\n\t\t\t),\n\t\t[ selectedWidgetAreaId, widgetAreas ]\n\t);\n\n\tlet description;\n\tif ( ! selectedWidgetArea ) {\n\t\tdescription = __(\n\t\t\t'Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'\n\t\t);\n\t} else if ( selectedWidgetAreaId === 'wp_inactive_widgets' ) {\n\t\tdescription = __(\n\t\t\t'Blocks in this Widget Area will not be displayed in your site.'\n\t\t);\n\t} else {\n\t\tdescription = selectedWidgetArea.description;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-widgets-widget-areas\">\n\t\t\t<div className=\"edit-widgets-widget-areas__top-container\">\n\t\t\t\t<BlockIcon icon={ blockDefault } />\n\t\t\t\t<div>\n\t\t\t\t\t<p\n\t\t\t\t\t\t// Use `dangerouslySetInnerHTML` to keep backwards\n\t\t\t\t\t\t// compatibility. Basic markup in the description is an\n\t\t\t\t\t\t// established feature of WordPress.\n\t\t\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/33106\n\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t__html: safeHTML( description ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ widgetAreas?.length === 0 && (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Your theme does not contain any Widget Areas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! selectedWidgetArea && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\thref={ addQueryArgs( 'customize.php', {\n\t\t\t\t\t\t\t\t'autofocus[panel]': 'widgets',\n\t\t\t\t\t\t\t\treturn: window.location.pathname,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage with live preview' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,eAAe,SAASC,WAAWA,CAAE;EAAEC;AAAqB,CAAC,EAAG;EAC/D,MAAMC,WAAW,GAAGhB,SAAS,CAC1BiB,MAAM,IAAMA,MAAM,CAAER,gBAAiB,CAAC,CAACS,cAAc,CAAC,CAAC,EACzD,EACD,CAAC;EAED,MAAMC,kBAAkB,GAAGlB,OAAO,CACjC,MACCc,oBAAoB,IACpBC,WAAW,EAAEI,IAAI,CACdC,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAKP,oBACrC,CAAC,EACF,CAAEA,oBAAoB,EAAEC,WAAW,CACpC,CAAC;EAED,IAAIO,WAAW;EACf,IAAK,CAAEJ,kBAAkB,EAAG;IAC3BI,WAAW,GAAGlB,EAAE,CACf,uJACD,CAAC;EACF,CAAC,MAAM,IAAKU,oBAAoB,KAAK,qBAAqB,EAAG;IAC5DQ,WAAW,GAAGlB,EAAE,CACf,gEACD,CAAC;EACF,CAAC,MAAM;IACNkB,WAAW,GAAGJ,kBAAkB,CAACI,WAAW;EAC7C;EAEA,oBACCZ,IAAA;IAAKa,SAAS,EAAC,2BAA2B;IAAAC,QAAA,eACzCZ,KAAA;MAAKW,SAAS,EAAC,0CAA0C;MAAAC,QAAA,gBACxDd,IAAA,CAACR,SAAS;QAACuB,IAAI,EAAGxB;MAAc,CAAE,CAAC,eACnCW,KAAA;QAAAY,QAAA,gBACCd,IAAA;UACC;UACA;UACA;UACA;UACAgB,uBAAuB,EAAG;YACzBC,MAAM,EAAErB,QAAQ,CAAEgB,WAAY;UAC/B;QAAG,CACH,CAAC,EACAP,WAAW,EAAEa,MAAM,KAAK,CAAC,iBAC1BlB,IAAA;UAAAc,QAAA,EACGpB,EAAE,CACH,+CACD;QAAC,CACC,CACH,EACC,CAAEc,kBAAkB,iBACrBR,IAAA,CAACP,~~MAAM~~;~~UACN0B~~,IAAI,~~EAAGxB~~,YAAY,CAAE,eAAe,EAAE;YACrC,kBAAkB,EAAE,SAAS;~~YAC7ByB~~,MAAM,EAAEC,MAAM,CAACC,QAAQ,CAACC;UACzB,CAAE,CAAG;UACLC,OAAO,EAAC,UAAU;~~UAAAV~~,QAAA,EAEhBpB,EAAE,CAAE,0BAA2B;QAAC,CAC3B,CACR;MAAA,CACG,CAAC;IAAA,CACF;EAAC,CACF,CAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["useSelect","useMemo","blockDefault","BlockIcon","Button","__","addQueryArgs","safeHTML","store","editWidgetsStore","jsx","_jsx","jsxs","_jsxs","WidgetAreas","selectedWidgetAreaId","widgetAreas","select","getWidgetAreas","selectedWidgetArea","find","widgetArea","id","description","className","children","icon","dangerouslySetInnerHTML","__html","length","__next40pxDefaultSize","href","return","window","location","pathname","variant"],"sources":["@wordpress/edit-widgets/src/components/sidebar/widget-areas.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { safeHTML } from '@wordpress/dom';\n\n/\n Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WidgetAreas( { selectedWidgetAreaId } ) {\n\tconst widgetAreas = useSelect(\n\t\t( select ) => select( editWidgetsStore ).getWidgetAreas(),\n\t\t[]\n\t);\n\n\tconst selectedWidgetArea = useMemo(\n\t\t() =>\n\t\t\tselectedWidgetAreaId &&\n\t\t\twidgetAreas?.find(\n\t\t\t\t( widgetArea ) => widgetArea.id === selectedWidgetAreaId\n\t\t\t),\n\t\t[ selectedWidgetAreaId, widgetAreas ]\n\t);\n\n\tlet description;\n\tif ( ! selectedWidgetArea ) {\n\t\tdescription = __(\n\t\t\t'Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'\n\t\t);\n\t} else if ( selectedWidgetAreaId === 'wp_inactive_widgets' ) {\n\t\tdescription = __(\n\t\t\t'Blocks in this Widget Area will not be displayed in your site.'\n\t\t);\n\t} else {\n\t\tdescription = selectedWidgetArea.description;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-widgets-widget-areas\">\n\t\t\t<div className=\"edit-widgets-widget-areas__top-container\">\n\t\t\t\t<BlockIcon icon={ blockDefault } />\n\t\t\t\t<div>\n\t\t\t\t\t<p\n\t\t\t\t\t\t// Use `dangerouslySetInnerHTML` to keep backwards\n\t\t\t\t\t\t// compatibility. Basic markup in the description is an\n\t\t\t\t\t\t// established feature of WordPress.\n\t\t\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/33106\n\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t__html: safeHTML( description ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ widgetAreas?.length === 0 && (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Your theme does not contain any Widget Areas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! selectedWidgetArea && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\thref={ addQueryArgs( 'customize.php', {\n\t\t\t\t\t\t\t\t'autofocus[panel]': 'widgets',\n\t\t\t\t\t\t\t\treturn: window.location.pathname,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage with live preview' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,eAAe,SAASC,WAAWA,CAAE;EAAEC;AAAqB,CAAC,EAAG;EAC/D,MAAMC,WAAW,GAAGhB,SAAS,CAC1BiB,MAAM,IAAMA,MAAM,CAAER,gBAAiB,CAAC,CAACS,cAAc,CAAC,CAAC,EACzD,EACD,CAAC;EAED,MAAMC,kBAAkB,GAAGlB,OAAO,CACjC,MACCc,oBAAoB,IACpBC,WAAW,EAAEI,IAAI,CACdC,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAKP,oBACrC,CAAC,EACF,CAAEA,oBAAoB,EAAEC,WAAW,CACpC,CAAC;EAED,IAAIO,WAAW;EACf,IAAK,CAAEJ,kBAAkB,EAAG;IAC3BI,WAAW,GAAGlB,EAAE,CACf,uJACD,CAAC;EACF,CAAC,MAAM,IAAKU,oBAAoB,KAAK,qBAAqB,EAAG;IAC5DQ,WAAW,GAAGlB,EAAE,CACf,gEACD,CAAC;EACF,CAAC,MAAM;IACNkB,WAAW,GAAGJ,kBAAkB,CAACI,WAAW;EAC7C;EAEA,oBACCZ,IAAA;IAAKa,SAAS,EAAC,2BAA2B;IAAAC,QAAA,eACzCZ,KAAA;MAAKW,SAAS,EAAC,0CAA0C;MAAAC,QAAA,gBACxDd,IAAA,CAACR,SAAS;QAACuB,IAAI,EAAGxB;MAAc,CAAE,CAAC,eACnCW,KAAA;QAAAY,QAAA,gBACCd,IAAA;UACC;UACA;UACA;UACA;UACAgB,uBAAuB,EAAG;YACzBC,MAAM,EAAErB,QAAQ,CAAEgB,WAAY;UAC/B;QAAG,CACH,CAAC,EACAP,WAAW,EAAEa,MAAM,KAAK,CAAC,iBAC1BlB,IAAA;UAAAc,QAAA,EACGpB,EAAE,CACH,+CACD;QAAC,CACC,CACH,EACC,CAAEc,kBAAkB,iBACrBR,IAAA,CAACP;QACA;QAAA;UACA0B,qBAAqB,EAAG,KAAO;UAC/BC,IAAI,EAAGzB,YAAY,CAAE,eAAe,EAAE;YACrC,kBAAkB,EAAE,SAAS;YAC7B0B,MAAM,EAAEC,MAAM,CAACC,QAAQ,CAACC;UACzB,CAAE,CAAG;UACLC,OAAO,EAAC,UAAU;UAAAX,QAAA,EAEhBpB,EAAE,CAAE,0BAA2B;QAAC,CAC3B,CACR;MAAA,CACG,CAAC;IAAA,CACF;EAAC,CACF,CAAC;AAER","ignoreList":[]}

package/build-module/components/widget-areas-block-editor-content/index.js CHANGED Viewed

@@ -29,7 +29,7 @@ export default function WidgetAreasBlockEditorContent({
     }), /*#__PURE__*/_jsxs(BlockTools, {
       children: [/*#__PURE__*/_jsx(KeyboardShortcuts, {}), /*#__PURE__*/_jsx(EditorStyles, {
         styles: styles,
-        scope: ".editor-styles-wrapper"
+        scope: ":where(.editor-styles-wrapper)"
       }), /*#__PURE__*/_jsx(BlockSelectionClearer, {
         children: /*#__PURE__*/_jsx(WritingFlow, {
           children: /*#__PURE__*/_jsx(BlockList, {

package/build-module/components/widget-areas-block-editor-content/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BlockList","BlockToolbar","BlockTools","BlockSelectionClearer","WritingFlow","__unstableEditorStyles","EditorStyles","useViewportMatch","useSelect","useMemo","store","preferencesStore","Notices","KeyboardShortcuts","jsx","_jsx","jsxs","_jsxs","WidgetAreasBlockEditorContent","blockEditorSettings","hasThemeStyles","select","get","isLargeViewport","styles","className","children","hideDragHandle","scope"],"sources":["@wordpress/edit-widgets/src/components/widget-areas-block-editor-content/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tBlockList,\n\tBlockToolbar,\n\tBlockTools,\n\tBlockSelectionClearer,\n\tWritingFlow,\n\t__unstableEditorStyles as EditorStyles,\n} from '@wordpress/block-editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport Notices from '../notices';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\n\nexport default function WidgetAreasBlockEditorContent( {\n\tblockEditorSettings,\n} ) {\n\tconst hasThemeStyles = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'themeStyles'\n\t\t\t),\n\t\t[]\n\t);\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst styles = useMemo( () => {\n\t\treturn hasThemeStyles ? blockEditorSettings.styles : [];\n\t}, [ blockEditorSettings, hasThemeStyles ] );\n\n\treturn (\n\t\t<div className=\"edit-widgets-block-editor\">\n\t\t\t<Notices />\n\t\t\t{ ! isLargeViewport && <BlockToolbar hideDragHandle /> }\n\t\t\t<BlockTools>\n\t\t\t\t<KeyboardShortcuts />\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<BlockSelectionClearer>\n\t\t\t\t\t<WritingFlow>\n\t\t\t\t\t\t<BlockList className=\"edit-widgets-main-block-list\" />\n\t\t\t\t\t</WritingFlow>\n\t\t\t\t</BlockSelectionClearer>\n\t\t\t</BlockTools>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,SAAS,EACTC,YAAY,EACZC,UAAU,EACVC,qBAAqB,EACrBC,WAAW,EACXC,sBAAsB,IAAIC,YAAY,QAChC,yBAAyB;AAChC,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,iBAAiB,MAAM,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEtD,eAAe,SAASC,6BAA6BA,CAAE;EACtDC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAGZ,SAAS,CAC7Ba,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEV,gBAAiB,CAAC,CAACW,GAAG,CAChC,mBAAmB,EACnB,aACD,CAAC,EACF,EACD,CAAC;EACD,MAAMC,eAAe,GAAGhB,gBAAgB,CAAE,QAAS,CAAC;EAEpD,MAAMiB,MAAM,GAAGf,OAAO,CAAE,MAAM;IAC7B,OAAOW,cAAc,GAAGD,mBAAmB,CAACK,MAAM,GAAG,EAAE;EACxD,CAAC,EAAE,CAAEL,mBAAmB,EAAEC,cAAc,CAAG,CAAC;EAE5C,oBACCH,KAAA;IAAKQ,SAAS,EAAC,2BAA2B;IAAAC,QAAA,gBACzCX,IAAA,CAACH,OAAO,IAAE,CAAC,EACT,CAAEW,eAAe,iBAAIR,IAAA,CAACd,YAAY;MAAC0B,cAAc;IAAA,CAAE,CAAC,eACtDV,KAAA,CAACf,UAAU;MAAAwB,QAAA,gBACVX,IAAA,CAACF,iBAAiB,IAAE,CAAC,eACrBE,IAAA,CAACT,YAAY;QACZkB,MAAM,EAAGA,MAAQ;QACjBI,KAAK,EAAC;~~MAAwB~~,~~CAC9B~~,CAAC,eACFb,IAAA,CAACZ,qBAAqB;QAAAuB,QAAA,eACrBX,IAAA,CAACX,WAAW;UAAAsB,QAAA,eACXX,IAAA,CAACf,SAAS;YAACyB,SAAS,EAAC;UAA8B,CAAE;QAAC,CAC1C;MAAC,CACQ,CAAC;IAAA,CACb,CAAC;EAAA,CACT,CAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["BlockList","BlockToolbar","BlockTools","BlockSelectionClearer","WritingFlow","__unstableEditorStyles","EditorStyles","useViewportMatch","useSelect","useMemo","store","preferencesStore","Notices","KeyboardShortcuts","jsx","_jsx","jsxs","_jsxs","WidgetAreasBlockEditorContent","blockEditorSettings","hasThemeStyles","select","get","isLargeViewport","styles","className","children","hideDragHandle","scope"],"sources":["@wordpress/edit-widgets/src/components/widget-areas-block-editor-content/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tBlockList,\n\tBlockToolbar,\n\tBlockTools,\n\tBlockSelectionClearer,\n\tWritingFlow,\n\t__unstableEditorStyles as EditorStyles,\n} from '@wordpress/block-editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport Notices from '../notices';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\n\nexport default function WidgetAreasBlockEditorContent( {\n\tblockEditorSettings,\n} ) {\n\tconst hasThemeStyles = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'themeStyles'\n\t\t\t),\n\t\t[]\n\t);\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst styles = useMemo( () => {\n\t\treturn hasThemeStyles ? blockEditorSettings.styles : [];\n\t}, [ blockEditorSettings, hasThemeStyles ] );\n\n\treturn (\n\t\t<div className=\"edit-widgets-block-editor\">\n\t\t\t<Notices />\n\t\t\t{ ! isLargeViewport && <BlockToolbar hideDragHandle /> }\n\t\t\t<BlockTools>\n\t\t\t\t<KeyboardShortcuts />\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\":where(.editor-styles-wrapper)\"\n\t\t\t\t/>\n\t\t\t\t<BlockSelectionClearer>\n\t\t\t\t\t<WritingFlow>\n\t\t\t\t\t\t<BlockList className=\"edit-widgets-main-block-list\" />\n\t\t\t\t\t</WritingFlow>\n\t\t\t\t</BlockSelectionClearer>\n\t\t\t</BlockTools>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,SAAS,EACTC,YAAY,EACZC,UAAU,EACVC,qBAAqB,EACrBC,WAAW,EACXC,sBAAsB,IAAIC,YAAY,QAChC,yBAAyB;AAChC,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,iBAAiB,MAAM,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEtD,eAAe,SAASC,6BAA6BA,CAAE;EACtDC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAGZ,SAAS,CAC7Ba,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEV,gBAAiB,CAAC,CAACW,GAAG,CAChC,mBAAmB,EACnB,aACD,CAAC,EACF,EACD,CAAC;EACD,MAAMC,eAAe,GAAGhB,gBAAgB,CAAE,QAAS,CAAC;EAEpD,MAAMiB,MAAM,GAAGf,OAAO,CAAE,MAAM;IAC7B,OAAOW,cAAc,GAAGD,mBAAmB,CAACK,MAAM,GAAG,EAAE;EACxD,CAAC,EAAE,CAAEL,mBAAmB,EAAEC,cAAc,CAAG,CAAC;EAE5C,oBACCH,KAAA;IAAKQ,SAAS,EAAC,2BAA2B;IAAAC,QAAA,gBACzCX,IAAA,CAACH,OAAO,IAAE,CAAC,EACT,CAAEW,eAAe,iBAAIR,IAAA,CAACd,YAAY;MAAC0B,cAAc;IAAA,CAAE,CAAC,eACtDV,KAAA,CAACf,UAAU;MAAAwB,QAAA,gBACVX,IAAA,CAACF,iBAAiB,IAAE,CAAC,eACrBE,IAAA,CAACT,YAAY;QACZkB,MAAM,EAAGA,MAAQ;QACjBI,KAAK,EAAC;MAAgC,CACtC,CAAC,eACFb,IAAA,CAACZ,qBAAqB;QAAAuB,QAAA,eACrBX,IAAA,CAACX,WAAW;UAAAsB,QAAA,eACXX,IAAA,CAACf,SAAS;YAACyB,SAAS,EAAC;UAA8B,CAAE;QAAC,CAC1C;MAAC,CACQ,CAAC;IAAA,CACb,CAAC;EAAA,CACT,CAAC;AAER","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-widgets",
-	"version": "6.6.1",
+	"version": "6.7.1-next.1f6eadc42.0",
 	"description": "Widgets Page module for WordPress..",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -28,32 +28,32 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/api-fetch": "^7.6.0",
-		"@wordpress/block-editor": "^14.1.0",
-		"@wordpress/block-library": "^9.6.1",
-		"@wordpress/blocks": "^13.6.0",
-		"@wordpress/components": "^28.6.0",
-		"@wordpress/compose": "^7.6.0",
-		"@wordpress/core-data": "^7.6.0",
-		"@wordpress/data": "^10.6.0",
-		"@wordpress/deprecated": "^4.6.0",
-		"@wordpress/dom": "^4.6.0",
-		"@wordpress/element": "^6.6.0",
-		"@wordpress/hooks": "^4.6.0",
-		"@wordpress/i18n": "^5.6.0",
-		"@wordpress/icons": "^10.6.0",
-		"@wordpress/interface": "^6.6.0",
-		"@wordpress/keyboard-shortcuts": "^5.6.0",
-		"@wordpress/keycodes": "^4.6.0",
-		"@wordpress/media-utils": "^5.6.0",
-		"@wordpress/notices": "^5.6.0",
-		"@wordpress/patterns": "^2.6.0",
-		"@wordpress/plugins": "^7.6.0",
-		"@wordpress/preferences": "^4.6.0",
-		"@wordpress/private-apis": "^1.6.0",
-		"@wordpress/reusable-blocks": "^5.6.0",
-		"@wordpress/url": "^4.6.0",
-		"@wordpress/widgets": "^4.6.0",
+		"@wordpress/api-fetch": "^7.7.1-next.1f6eadc42.0",
+		"@wordpress/block-editor": "^14.2.1-next.1f6eadc42.0",
+		"@wordpress/block-library": "^9.7.1-next.1f6eadc42.0",
+		"@wordpress/blocks": "^13.7.1-next.1f6eadc42.0",
+		"@wordpress/components": "^28.8.1-next.1f6eadc42.0",
+		"@wordpress/compose": "^7.8.1-next.1f6eadc42.0",
+		"@wordpress/core-data": "^7.7.1-next.1f6eadc42.0",
+		"@wordpress/data": "^10.7.1-next.1f6eadc42.0",
+		"@wordpress/deprecated": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/dom": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/element": "^6.7.1-next.1f6eadc42.0",
+		"@wordpress/hooks": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/i18n": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/icons": "^10.7.1-next.1f6eadc42.0",
+		"@wordpress/interface": "^6.7.1-next.1f6eadc42.0",
+		"@wordpress/keyboard-shortcuts": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/keycodes": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/media-utils": "^5.8.1-next.1f6eadc42.0",
+		"@wordpress/notices": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/patterns": "^2.7.1-next.1f6eadc42.0",
+		"@wordpress/plugins": "^7.7.1-next.1f6eadc42.0",
+		"@wordpress/preferences": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/private-apis": "^1.7.1-next.1f6eadc42.0",
+		"@wordpress/reusable-blocks": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/url": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/widgets": "^4.7.1-next.1f6eadc42.0",
 		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {
@@ -63,5 +63,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "2c178a34c8ea9b1c0e51c1fd48e24da95c418f6e"
+	"gitHead": "960a22b909c9fdbc90e7435b7ba8947b9218837a"
 }

package/src/components/error-boundary/index.js CHANGED Viewed

@@ -11,7 +11,12 @@ import { doAction } from '@wordpress/hooks';
 function CopyButton( { text, children } ) {
 	const ref = useCopyToClipboard( text );
 	return (
-		<Button variant="secondary" ref={ ref }>
+		<Button
+			// TODO: Switch to `true` (40px size) if possible
+			__next40pxDefaultSize={ false }
+			variant="secondary"
+			ref={ ref }
+		>
 			{ children }
 		</Button>
 	);

package/src/components/header/index.js CHANGED Viewed

@@ -61,8 +61,8 @@ function Header() {
 					) }
 				</div>
 				<div className="edit-widgets-header__actions">
-					<SaveButton />
 					<PinnedItems.Slot scope="core/edit-widgets" />
+					<SaveButton />
 					<MoreMenu />
 				</div>
 			</div>

package/src/components/secondary-sidebar/inserter-sidebar.js CHANGED Viewed

@@ -44,6 +44,8 @@ export default function InserterSidebar() {
 		>
 			<TagName className="edit-widgets-layout__inserter-panel-header">
 				<Button
+					// TODO: Switch to `true` (40px size) if possible
+					__next40pxDefaultSize={ false }
 					icon={ close }
 					onClick={ closeInserter }
 					label={ __( 'Close block inserter' ) }

package/src/components/secondary-sidebar/list-view-sidebar.js CHANGED Viewed

@@ -51,6 +51,8 @@ export default function ListViewSidebar() {
 			<div className="edit-widgets-editor__list-view-panel-header">
 				<strong>{ __( 'List View' ) }</strong>
 				<Button
+					// TODO: Switch to `true` (40px size) if possible
+					__next40pxDefaultSize={ false }
 					icon={ closeSmall }
 					label={ __( 'Close' ) }
 					onClick={ closeListView }

package/src/components/sidebar/widget-areas.js CHANGED Viewed

@@ -66,6 +66,8 @@ export default function WidgetAreas( { selectedWidgetAreaId } ) {
 					) }
 					{ ! selectedWidgetArea && (
 						<Button
+							// TODO: Switch to `true` (40px size) if possible
+							__next40pxDefaultSize={ false }
 							href={ addQueryArgs( 'customize.php', {
 								'autofocus[panel]': 'widgets',
 								return: window.location.pathname,

package/src/components/widget-areas-block-editor-content/index.js CHANGED Viewed

@@ -45,7 +45,7 @@ export default function WidgetAreasBlockEditorContent( {
 				<KeyboardShortcuts />
 				<EditorStyles
 					styles={ styles }
-					scope=".editor-styles-wrapper"
+					scope=":where(.editor-styles-wrapper)"
 				/>
 				<BlockSelectionClearer>
 					<WritingFlow>