@wordpress/block-library 9.3.0 → 9.4.0

package/build-module/template-part/edit/title-modal.js

@@ -13,7 +13,7 @@ export default function TitleModal({
 }) {
   // Restructure onCreate to set the blocks on local state.
   // Add modal to confirm title and trigger onCreate.
-  const [title, setTitle] = useState(__('Untitled Template Part'));
+  const [title, setTitle] = useState('');
   const submitForCreation = event => {
     event.preventDefault();
     onSubmit(title);
@@ -21,27 +21,39 @@ export default function TitleModal({
   return /*#__PURE__*/_jsx(Modal, {
     title: sprintf(
     // Translators: %s as template part area title ("Header", "Footer", etc.).
-    __('Name and create your new %s'), areaLabel.toLowerCase()),
-    overlayClassName: "wp-block-template-part__placeholder-create-new__title-form",
+    __('Create new %s'), areaLabel.toLowerCase()),
     onRequestClose: onClose,
+    focusOnMount: "firstContentElement",
+    size: "small",
     children: /*#__PURE__*/_jsx("form", {
       onSubmit: submitForCreation,
       children: /*#__PURE__*/_jsxs(VStack, {
         spacing: "5",
         children: [/*#__PURE__*/_jsx(TextControl, {
-          __nextHasNoMarginBottom: true,
           label: __('Name'),
           value: title,
-          onChange: setTitle
-        }), /*#__PURE__*/_jsx(HStack, {
+          onChange: setTitle,
+          placeholder: __('Custom Template Part'),
+          __nextHasNoMarginBottom: true,
+          __next40pxDefaultSize: true
+        }), /*#__PURE__*/_jsxs(HStack, {
           justify: "right",
-          children: /*#__PURE__*/_jsx(Button, {
+          children: [/*#__PURE__*/_jsx(Button, {
+            __next40pxDefaultSize: true,
+            variant: "tertiary",
+            onClick: () => {
+              onClose();
+              setTitle('');
+            },
+            children: __('Cancel')
+          }), /*#__PURE__*/_jsx(Button, {
             variant: "primary",
             type: "submit",
             accessibleWhenDisabled: true,
             disabled: !title.length,
+            __next40pxDefaultSize: true,
             children: __('Create')
-          })
+          })]
         })]
       })
     })

package/build-module/template-part/edit/title-modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","__","sprintf","TextControl","Button","Modal","__experimentalHStack","HStack","__experimentalVStack","VStack","jsx","_jsx","jsxs","_jsxs","TitleModal","areaLabel","onClose","onSubmit","title","setTitle","submitForCreation","event","preventDefault","toLowerCase","overlayClassName","onRequestClose","children","spacing","__nextHasNoMarginBottom","label","value","onChange","justify","variant","type","accessibleWhenDisabled","disabled","length"],"sources":["@wordpress/block-library/src/template-part/edit/title-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tTextControl,\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\nexport default function TitleModal( { areaLabel, onClose, onSubmit } ) {\n\t// Restructure onCreate to set the blocks on local state.\n\t// Add modal to confirm title and trigger onCreate.\n\tconst [ title, setTitle ] = useState( __( 'Untitled Template Part' ) );\n\n\tconst submitForCreation = ( event ) => {\n\t\tevent.preventDefault();\n\t\tonSubmit( title );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ sprintf(\n\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t__( 'Name and create your new %s' ),\n\t\t\t\tareaLabel.toLowerCase()\n\t\t\t) }\n\t\t\toverlayClassName=\"wp-block-template-part__placeholder-create-new__title-form\"\n\t\t\tonRequestClose={ onClose }\n\t\t>\n\t\t\t<form onSubmit={ submitForCreation }>\n\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ ! title.length }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,WAAW,EACXC,MAAM,EACNC,KAAK,EACLC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/B,eAAe,SAASC,UAAUA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACtE;EACA;EACA,MAAM,CAAEC,KAAK,EAAEC,QAAQ,CAAE,GAAGnB,QAAQ,CAAEC,EAAE,CAAE,wBAAyB,CAAE,CAAC;EAEtE,MAAMmB,iBAAiB,GAAKC,KAAK,IAAM;IACtCA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBL,QAAQ,CAAEC,KAAM,CAAC;EAClB,CAAC;EAED,oBACCP,IAAA,CAACN,KAAK;IACLa,KAAK,EAAGhB,OAAO;IACd;IACAD,EAAE,CAAE,6BAA8B,CAAC,EACnCc,SAAS,CAACQ,WAAW,CAAC,CACvB,CAAG;IACHC,gBAAgB,EAAC,4DAA4D;IAC7EC,cAAc,EAAGT,OAAS;IAAAU,QAAA,eAE1Bf,IAAA;MAAMM,QAAQ,EAAGG,iBAAmB;MAAAM,QAAA,eACnCb,KAAA,CAACJ,MAAM;QAACkB,OAAO,EAAC,GAAG;QAAAD,QAAA,gBAClBf,IAAA,CAACR,WAAW;UACXyB,uBAAuB;UACvBC,KAAK,EAAG5B,EAAE,CAAE,MAAO,CAAG;UACtB6B,KAAK,EAAGZ,KAAO;UACfa,QAAQ,EAAGZ;QAAU,CACrB,CAAC,eACFR,IAAA,CAACJ,MAAM;UAACyB,OAAO,EAAC,OAAO;UAAAN,QAAA,eACtBf,IAAA,CAACP,MAAM;YACN6B,OAAO,EAAC,SAAS;YACjBC,IAAI,EAAC,QAAQ;YACbC,sBAAsB;YACtBC,QAAQ,EAAG,CAAElB,KAAK,CAACmB,MAAQ;YAAAX,QAAA,EAEzBzB,EAAE,CAAE,QAAS;UAAC,CACT;QAAC,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["useState","__","sprintf","TextControl","Button","Modal","__experimentalHStack","HStack","__experimentalVStack","VStack","jsx","_jsx","jsxs","_jsxs","TitleModal","areaLabel","onClose","onSubmit","title","setTitle","submitForCreation","event","preventDefault","toLowerCase","onRequestClose","focusOnMount","size","children","spacing","label","value","onChange","placeholder","__nextHasNoMarginBottom","__next40pxDefaultSize","justify","variant","onClick","type","accessibleWhenDisabled","disabled","length"],"sources":["@wordpress/block-library/src/template-part/edit/title-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tTextControl,\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\nexport default function TitleModal( { areaLabel, onClose, onSubmit } ) {\n\t// Restructure onCreate to set the blocks on local state.\n\t// Add modal to confirm title and trigger onCreate.\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst submitForCreation = ( event ) => {\n\t\tevent.preventDefault();\n\t\tonSubmit( title );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ sprintf(\n\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t__( 'Create new %s' ),\n\t\t\t\tareaLabel.toLowerCase()\n\t\t\t) }\n\t\t\tonRequestClose={ onClose }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form onSubmit={ submitForCreation }>\n\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\tplaceholder={ __( 'Custom Template Part' ) }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ ! title.length }\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,WAAW,EACXC,MAAM,EACNC,KAAK,EACLC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/B,eAAe,SAASC,UAAUA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACtE;EACA;EACA,MAAM,CAAEC,KAAK,EAAEC,QAAQ,CAAE,GAAGnB,QAAQ,CAAE,EAAG,CAAC;EAE1C,MAAMoB,iBAAiB,GAAKC,KAAK,IAAM;IACtCA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBL,QAAQ,CAAEC,KAAM,CAAC;EAClB,CAAC;EAED,oBACCP,IAAA,CAACN,KAAK;IACLa,KAAK,EAAGhB,OAAO;IACd;IACAD,EAAE,CAAE,eAAgB,CAAC,EACrBc,SAAS,CAACQ,WAAW,CAAC,CACvB,CAAG;IACHC,cAAc,EAAGR,OAAS;IAC1BS,YAAY,EAAC,qBAAqB;IAClCC,IAAI,EAAC,OAAO;IAAAC,QAAA,eAEZhB,IAAA;MAAMM,QAAQ,EAAGG,iBAAmB;MAAAO,QAAA,eACnCd,KAAA,CAACJ,MAAM;QAACmB,OAAO,EAAC,GAAG;QAAAD,QAAA,gBAClBhB,IAAA,CAACR,WAAW;UACX0B,KAAK,EAAG5B,EAAE,CAAE,MAAO,CAAG;UACtB6B,KAAK,EAAGZ,KAAO;UACfa,QAAQ,EAAGZ,QAAU;UACrBa,WAAW,EAAG/B,EAAE,CAAE,sBAAuB,CAAG;UAC5CgC,uBAAuB;UACvBC,qBAAqB;QAAA,CACrB,CAAC,eACFrB,KAAA,CAACN,MAAM;UAAC4B,OAAO,EAAC,OAAO;UAAAR,QAAA,gBACtBhB,IAAA,CAACP,MAAM;YACN8B,qBAAqB;YACrBE,OAAO,EAAC,UAAU;YAClBC,OAAO,EAAGA,CAAA,KAAM;cACfrB,OAAO,CAAC,CAAC;cACTG,QAAQ,CAAE,EAAG,CAAC;YACf,CAAG;YAAAQ,QAAA,EAED1B,EAAE,CAAE,QAAS;UAAC,CACT,CAAC,eACTU,IAAA,CAACP,MAAM;YACNgC,OAAO,EAAC,SAAS;YACjBE,IAAI,EAAC,QAAQ;YACbC,sBAAsB;YACtBC,QAAQ,EAAG,CAAEtB,KAAK,CAACuB,MAAQ;YAC3BP,qBAAqB;YAAAP,QAAA,EAEnB1B,EAAE,CAAE,QAAS;UAAC,CACT,CAAC;QAAA,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}

package/build-module/term-description/index.js

@@ -49,6 +49,18 @@ const metadata = {
     },
     interactivity: {
       clientNavigation: true
+    },
+    __experimentalBorder: {
+      radius: true,
+      color: true,
+      width: true,
+      style: true,
+      __experimentalDefaultControls: {
+        radius: true,
+        color: true,
+        width: true,
+        style: true
+      }
     }
   }
 };

package/build-module/term-description/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["termDescription","icon","initBlock","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","textAlign","type","supports","align","html","color","link","__experimentalDefaultControls","background","text","spacing","padding","margin","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","interactivity","clientNavigation","edit","settings","init"],"sources":["@wordpress/block-library/src/term-description/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { termDescription as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,IAAIC,IAAI,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,SAAA;MAAAC,IAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,KAAA;MAAAC,IAAA;MAAAC,6BAAA;QAAAC,UAAA;QAAAC,IAAA;MAAA;IAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAd,6BAAA;QAAAO,QAAA;MAAA;IAAA;IAAAQ,aAAA;MAAAC,gBAAA;IAAA;EAAA;AAAA;AAE5C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAE9B;AAAK,CAAC,GAAGH,QAAQ;AACzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM+B,QAAQ,GAAG;EACvBpC,IAAI;EACJmC;AACD,CAAC;AAED,OAAO,MAAME,IAAI,GAAGA,CAAA,KAAMpC,SAAS,CAAE;EAAEI,IAAI;EAAEH,QAAQ;EAAEkC;AAAS,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["termDescription","icon","initBlock","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","textAlign","type","supports","align","html","color","link","__experimentalDefaultControls","background","text","spacing","padding","margin","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","interactivity","clientNavigation","__experimentalBorder","radius","width","style","edit","settings","init"],"sources":["@wordpress/block-library/src/term-description/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { termDescription as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,IAAIC,IAAI,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,SAAA;MAAAC,IAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,KAAA;MAAAC,IAAA;MAAAC,6BAAA;QAAAC,UAAA;QAAAC,IAAA;MAAA;IAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAd,6BAAA;QAAAO,QAAA;MAAA;IAAA;IAAAQ,aAAA;MAAAC,gBAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAApB,KAAA;MAAAqB,KAAA;MAAAC,KAAA;MAAApB,6BAAA;QAAAkB,MAAA;QAAApB,KAAA;QAAAqB,KAAA;QAAAC,KAAA;MAAA;IAAA;EAAA;AAAA;AAE5C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAElC;AAAK,CAAC,GAAGH,QAAQ;AACzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMmC,QAAQ,GAAG;EACvBxC,IAAI;EACJuC;AACD,CAAC;AAED,OAAO,MAAME,IAAI,GAAGA,CAAA,KAAMxC,SAAS,CAAE;EAAEI,IAAI;EAAEH,QAAQ;EAAEsC;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/utils/hooks.js

@@ -16,7 +16,11 @@ import { useViewportMatch } from '@wordpress/compose';
  * @param {string} recordId Record's id.
  */
 export function useCanEditEntity(kind, name, recordId) {
-  return useSelect(select => select(coreStore).canUserEditEntityRecord(kind, name, recordId), [kind, name, recordId]);
+  return useSelect(select => select(coreStore).canUser('update', {
+    kind,
+    name,
+    id: recordId
+  }), [kind, name, recordId]);
 }
 
 /**

package/build-module/utils/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","useLayoutEffect","useEffect","useRef","getBlobByURL","isBlobURL","revokeBlobURL","store","blockEditorStore","coreStore","useViewportMatch","useCanEditEntity","kind","name","recordId","select","canUserEditEntityRecord","useUploadMediaFromBlobURL","args","latestArgs","hasUploadStarted","getSettings","current","url","file","allowedTypes","onChange","onError","mediaUpload","filesList","onFileChange","media","message","useToolsPanelDropdownMenuProps","isMobile","popoverProps","placement","offset"],"sources":["@wordpress/block-library/src/utils/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useLayoutEffect, useEffect, useRef } from '@wordpress/element';\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Returns whether the current user can edit the given entity.\n *\n * @param {string} kind     Entity kind.\n * @param {string} name     Entity name.\n * @param {string} recordId Record's id.\n */\nexport function useCanEditEntity( kind, name, recordId ) {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).canUserEditEntityRecord( kind, name, recordId ),\n\t\t[ kind, name, recordId ]\n\t);\n}\n\n/**\n * Handles uploading a media file from a blob URL on mount.\n *\n * @param {Object}   args              Upload media arguments.\n * @param {string}   args.url          Blob URL.\n * @param {?Array}   args.allowedTypes Array of allowed media types.\n * @param {Function} args.onChange     Function called when the media is uploaded.\n * @param {Function} args.onError      Function called when an error happens.\n */\nexport function useUploadMediaFromBlobURL( args = {} ) {\n\tconst latestArgs = useRef( args );\n\tconst hasUploadStarted = useRef( false );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tuseLayoutEffect( () => {\n\t\tlatestArgs.current = args;\n\t} );\n\n\tuseEffect( () => {\n\t\t// Uploading is a special effect that can't be canceled via the cleanup method.\n\t\t// The extra check avoids duplicate uploads in development mode (React.StrictMode).\n\t\tif ( hasUploadStarted.current ) {\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\t! latestArgs.current.url ||\n\t\t\t! isBlobURL( latestArgs.current.url )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst file = getBlobByURL( latestArgs.current.url );\n\t\tif ( ! file ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { url, allowedTypes, onChange, onError } = latestArgs.current;\n\t\tconst { mediaUpload } = getSettings();\n\n\t\thasUploadStarted.current = true;\n\n\t\tmediaUpload( {\n\t\t\tfilesList: [ file ],\n\t\t\tallowedTypes,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tif ( isBlobURL( media?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonChange( media );\n\t\t\t\thasUploadStarted.current = false;\n\t\t\t},\n\t\t\tonError: ( message ) => {\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonError( message );\n\t\t\t\thasUploadStarted.current = false;\n\t\t\t},\n\t\t} );\n\t}, [ getSettings ] );\n}\n\nexport function useToolsPanelDropdownMenuProps() {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\treturn ! isMobile\n\t\t? {\n\t\t\t\tpopoverProps: {\n\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\t// For non-mobile, inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)\n\t\t\t\t\toffset: 259,\n\t\t\t\t},\n\t\t  }\n\t\t: {};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,eAAe,EAAEC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACvE,SAASC,YAAY,EAAEC,SAAS,EAAEC,aAAa,QAAQ,iBAAiB;AACxE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,SAAS,QAAQ,sBAAsB;AACzD,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAG;EACxD,OAAOd,SAAS,CACbe,MAAM,IACPA,MAAM,CAAEN,SAAU,CAAC,CAACO,uBAAuB,CAAEJ,IAAI,EAAEC,IAAI,EAAEC,QAAS,CAAC,EACpE,CAAEF,IAAI,EAAEC,IAAI,EAAEC,QAAQ,CACvB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,yBAAyBA,CAAEC,IAAI,GAAG,CAAC,CAAC,EAAG;EACtD,MAAMC,UAAU,GAAGhB,MAAM,CAAEe,IAAK,CAAC;EACjC,MAAME,gBAAgB,GAAGjB,MAAM,CAAE,KAAM,CAAC;EACxC,MAAM;IAAEkB;EAAY,CAAC,GAAGrB,SAAS,CAAEQ,gBAAiB,CAAC;EAErDP,eAAe,CAAE,MAAM;IACtBkB,UAAU,CAACG,OAAO,GAAGJ,IAAI;EAC1B,CAAE,CAAC;EAEHhB,SAAS,CAAE,MAAM;IAChB;IACA;IACA,IAAKkB,gBAAgB,CAACE,OAAO,EAAG;MAC/B;IACD;IACA,IACC,CAAEH,UAAU,CAACG,OAAO,CAACC,GAAG,IACxB,CAAElB,SAAS,CAAEc,UAAU,CAACG,OAAO,CAACC,GAAI,CAAC,EACpC;MACD;IACD;IAEA,MAAMC,IAAI,GAAGpB,YAAY,CAAEe,UAAU,CAACG,OAAO,CAACC,GAAI,CAAC;IACnD,IAAK,CAAEC,IAAI,EAAG;MACb;IACD;IAEA,MAAM;MAAED,GAAG;MAAEE,YAAY;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,GAAGR,UAAU,CAACG,OAAO;IACnE,MAAM;MAAEM;IAAY,CAAC,GAAGP,WAAW,CAAC,CAAC;IAErCD,gBAAgB,CAACE,OAAO,GAAG,IAAI;IAE/BM,WAAW,CAAE;MACZC,SAAS,EAAE,CAAEL,IAAI,CAAE;MACnBC,YAAY;MACZK,YAAY,EAAEA,CAAE,CAAEC,KAAK,CAAE,KAAM;QAC9B,IAAK1B,SAAS,CAAE0B,KAAK,EAAER,GAAI,CAAC,EAAG;UAC9B;QACD;QAEAjB,aAAa,CAAEiB,GAAI,CAAC;QACpBG,QAAQ,CAAEK,KAAM,CAAC;QACjBX,gBAAgB,CAACE,OAAO,GAAG,KAAK;MACjC,CAAC;MACDK,OAAO,EAAIK,OAAO,IAAM;QACvB1B,aAAa,CAAEiB,GAAI,CAAC;QACpBI,OAAO,CAAEK,OAAQ,CAAC;QAClBZ,gBAAgB,CAACE,OAAO,GAAG,KAAK;MACjC;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CAAED,WAAW,CAAG,CAAC;AACrB;AAEA,OAAO,SAASY,8BAA8BA,CAAA,EAAG;EAChD,MAAMC,QAAQ,GAAGxB,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAClD,OAAO,CAAEwB,QAAQ,GACd;IACAC,YAAY,EAAE;MACbC,SAAS,EAAE,YAAY;MACvB;MACAC,MAAM,EAAE;IACT;EACA,CAAC,GACD,CAAC,CAAC;AACN","ignoreList":[]}
+{"version":3,"names":["useSelect","useLayoutEffect","useEffect","useRef","getBlobByURL","isBlobURL","revokeBlobURL","store","blockEditorStore","coreStore","useViewportMatch","useCanEditEntity","kind","name","recordId","select","canUser","id","useUploadMediaFromBlobURL","args","latestArgs","hasUploadStarted","getSettings","current","url","file","allowedTypes","onChange","onError","mediaUpload","filesList","onFileChange","media","message","useToolsPanelDropdownMenuProps","isMobile","popoverProps","placement","offset"],"sources":["@wordpress/block-library/src/utils/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useLayoutEffect, useEffect, useRef } from '@wordpress/element';\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Returns whether the current user can edit the given entity.\n *\n * @param {string} kind     Entity kind.\n * @param {string} name     Entity name.\n * @param {string} recordId Record's id.\n */\nexport function useCanEditEntity( kind, name, recordId ) {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).canUser( 'update', {\n\t\t\t\tkind,\n\t\t\t\tname,\n\t\t\t\tid: recordId,\n\t\t\t} ),\n\t\t[ kind, name, recordId ]\n\t);\n}\n\n/**\n * Handles uploading a media file from a blob URL on mount.\n *\n * @param {Object}   args              Upload media arguments.\n * @param {string}   args.url          Blob URL.\n * @param {?Array}   args.allowedTypes Array of allowed media types.\n * @param {Function} args.onChange     Function called when the media is uploaded.\n * @param {Function} args.onError      Function called when an error happens.\n */\nexport function useUploadMediaFromBlobURL( args = {} ) {\n\tconst latestArgs = useRef( args );\n\tconst hasUploadStarted = useRef( false );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tuseLayoutEffect( () => {\n\t\tlatestArgs.current = args;\n\t} );\n\n\tuseEffect( () => {\n\t\t// Uploading is a special effect that can't be canceled via the cleanup method.\n\t\t// The extra check avoids duplicate uploads in development mode (React.StrictMode).\n\t\tif ( hasUploadStarted.current ) {\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\t! latestArgs.current.url ||\n\t\t\t! isBlobURL( latestArgs.current.url )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst file = getBlobByURL( latestArgs.current.url );\n\t\tif ( ! file ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { url, allowedTypes, onChange, onError } = latestArgs.current;\n\t\tconst { mediaUpload } = getSettings();\n\n\t\thasUploadStarted.current = true;\n\n\t\tmediaUpload( {\n\t\t\tfilesList: [ file ],\n\t\t\tallowedTypes,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tif ( isBlobURL( media?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonChange( media );\n\t\t\t\thasUploadStarted.current = false;\n\t\t\t},\n\t\t\tonError: ( message ) => {\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonError( message );\n\t\t\t\thasUploadStarted.current = false;\n\t\t\t},\n\t\t} );\n\t}, [ getSettings ] );\n}\n\nexport function useToolsPanelDropdownMenuProps() {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\treturn ! isMobile\n\t\t? {\n\t\t\t\tpopoverProps: {\n\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\t// For non-mobile, inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)\n\t\t\t\t\toffset: 259,\n\t\t\t\t},\n\t\t  }\n\t\t: {};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,eAAe,EAAEC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACvE,SAASC,YAAY,EAAEC,SAAS,EAAEC,aAAa,QAAQ,iBAAiB;AACxE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,SAAS,QAAQ,sBAAsB;AACzD,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAG;EACxD,OAAOd,SAAS,CACbe,MAAM,IACPA,MAAM,CAAEN,SAAU,CAAC,CAACO,OAAO,CAAE,QAAQ,EAAE;IACtCJ,IAAI;IACJC,IAAI;IACJI,EAAE,EAAEH;EACL,CAAE,CAAC,EACJ,CAAEF,IAAI,EAAEC,IAAI,EAAEC,QAAQ,CACvB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,yBAAyBA,CAAEC,IAAI,GAAG,CAAC,CAAC,EAAG;EACtD,MAAMC,UAAU,GAAGjB,MAAM,CAAEgB,IAAK,CAAC;EACjC,MAAME,gBAAgB,GAAGlB,MAAM,CAAE,KAAM,CAAC;EACxC,MAAM;IAAEmB;EAAY,CAAC,GAAGtB,SAAS,CAAEQ,gBAAiB,CAAC;EAErDP,eAAe,CAAE,MAAM;IACtBmB,UAAU,CAACG,OAAO,GAAGJ,IAAI;EAC1B,CAAE,CAAC;EAEHjB,SAAS,CAAE,MAAM;IAChB;IACA;IACA,IAAKmB,gBAAgB,CAACE,OAAO,EAAG;MAC/B;IACD;IACA,IACC,CAAEH,UAAU,CAACG,OAAO,CAACC,GAAG,IACxB,CAAEnB,SAAS,CAAEe,UAAU,CAACG,OAAO,CAACC,GAAI,CAAC,EACpC;MACD;IACD;IAEA,MAAMC,IAAI,GAAGrB,YAAY,CAAEgB,UAAU,CAACG,OAAO,CAACC,GAAI,CAAC;IACnD,IAAK,CAAEC,IAAI,EAAG;MACb;IACD;IAEA,MAAM;MAAED,GAAG;MAAEE,YAAY;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,GAAGR,UAAU,CAACG,OAAO;IACnE,MAAM;MAAEM;IAAY,CAAC,GAAGP,WAAW,CAAC,CAAC;IAErCD,gBAAgB,CAACE,OAAO,GAAG,IAAI;IAE/BM,WAAW,CAAE;MACZC,SAAS,EAAE,CAAEL,IAAI,CAAE;MACnBC,YAAY;MACZK,YAAY,EAAEA,CAAE,CAAEC,KAAK,CAAE,KAAM;QAC9B,IAAK3B,SAAS,CAAE2B,KAAK,EAAER,GAAI,CAAC,EAAG;UAC9B;QACD;QAEAlB,aAAa,CAAEkB,GAAI,CAAC;QACpBG,QAAQ,CAAEK,KAAM,CAAC;QACjBX,gBAAgB,CAACE,OAAO,GAAG,KAAK;MACjC,CAAC;MACDK,OAAO,EAAIK,OAAO,IAAM;QACvB3B,aAAa,CAAEkB,GAAI,CAAC;QACpBI,OAAO,CAAEK,OAAQ,CAAC;QAClBZ,gBAAgB,CAACE,OAAO,GAAG,KAAK;MACjC;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CAAED,WAAW,CAAG,CAAC;AACrB;AAEA,OAAO,SAASY,8BAA8BA,CAAA,EAAG;EAChD,MAAMC,QAAQ,GAAGzB,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAClD,OAAO,CAAEyB,QAAQ,GACd;IACAC,YAAY,EAAE;MACbC,SAAS,EAAE,YAAY;MACvB;MACAC,MAAM,EAAE;IACT;EACA,CAAC,GACD,CAAC,CAAC;AACN","ignoreList":[]}

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

@@ -96,4 +96,8 @@
 /* Center alignment for classic themes. */
 [data-align=center] .wp-block-categories {
   text-align: center;
+}
+
+.wp-block-categories__indentation {
+  padding-right: 16px;
 }

package/build-style/categories/editor.css

@@ -96,4 +96,8 @@
 /* Center alignment for classic themes. */
 [data-align=center] .wp-block-categories {
   text-align: center;
+}
+
+.wp-block-categories__indentation {
+  padding-left: 16px;
 }

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

@@ -98,4 +98,8 @@
 }
 .wp-block-categories.wp-block-categories-dropdown.aligncenter {
   text-align: center;
+}
+.wp-block-categories .wp-block-categories__label {
+  width: 100%;
+  display: block;
 }

package/build-style/categories/style.css

@@ -100,4 +100,8 @@
 }
 .wp-block-categories.wp-block-categories-dropdown.aligncenter {
   text-align: center;
+}
+.wp-block-categories .wp-block-categories__label {
+  width: 100%;
+  display: block;
 }

package/build-style/editor-rtl.css

@@ -205,6 +205,10 @@ div[data-type="core/button"] {
   text-align: center;
 }
 
+.wp-block-categories__indentation {
+  padding-right: 16px;
+}
+
 .wp-block-code code {
   background: none;
 }
@@ -1221,7 +1225,7 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   outline: 2px solid transparent !important;
 }
 
-.wp-block-image.wp-block-image.is-selected .components-placeholder {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder {
   color: #1e1e1e;
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
@@ -1229,13 +1233,13 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   filter: none !important;
   border-radius: 2px;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder > svg {
   opacity: 0;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder .components-placeholder__illustration {
   display: none;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder::before {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder::before {
   opacity: 0;
 }
 .wp-block-image.wp-block-image .block-bindings-media-placeholder-message {
@@ -1270,6 +1274,10 @@ figure.wp-block-image:not(.wp-block) {
   transform: translate(50%, -50%);
 }
 
+.wp-block-image__placeholder {
+  aspect-ratio: 4/3;
+}
+
 .wp-block-image .components-resizable-box__container {
   display: table;
 }
@@ -2226,7 +2234,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin: auto;
 }
 
-.wp-block-search .wp-block-search__button {
+.wp-block-search :where(.wp-block-search__button) {
   height: auto;
   border-radius: initial;
   display: flex;
@@ -2799,13 +2807,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   z-index: 2;
 }
 
-.block-library-query-toolspanel__filters .components-form-token-field__help {
-  margin-bottom: 0;
-}
-.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
-  margin-bottom: 24px;
-}
-
 @media (min-width: 600px) {
   .wp-block-query__enhanced-pagination-modal {
     max-width: 480px;

package/build-style/editor.css

@@ -206,6 +206,10 @@ div[data-type="core/button"] {
   text-align: center;
 }
 
+.wp-block-categories__indentation {
+  padding-left: 16px;
+}
+
 .wp-block-code code {
   background: none;
 }
@@ -1230,7 +1234,7 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   outline: 2px solid transparent !important;
 }
 
-.wp-block-image.wp-block-image.is-selected .components-placeholder {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder {
   color: #1e1e1e;
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
@@ -1238,13 +1242,13 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   filter: none !important;
   border-radius: 2px;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder > svg {
   opacity: 0;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder .components-placeholder__illustration {
   display: none;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder::before {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder::before {
   opacity: 0;
 }
 .wp-block-image.wp-block-image .block-bindings-media-placeholder-message {
@@ -1279,6 +1283,10 @@ figure.wp-block-image:not(.wp-block) {
   transform: translate(-50%, -50%);
 }
 
+.wp-block-image__placeholder {
+  aspect-ratio: 4/3;
+}
+
 .wp-block-image .components-resizable-box__container {
   display: table;
 }
@@ -2235,7 +2243,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin: auto;
 }
 
-.wp-block-search .wp-block-search__button {
+.wp-block-search :where(.wp-block-search__button) {
   height: auto;
   border-radius: initial;
   display: flex;
@@ -2808,13 +2816,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   z-index: 2;
 }
 
-.block-library-query-toolspanel__filters .components-form-token-field__help {
-  margin-bottom: 0;
-}
-.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
-  margin-bottom: 24px;
-}
-
 @media (min-width: 600px) {
   .wp-block-query__enhanced-pagination-modal {
     max-width: 480px;

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

@@ -86,7 +86,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-image.wp-block-image.is-selected .components-placeholder {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder {
   color: #1e1e1e;
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
@@ -94,13 +94,13 @@
   filter: none !important;
   border-radius: 2px;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder > svg {
   opacity: 0;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder .components-placeholder__illustration {
   display: none;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder::before {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder::before {
   opacity: 0;
 }
 .wp-block-image.wp-block-image .block-bindings-media-placeholder-message {
@@ -135,6 +135,10 @@ figure.wp-block-image:not(.wp-block) {
   transform: translate(50%, -50%);
 }
 
+.wp-block-image__placeholder {
+  aspect-ratio: 4/3;
+}
+
 .wp-block-image .components-resizable-box__container {
   display: table;
 }

package/build-style/image/editor.css

@@ -86,7 +86,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-image.wp-block-image.is-selected .components-placeholder {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder {
   color: #1e1e1e;
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
@@ -94,13 +94,13 @@
   filter: none !important;
   border-radius: 2px;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder > svg {
   opacity: 0;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder .components-placeholder__illustration {
   display: none;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder::before {
+.wp-block-image.wp-block-image.is-selected .block-editor-media-placeholder::before {
   opacity: 0;
 }
 .wp-block-image.wp-block-image .block-bindings-media-placeholder-message {
@@ -135,6 +135,10 @@ figure.wp-block-image:not(.wp-block) {
   transform: translate(-50%, -50%);
 }
 
+.wp-block-image__placeholder {
+  aspect-ratio: 4/3;
+}
+
 .wp-block-image .components-resizable-box__container {
   display: table;
 }

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

@@ -95,6 +95,14 @@
   vertical-align: bottom;
   box-sizing: border-box;
 }
+@media (prefers-reduced-motion: no-preference) {
+  .wp-block-image img.hide {
+    visibility: hidden;
+  }
+  .wp-block-image img.show {
+    animation: show-content-image 0.4s;
+  }
+}
 .wp-block-image[style*=border-radius] > a,
 .wp-block-image[style*=border-radius] img {
   border-radius: inherit;
@@ -338,6 +346,17 @@
   }
 }
 
+@keyframes show-content-image {
+  0% {
+    visibility: hidden;
+  }
+  99% {
+    visibility: hidden;
+  }
+  100% {
+    visibility: visible;
+  }
+}
 @keyframes turn-on-visibility {
   0% {
     opacity: 0;

package/build-style/image/style.css

@@ -95,6 +95,14 @@
   vertical-align: bottom;
   box-sizing: border-box;
 }
+@media (prefers-reduced-motion: no-preference) {
+  .wp-block-image img.hide {
+    visibility: hidden;
+  }
+  .wp-block-image img.show {
+    animation: show-content-image 0.4s;
+  }
+}
 .wp-block-image[style*=border-radius] > a,
 .wp-block-image[style*=border-radius] img {
   border-radius: inherit;
@@ -344,6 +352,17 @@
   }
 }
 
+@keyframes show-content-image {
+  0% {
+    visibility: hidden;
+  }
+  99% {
+    visibility: hidden;
+  }
+  100% {
+    visibility: visible;
+  }
+}
 @keyframes turn-on-visibility {
   0% {
     opacity: 0;

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

@@ -91,6 +91,6 @@ ul {
   box-sizing: border-box;
 }
 
-:root :where(ul.has-background, ol.has-background) {
+:root :where(.wp-block-list.has-background) {
   padding: 1.25em 2.375em;
 }

package/build-style/list/style.css

@@ -91,6 +91,6 @@ ul {
   box-sizing: border-box;
 }
 
-:root :where(ul.has-background, ol.has-background) {
+:root :where(.wp-block-list.has-background) {
   padding: 1.25em 2.375em;
 }

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

@@ -132,10 +132,7 @@
 .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active {
   text-decoration: line-through;
 }
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
-  text-decoration: none;
-}
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {
+.wp-block-navigation :where(a), .wp-block-navigation :where(a:focus), .wp-block-navigation :where(a:active) {
   text-decoration: none;
 }
 .wp-block-navigation .wp-block-navigation__submenu-icon {

package/build-style/navigation/style.css

@@ -132,10 +132,7 @@
 .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active {
   text-decoration: line-through;
 }
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
-  text-decoration: none;
-}
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {
+.wp-block-navigation :where(a), .wp-block-navigation :where(a:focus), .wp-block-navigation :where(a:active) {
   text-decoration: none;
 }
 .wp-block-navigation .wp-block-navigation__submenu-icon {

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

@@ -118,7 +118,7 @@
 .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
   letter-spacing: inherit;
 }
-.wp-block-post-comments-form input[type=submit] {
+.wp-block-post-comments-form :where(input[type="submit"]) {
   box-shadow: none;
   cursor: pointer;
   display: inline-block;

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

@@ -118,7 +118,7 @@
 .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
   letter-spacing: inherit;
 }
-.wp-block-post-comments-form input[type=submit] {
+.wp-block-post-comments-form :where(input[type="submit"]) {
   box-shadow: none;
   cursor: pointer;
   display: inline-block;

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

@@ -131,13 +131,6 @@
   z-index: 2;
 }
 
-.block-library-query-toolspanel__filters .components-form-token-field__help {
-  margin-bottom: 0;
-}
-.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
-  margin-bottom: 24px;
-}
-
 @media (min-width: 600px) {
   .wp-block-query__enhanced-pagination-modal {
     max-width: 480px;

package/build-style/query/editor.css

@@ -131,13 +131,6 @@
   z-index: 2;
 }
 
-.block-library-query-toolspanel__filters .components-form-token-field__help {
-  margin-bottom: 0;
-}
-.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
-  margin-bottom: 24px;
-}
-
 @media (min-width: 600px) {
   .wp-block-query__enhanced-pagination-modal {
     max-width: 480px;

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

@@ -90,7 +90,7 @@
   margin: auto;
 }
 
-.wp-block-search .wp-block-search__button {
+.wp-block-search :where(.wp-block-search__button) {
   height: auto;
   border-radius: initial;
   display: flex;

package/build-style/search/editor.css

@@ -90,7 +90,7 @@
   margin: auto;
 }
 
-.wp-block-search .wp-block-search__button {
+.wp-block-search :where(.wp-block-search__button) {
   height: auto;
   border-radius: initial;
   display: flex;

package/build-style/social-links/style-rtl.css

@@ -203,7 +203,7 @@
   color: #fff;
 }
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
-  background-color: #1778f2;
+  background-color: #0866ff;
   color: #fff;
 }
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
@@ -379,7 +379,7 @@
   color: #f45800;
 }
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
-  color: #1778f2;
+  color: #0866ff;
 }
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
   color: #000;

package/build-style/social-links/style.css

@@ -203,7 +203,7 @@
   color: #fff;
 }
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
-  background-color: #1778f2;
+  background-color: #0866ff;
   color: #fff;
 }
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
@@ -379,7 +379,7 @@
   color: #f45800;
 }
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
-  color: #1778f2;
+  color: #0866ff;
 }
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
   color: #000;