@wordpress/block-library 9.27.1-next.46f643fa0.0 → 9.28.0

package/build-module/utils/poster-image.js

@@ -6,11 +6,14 @@ import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
-import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
-import { Button, BaseControl, __experimentalHStack as HStack, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
+import { MediaUpload, MediaUploadCheck, store as blockEditorStore } from '@wordpress/block-editor';
+import { store as noticesStore } from '@wordpress/notices';
+import { Button, BaseControl, DropZone, Spinner, __experimentalHStack as HStack, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
+import { isBlobURL } from '@wordpress/blob';
 import { __, sprintf } from '@wordpress/i18n';
-import { useRef } from '@wordpress/element';
+import { useRef, useState } from '@wordpress/element';
 import { useInstanceId } from '@wordpress/compose';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const POSTER_IMAGE_ALLOWED_MEDIA_TYPES = ['image'];
 function PosterImage({
@@ -18,7 +21,44 @@ function PosterImage({
   onChange
 }) {
   const posterButtonRef = useRef();
+  const [isLoading, setIsLoading] = useState(false);
   const descriptionId = useInstanceId(PosterImage, 'block-library-poster-image-description');
+  const {
+    getSettings
+  } = useSelect(blockEditorStore);
+  const {
+    createErrorNotice
+  } = useDispatch(noticesStore);
+  const onDropFiles = filesList => {
+    getSettings().mediaUpload({
+      allowedTypes: POSTER_IMAGE_ALLOWED_MEDIA_TYPES,
+      filesList,
+      onFileChange: ([image]) => {
+        if (isBlobURL(image?.url)) {
+          setIsLoading(true);
+          return;
+        }
+        if (image) {
+          onChange(image);
+        }
+        setIsLoading(false);
+      },
+      onError: message => {
+        createErrorNotice(message, {
+          id: 'poster-image-upload-notice',
+          type: 'snackbar'
+        });
+        setIsLoading(false);
+      },
+      multiple: false
+    });
+  };
+  const getPosterButtonContent = () => {
+    if (!poster && isLoading) {
+      return /*#__PURE__*/_jsx(Spinner, {});
+    }
+    return !poster ? __('Set poster image') : __('Replace');
+  };
   return /*#__PURE__*/_jsx(MediaUploadCheck, {
     children: /*#__PURE__*/_jsxs(ToolsPanelItem, {
       label: __('Poster image'),
@@ -35,17 +75,19 @@ function PosterImage({
           open
         }) => /*#__PURE__*/_jsxs("div", {
           className: "block-library-poster-image__container",
-          children: [poster && /*#__PURE__*/_jsx(Button, {
+          children: [poster && /*#__PURE__*/_jsxs(Button, {
             __next40pxDefaultSize: true,
             onClick: open,
             "aria-haspopup": "dialog",
-            "aria-label": !poster ? null : __('Edit or replace the poster image.'),
-            className: poster ? 'block-library-poster-image__preview' : 'block-library-poster-image__toggle',
-            children: /*#__PURE__*/_jsx("img", {
+            "aria-label": __('Edit or replace the poster image.'),
+            className: "block-library-poster-image__preview",
+            disabled: isLoading,
+            accessibleWhenDisabled: true,
+            children: [/*#__PURE__*/_jsx("img", {
               src: poster,
               alt: __('Poster image preview'),
               className: "block-library-poster-image__preview-image"
-            })
+            }), isLoading && /*#__PURE__*/_jsx(Spinner, {})]
           }), /*#__PURE__*/_jsxs(HStack, {
             className: clsx('block-library-poster-image__actions', {
               'block-library-poster-image__actions-select': !poster
@@ -58,7 +100,9 @@ function PosterImage({
               "aria-describedby": descriptionId,
               "aria-haspopup": "dialog",
               variant: !poster ? 'secondary' : undefined,
-              children: !poster ? __('Set poster image') : __('Replace')
+              disabled: isLoading,
+              accessibleWhenDisabled: true,
+              children: getPosterButtonContent()
             }), /*#__PURE__*/_jsx("p", {
               id: descriptionId,
               hidden: true,
@@ -73,8 +117,12 @@ function PosterImage({
                 posterButtonRef.current.focus();
               },
               className: "block-library-poster-image__action",
+              disabled: isLoading,
+              accessibleWhenDisabled: true,
               children: __('Remove')
             })]
+          }), /*#__PURE__*/_jsx(DropZone, {
+            onFilesDrop: onDropFiles
           })]
         })
       })]

package/build-module/utils/poster-image.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","MediaUpload","MediaUploadCheck","Button","BaseControl","__experimentalHStack","HStack","__experimentalToolsPanelItem","ToolsPanelItem","__","sprintf","useRef","useInstanceId","jsx","_jsx","jsxs","_jsxs","POSTER_IMAGE_ALLOWED_MEDIA_TYPES","PosterImage","poster","onChange","posterButtonRef","descriptionId","children","label","isShownByDefault","hasValue","onDeselect","undefined","VisualLabel","title","onSelect","allowedTypes","render","open","className","__next40pxDefaultSize","onClick","src","alt","ref","variant","id","hidden","current","focus"],"sources":["@wordpress/block-library/src/utils/poster-image.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\nconst POSTER_IMAGE_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction PosterImage( { poster, onChange } ) {\n\tconst posterButtonRef = useRef();\n\tconst descriptionId = useInstanceId(\n\t\tPosterImage,\n\t\t'block-library-poster-image-description'\n\t);\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! poster }\n\t\t\t\tonDeselect={ () => onChange( undefined ) }\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<MediaUpload\n\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\tonSelect={ onChange }\n\t\t\t\t\tallowedTypes={ POSTER_IMAGE_ALLOWED_MEDIA_TYPES }\n\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t<div className=\"block-library-poster-image__container\">\n\t\t\t\t\t\t\t{ poster && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\t\t\t! poster\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Edit or replace the poster image.'\n\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t\t\t\t\t? 'block-library-poster-image__preview'\n\t\t\t\t\t\t\t\t\t\t\t: 'block-library-poster-image__toggle'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc={ poster }\n\t\t\t\t\t\t\t\t\t\talt={ __( 'Poster image preview' ) }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__preview-image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'block-library-poster-image__actions',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'block-library-poster-image__actions-select':\n\t\t\t\t\t\t\t\t\t\t\t! poster,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\tref={ posterButtonRef }\n\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__action\"\n\t\t\t\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t! poster ? 'secondary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ! poster\n\t\t\t\t\t\t\t\t\t\t? __( 'Set poster image' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Replace' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t<p id={ descriptionId } hidden>\n\t\t\t\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'The current poster image url is %s.'\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t'There is no poster image currently selected.'\n\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChange( undefined );\n\n\t\t\t\t\t\t\t\t\t\t\t// Move focus back to the Media Upload button.\n\t\t\t\t\t\t\t\t\t\t\tposterButtonRef.current.focus();\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__action\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</MediaUploadCheck>\n\t);\n}\n\nexport default PosterImage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","MediaUpload","MediaUploadCheck","store","blockEditorStore","noticesStore","Button","BaseControl","DropZone","Spinner","__experimentalHStack","HStack","__experimentalToolsPanelItem","ToolsPanelItem","isBlobURL","__","sprintf","useRef","useState","useInstanceId","useSelect","useDispatch","jsx","_jsx","jsxs","_jsxs","POSTER_IMAGE_ALLOWED_MEDIA_TYPES","PosterImage","poster","onChange","posterButtonRef","isLoading","setIsLoading","descriptionId","getSettings","createErrorNotice","onDropFiles","filesList","mediaUpload","allowedTypes","onFileChange","image","url","onError","message","id","type","multiple","getPosterButtonContent","children","label","isShownByDefault","hasValue","onDeselect","undefined","VisualLabel","title","onSelect","render","open","className","__next40pxDefaultSize","onClick","disabled","accessibleWhenDisabled","src","alt","ref","variant","hidden","current","focus","onFilesDrop"],"sources":["@wordpress/block-library/src/utils/poster-image.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport {\n\tButton,\n\tBaseControl,\n\tDropZone,\n\tSpinner,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { isBlobURL } from '@wordpress/blob';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef, useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\nconst POSTER_IMAGE_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction PosterImage( { poster, onChange } ) {\n\tconst posterButtonRef = useRef();\n\tconst [ isLoading, setIsLoading ] = useState( false );\n\tconst descriptionId = useInstanceId(\n\t\tPosterImage,\n\t\t'block-library-poster-image-description'\n\t);\n\n\tconst { getSettings } = useSelect( blockEditorStore );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onDropFiles = ( filesList ) => {\n\t\tgetSettings().mediaUpload( {\n\t\t\tallowedTypes: POSTER_IMAGE_ALLOWED_MEDIA_TYPES,\n\t\t\tfilesList,\n\t\t\tonFileChange: ( [ image ] ) => {\n\t\t\t\tif ( isBlobURL( image?.url ) ) {\n\t\t\t\t\tsetIsLoading( true );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( image ) {\n\t\t\t\t\tonChange( image );\n\t\t\t\t}\n\t\t\t\tsetIsLoading( false );\n\t\t\t},\n\t\t\tonError: ( message ) => {\n\t\t\t\tcreateErrorNotice( message, {\n\t\t\t\t\tid: 'poster-image-upload-notice',\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t\tsetIsLoading( false );\n\t\t\t},\n\t\t\tmultiple: false,\n\t\t} );\n\t};\n\n\tconst getPosterButtonContent = () => {\n\t\tif ( ! poster && isLoading ) {\n\t\t\treturn <Spinner />;\n\t\t}\n\n\t\treturn ! poster ? __( 'Set poster image' ) : __( 'Replace' );\n\t};\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! poster }\n\t\t\t\tonDeselect={ () => onChange( undefined ) }\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<MediaUpload\n\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\tonSelect={ onChange }\n\t\t\t\t\tallowedTypes={ POSTER_IMAGE_ALLOWED_MEDIA_TYPES }\n\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t<div className=\"block-library-poster-image__container\">\n\t\t\t\t\t\t\t{ poster && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'Edit or replace the poster image.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__preview\"\n\t\t\t\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc={ poster }\n\t\t\t\t\t\t\t\t\t\talt={ __( 'Poster image preview' ) }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__preview-image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{ isLoading && <Spinner /> }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'block-library-poster-image__actions',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'block-library-poster-image__actions-select':\n\t\t\t\t\t\t\t\t\t\t\t! poster,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\tref={ posterButtonRef }\n\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__action\"\n\t\t\t\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t! poster ? 'secondary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ getPosterButtonContent() }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t<p id={ descriptionId } hidden>\n\t\t\t\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'The current poster image url is %s.'\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t'There is no poster image currently selected.'\n\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChange( undefined );\n\n\t\t\t\t\t\t\t\t\t\t\t// Move focus back to the Media Upload button.\n\t\t\t\t\t\t\t\t\t\t\tposterButtonRef.current.focus();\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__action\"\n\t\t\t\t\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t<DropZone onFilesDrop={ onDropFiles } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</MediaUploadCheck>\n\t);\n}\n\nexport default PosterImage;\n"],"mappings":"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","ignoreList":[]}

package/build-style/editor-rtl.css

@@ -1374,26 +1374,18 @@ figure.wp-block-image:not(.wp-block) {
   text-align: center;
   white-space: nowrap;
 }
-.wp-block-more input[type=text] {
+.wp-block-more .rich-text {
   position: relative;
   font-size: 13px;
   text-transform: uppercase;
   font-weight: 600;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   color: #757575;
-  border: none;
-  box-shadow: none;
+  display: inline-flex;
   white-space: nowrap;
   text-align: center;
-  margin: 0;
-  border-radius: 4px;
   background: #fff;
-  padding: 6px 8px;
-  height: 24px;
-  max-width: 100%;
-}
-.wp-block-more input[type=text]:focus {
-  box-shadow: none;
+  padding: 10px 36px;
 }
 .wp-block-more::before {
   content: "";
@@ -2691,8 +2683,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 
 .wp-block-post-featured-image .block-editor-media-placeholder {
   z-index: 1;
-  -webkit-backdrop-filter: none;
-          backdrop-filter: none;
+  backdrop-filter: none;
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image .components-placeholder {
@@ -2837,8 +2828,25 @@ div[data-type="core/post-featured-image"] img {
   opacity: 1;
   margin-top: 16px;
 }
+.block-library-poster-image__container .components-drop-zone__content {
+  border-radius: 2px;
+}
+.block-library-poster-image__container .components-drop-zone .components-drop-zone__content-inner {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.block-library-poster-image__container .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
+  margin: 0;
+}
+.block-library-poster-image__container .components-spinner {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  margin-top: -9px;
+  margin-right: -9px;
+}
 
-.block-library-poster-image__toggle,
 .block-library-poster-image__preview {
   width: 100%;
   padding: 0;
@@ -2847,9 +2855,6 @@ div[data-type="core/post-featured-image"] img {
   min-height: 40px;
   display: flex;
   justify-content: center;
-}
-
-.block-library-poster-image__preview {
   height: auto !important;
   outline: 1px solid rgba(0, 0, 0, 0.1);
 }
@@ -2860,13 +2865,6 @@ div[data-type="core/post-featured-image"] img {
   aspect-ratio: 2/1;
 }
 
-.block-library-poster-image__toggle {
-  box-shadow: inset 0 0 0 1px #ccc;
-}
-.block-library-poster-image__toggle:focus:not(:disabled) {
-  box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
-
 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {
   bottom: 0;
   opacity: 0;
@@ -2879,8 +2877,7 @@ div[data-type="core/post-featured-image"] img {
   }
 }
 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) .block-library-poster-image__action {
-  -webkit-backdrop-filter: blur(16px) saturate(180%);
-          backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
   background: rgba(255, 255, 255, 0.75);
 }
 .block-library-poster-image__actions .block-library-poster-image__action {

package/build-style/editor.css

@@ -1381,26 +1381,18 @@ figure.wp-block-image:not(.wp-block) {
   text-align: center;
   white-space: nowrap;
 }
-.wp-block-more input[type=text] {
+.wp-block-more .rich-text {
   position: relative;
   font-size: 13px;
   text-transform: uppercase;
   font-weight: 600;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   color: #757575;
-  border: none;
-  box-shadow: none;
+  display: inline-flex;
   white-space: nowrap;
   text-align: center;
-  margin: 0;
-  border-radius: 4px;
   background: #fff;
-  padding: 6px 8px;
-  height: 24px;
-  max-width: 100%;
-}
-.wp-block-more input[type=text]:focus {
-  box-shadow: none;
+  padding: 10px 36px;
 }
 .wp-block-more::before {
   content: "";
@@ -2699,8 +2691,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 
 .wp-block-post-featured-image .block-editor-media-placeholder {
   z-index: 1;
-  -webkit-backdrop-filter: none;
-          backdrop-filter: none;
+  backdrop-filter: none;
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image .components-placeholder {
@@ -2845,8 +2836,25 @@ div[data-type="core/post-featured-image"] img {
   opacity: 1;
   margin-top: 16px;
 }
+.block-library-poster-image__container .components-drop-zone__content {
+  border-radius: 2px;
+}
+.block-library-poster-image__container .components-drop-zone .components-drop-zone__content-inner {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.block-library-poster-image__container .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
+  margin: 0;
+}
+.block-library-poster-image__container .components-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -9px;
+  margin-left: -9px;
+}
 
-.block-library-poster-image__toggle,
 .block-library-poster-image__preview {
   width: 100%;
   padding: 0;
@@ -2855,9 +2863,6 @@ div[data-type="core/post-featured-image"] img {
   min-height: 40px;
   display: flex;
   justify-content: center;
-}
-
-.block-library-poster-image__preview {
   height: auto !important;
   outline: 1px solid rgba(0, 0, 0, 0.1);
 }
@@ -2868,13 +2873,6 @@ div[data-type="core/post-featured-image"] img {
   aspect-ratio: 2/1;
 }
 
-.block-library-poster-image__toggle {
-  box-shadow: inset 0 0 0 1px #ccc;
-}
-.block-library-poster-image__toggle:focus:not(:disabled) {
-  box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
-
 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {
   bottom: 0;
   opacity: 0;
@@ -2887,8 +2885,7 @@ div[data-type="core/post-featured-image"] img {
   }
 }
 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) .block-library-poster-image__action {
-  -webkit-backdrop-filter: blur(16px) saturate(180%);
-          backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
   background: rgba(255, 255, 255, 0.75);
 }
 .block-library-poster-image__actions .block-library-poster-image__action {

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

@@ -366,8 +366,7 @@ figure.wp-block-gallery.has-nested-images {
   height: 100%;
   max-height: 40%;
   pointer-events: none;
-  -webkit-backdrop-filter: blur(3px);
-          backdrop-filter: blur(3px);
+  backdrop-filter: blur(3px);
   -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
           mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
 }

package/build-style/gallery/style.css

@@ -366,8 +366,7 @@ figure.wp-block-gallery.has-nested-images {
   height: 100%;
   max-height: 40%;
   pointer-events: none;
-  -webkit-backdrop-filter: blur(3px);
-          backdrop-filter: blur(3px);
+  backdrop-filter: blur(3px);
   -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
           mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
 }

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

@@ -246,8 +246,7 @@
   opacity: 0;
   border: none;
   background-color: rgba(90, 90, 90, 0.25);
-  -webkit-backdrop-filter: blur(16px) saturate(180%);
-          backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
   cursor: zoom-in;
   display: flex;
   justify-content: center;

package/build-style/image/style.css

@@ -252,8 +252,7 @@
   opacity: 0;
   border: none;
   background-color: rgba(90, 90, 90, 0.25);
-  -webkit-backdrop-filter: blur(16px) saturate(180%);
-          backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
   cursor: zoom-in;
   display: flex;
   justify-content: center;

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

@@ -146,26 +146,18 @@
   text-align: center;
   white-space: nowrap;
 }
-.wp-block-more input[type=text] {
+.wp-block-more .rich-text {
   position: relative;
   font-size: 13px;
   text-transform: uppercase;
   font-weight: 600;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   color: #757575;
-  border: none;
-  box-shadow: none;
+  display: inline-flex;
   white-space: nowrap;
   text-align: center;
-  margin: 0;
-  border-radius: 4px;
   background: #fff;
-  padding: 6px 8px;
-  height: 24px;
-  max-width: 100%;
-}
-.wp-block-more input[type=text]:focus {
-  box-shadow: none;
+  padding: 10px 36px;
 }
 .wp-block-more::before {
   content: "";

package/build-style/more/editor.css

@@ -146,26 +146,18 @@
   text-align: center;
   white-space: nowrap;
 }
-.wp-block-more input[type=text] {
+.wp-block-more .rich-text {
   position: relative;
   font-size: 13px;
   text-transform: uppercase;
   font-weight: 600;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   color: #757575;
-  border: none;
-  box-shadow: none;
+  display: inline-flex;
   white-space: nowrap;
   text-align: center;
-  margin: 0;
-  border-radius: 4px;
   background: #fff;
-  padding: 6px 8px;
-  height: 24px;
-  max-width: 100%;
-}
-.wp-block-more input[type=text]:focus {
-  box-shadow: none;
+  padding: 10px 36px;
 }
 .wp-block-more::before {
   content: "";

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

@@ -136,8 +136,7 @@
  */
 .wp-block-post-featured-image .block-editor-media-placeholder {
   z-index: 1;
-  -webkit-backdrop-filter: none;
-          backdrop-filter: none;
+  backdrop-filter: none;
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image .components-placeholder {

package/build-style/post-featured-image/editor.css

@@ -136,8 +136,7 @@
  */
 .wp-block-post-featured-image .block-editor-media-placeholder {
   z-index: 1;
-  -webkit-backdrop-filter: none;
-          backdrop-filter: none;
+  backdrop-filter: none;
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image .components-placeholder {

package/build-style/style-rtl.css

@@ -1465,8 +1465,7 @@ figure.wp-block-gallery.has-nested-images {
   height: 100%;
   max-height: 40%;
   pointer-events: none;
-  -webkit-backdrop-filter: blur(3px);
-          backdrop-filter: blur(3px);
+  backdrop-filter: blur(3px);
   -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
           mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
 }
@@ -1741,8 +1740,7 @@ h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]) {
   opacity: 0;
   border: none;
   background-color: rgba(90, 90, 90, 0.25);
-  -webkit-backdrop-filter: blur(16px) saturate(180%);
-          backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
   cursor: zoom-in;
   display: flex;
   justify-content: center;

package/build-style/style.css

@@ -1473,8 +1473,7 @@ figure.wp-block-gallery.has-nested-images {
   height: 100%;
   max-height: 40%;
   pointer-events: none;
-  -webkit-backdrop-filter: blur(3px);
-          backdrop-filter: blur(3px);
+  backdrop-filter: blur(3px);
   -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
           mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
 }
@@ -1755,8 +1754,7 @@ h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]) {
   opacity: 0;
   border: none;
   background-color: rgba(90, 90, 90, 0.25);
-  -webkit-backdrop-filter: blur(16px) saturate(180%);
-          backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
   cursor: zoom-in;
   display: flex;
   justify-content: center;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.27.1-next.46f643fa0.0",
+	"version": "9.28.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -41,39 +41,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/api-fetch": "^7.27.1-next.46f643fa0.0",
-		"@wordpress/autop": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/blob": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/block-editor": "^15.0.1-next.46f643fa0.0",
-		"@wordpress/blocks": "^15.0.1-next.46f643fa0.0",
-		"@wordpress/components": "^30.1.1-next.46f643fa0.0",
-		"@wordpress/compose": "^7.27.1-next.46f643fa0.0",
-		"@wordpress/core-data": "^7.27.1-next.46f643fa0.0",
-		"@wordpress/data": "^10.27.1-next.46f643fa0.0",
-		"@wordpress/date": "^5.27.1-next.46f643fa0.0",
-		"@wordpress/deprecated": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/dom": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/element": "^6.27.1-next.46f643fa0.0",
-		"@wordpress/escape-html": "^3.27.1-next.46f643fa0.0",
-		"@wordpress/hooks": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/html-entities": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/i18n": "^6.0.1-next.46f643fa0.0",
-		"@wordpress/icons": "^10.27.2-next.46f643fa0.0",
-		"@wordpress/interactivity": "^6.28.1-next.46f643fa0.0",
-		"@wordpress/interactivity-router": "^2.27.1-next.46f643fa0.0",
-		"@wordpress/keyboard-shortcuts": "^5.27.1-next.46f643fa0.0",
-		"@wordpress/keycodes": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/notices": "^5.27.1-next.46f643fa0.0",
-		"@wordpress/patterns": "^2.27.1-next.46f643fa0.0",
-		"@wordpress/primitives": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/private-apis": "^1.27.1-next.46f643fa0.0",
-		"@wordpress/reusable-blocks": "^5.27.1-next.46f643fa0.0",
-		"@wordpress/rich-text": "^7.27.1-next.46f643fa0.0",
-		"@wordpress/server-side-render": "^6.4.1-next.46f643fa0.0",
-		"@wordpress/url": "^4.27.1-next.46f643fa0.0",
-		"@wordpress/viewport": "^6.27.1-next.46f643fa0.0",
-		"@wordpress/wordcount": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/a11y": "^4.28.0",
+		"@wordpress/api-fetch": "^7.28.0",
+		"@wordpress/autop": "^4.28.0",
+		"@wordpress/blob": "^4.28.0",
+		"@wordpress/block-editor": "^15.1.0",
+		"@wordpress/blocks": "^15.1.0",
+		"@wordpress/components": "^30.1.0",
+		"@wordpress/compose": "^7.28.0",
+		"@wordpress/core-data": "^7.28.0",
+		"@wordpress/data": "^10.28.0",
+		"@wordpress/date": "^5.28.0",
+		"@wordpress/deprecated": "^4.28.0",
+		"@wordpress/dom": "^4.28.0",
+		"@wordpress/element": "^6.28.0",
+		"@wordpress/escape-html": "^3.28.0",
+		"@wordpress/hooks": "^4.28.0",
+		"@wordpress/html-entities": "^4.28.0",
+		"@wordpress/i18n": "^6.1.0",
+		"@wordpress/icons": "^10.28.0",
+		"@wordpress/interactivity": "^6.28.0",
+		"@wordpress/interactivity-router": "^2.28.0",
+		"@wordpress/keyboard-shortcuts": "^5.28.0",
+		"@wordpress/keycodes": "^4.28.0",
+		"@wordpress/notices": "^5.28.0",
+		"@wordpress/patterns": "^2.28.0",
+		"@wordpress/primitives": "^4.28.0",
+		"@wordpress/private-apis": "^1.28.0",
+		"@wordpress/reusable-blocks": "^5.28.0",
+		"@wordpress/rich-text": "^7.28.0",
+		"@wordpress/server-side-render": "^6.4.0",
+		"@wordpress/url": "^4.28.0",
+		"@wordpress/viewport": "^6.28.0",
+		"@wordpress/wordcount": "^4.28.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -91,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "17e600e091675c5e3d809adfea23ac456bbeae19"
+	"gitHead": "28cc2098f5ee28f89096b638533796538f495f72"
 }