@wordpress/block-library 8.2.0 → 8.3.0

package/build-module/video/tracks-editor.js

@@ -4,7 +4,7 @@ import { createElement, Fragment } from "@wordpress/element";
  * WordPress dependencies
  */
 import { __, sprintf } from '@wordpress/i18n';
-import { NavigableMenu, MenuItem, FormFileUpload, MenuGroup, ToolbarGroup, ToolbarButton, Dropdown, Button, TextControl, SelectControl } from '@wordpress/components';
+import { NavigableMenu, MenuItem, FormFileUpload, MenuGroup, ToolbarGroup, ToolbarButton, Dropdown, Button, TextControl, SelectControl, __experimentalGrid as Grid, __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
 import { MediaUpload, MediaUploadCheck, store as blockEditorStore } from '@wordpress/block-editor';
 import { upload, media } from '@wordpress/icons';
 import { useSelect } from '@wordpress/data';
@@ -42,7 +42,7 @@ function TrackList(_ref) {
     }, __('Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'));
   } else {
     content = tracks.map((track, index) => {
-      return createElement("div", {
+      return createElement(HStack, {
         key: index,
         className: "block-library-video-tracks-editor__track-list-track"
       }, createElement("span", null, track.label, " "), createElement(Button, {
@@ -75,15 +75,18 @@ function SingleTrackEditor(_ref2) {
     kind = DEFAULT_KIND
   } = track;
   const fileName = src.startsWith('blob:') ? '' : getFilename(src) || '';
-  return createElement(NavigableMenu, null, createElement("div", {
-    className: "block-library-video-tracks-editor__single-track-editor"
+  return createElement(NavigableMenu, null, createElement(VStack, {
+    className: "block-library-video-tracks-editor__single-track-editor",
+    spacing: "4"
   }, createElement("span", {
     className: "block-library-video-tracks-editor__single-track-editor-edit-track-label"
-  }, __('Edit track')), createElement("span", null, __('File'), ": ", createElement("b", null, fileName)), createElement("div", {
-    className: "block-library-video-tracks-editor__single-track-editor-label-language"
-  }, createElement(TextControl
-  /* eslint-disable jsx-a11y/no-autofocus */
-  , {
+  }, __('Edit track')), createElement("span", null, __('File'), ": ", createElement("b", null, fileName)), createElement(Grid, {
+    columns: 2,
+    gap: 4
+  }, createElement(TextControl, {
+    __nextHasNoMarginBottom: true
+    /* eslint-disable jsx-a11y/no-autofocus */
+    ,
     autoFocus: true
     /* eslint-enable jsx-a11y/no-autofocus */
     ,
@@ -94,13 +97,16 @@ function SingleTrackEditor(_ref2) {
     value: label,
     help: __('Title of track')
   }), createElement(TextControl, {
+    __nextHasNoMarginBottom: true,
     onChange: newSrcLang => onChange({ ...track,
       srcLang: newSrcLang
     }),
     label: __('Source language'),
     value: srcLang,
     help: __('Language tag (en, fr, etc.)')
-  })), createElement(SelectControl, {
+  })), createElement(VStack, {
+    spacing: "8"
+  }, createElement(SelectControl, {
     __nextHasNoMarginBottom: true,
     className: "block-library-video-tracks-editor__single-track-editor-kind-select",
     options: KIND_OPTIONS,
@@ -111,7 +117,7 @@ function SingleTrackEditor(_ref2) {
         kind: newKind
       });
     }
-  }), createElement("div", {
+  }), createElement(HStack, {
     className: "block-library-video-tracks-editor__single-track-editor-buttons-container"
   }, createElement(Button, {
     variant: "secondary",
@@ -146,7 +152,7 @@ function SingleTrackEditor(_ref2) {
     isDestructive: true,
     variant: "link",
     onClick: onRemove
-  }, __('Remove track')))));
+  }, __('Remove track'))))));
 }
 
 export default function TracksEditor(_ref3) {

package/build-module/video/tracks-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/video/tracks-editor.js"],"names":["__","sprintf","NavigableMenu","MenuItem","FormFileUpload","MenuGroup","ToolbarGroup","ToolbarButton","Dropdown","Button","TextControl","SelectControl","MediaUpload","MediaUploadCheck","store","blockEditorStore","upload","media","useSelect","useState","getFilename","ALLOWED_TYPES","DEFAULT_KIND","KIND_OPTIONS","label","value","TrackList","tracks","onEditPress","content","length","map","track","index","SingleTrackEditor","onChange","onClose","onRemove","src","srcLang","kind","fileName","startsWith","newLabel","newSrcLang","newKind","changes","hasChanges","undefined","TracksEditor","mediaUpload","select","getSettings","trackBeingEdited","setTrackBeingEdited","isOpen","onToggle","newTrack","newTracks","filter","_track","url","trackIndex","open","event","files","target","allowedTypes","filesList","onFileChange","openFileDialog"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tNavigableMenu,\n\tMenuItem,\n\tFormFileUpload,\n\tMenuGroup,\n\tToolbarGroup,\n\tToolbarButton,\n\tDropdown,\n\tButton,\n\tTextControl,\n\tSelectControl,\n} from '@wordpress/components';\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { upload, media } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\n\nconst ALLOWED_TYPES = [ 'text/vtt' ];\n\nconst DEFAULT_KIND = 'subtitles';\n\nconst KIND_OPTIONS = [\n\t{ label: __( 'Subtitles' ), value: 'subtitles' },\n\t{ label: __( 'Captions' ), value: 'captions' },\n\t{ label: __( 'Descriptions' ), value: 'descriptions' },\n\t{ label: __( 'Chapters' ), value: 'chapters' },\n\t{ label: __( 'Metadata' ), value: 'metadata' },\n];\n\nfunction TrackList( { tracks, onEditPress } ) {\n\tlet content;\n\tif ( tracks.length === 0 ) {\n\t\tcontent = (\n\t\t\t<p className=\"block-library-video-tracks-editor__tracks-informative-message\">\n\t\t\t\t{ __(\n\t\t\t\t\t'Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t);\n\t} else {\n\t\tcontent = tracks.map( ( track, index ) => {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tkey={ index }\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__track-list-track\"\n\t\t\t\t>\n\t\t\t\t\t<span>{ track.label } </span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onEditPress( index ) }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the video text track e.g: \"French subtitles\" */\n\t\t\t\t\t\t\t__( 'Edit %s' ),\n\t\t\t\t\t\t\ttrack.label\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t);\n\t\t} );\n\t}\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\tclassName=\"block-library-video-tracks-editor__track-list\"\n\t\t>\n\t\t\t{ content }\n\t\t</MenuGroup>\n\t);\n}\n\nfunction SingleTrackEditor( { track, onChange, onClose, onRemove } ) {\n\tconst { src = '', label = '', srcLang = '', kind = DEFAULT_KIND } = track;\n\tconst fileName = src.startsWith( 'blob:' ) ? '' : getFilename( src ) || '';\n\treturn (\n\t\t<NavigableMenu>\n\t\t\t<div className=\"block-library-video-tracks-editor__single-track-editor\">\n\t\t\t\t<span className=\"block-library-video-tracks-editor__single-track-editor-edit-track-label\">\n\t\t\t\t\t{ __( 'Edit track' ) }\n\t\t\t\t</span>\n\t\t\t\t<span>\n\t\t\t\t\t{ __( 'File' ) }: <b>{ fileName }</b>\n\t\t\t\t</span>\n\t\t\t\t<div className=\"block-library-video-tracks-editor__single-track-editor-label-language\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t/* eslint-disable jsx-a11y/no-autofocus */\n\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\t/* eslint-enable jsx-a11y/no-autofocus */\n\t\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tlabel: newLabel,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Label' ) }\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\thelp={ __( 'Title of track' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tonChange={ ( newSrcLang ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tsrcLang: newSrcLang,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Source language' ) }\n\t\t\t\t\t\tvalue={ srcLang }\n\t\t\t\t\t\thelp={ __( 'Language tag (en, fr, etc.)' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor-kind-select\"\n\t\t\t\t\toptions={ KIND_OPTIONS }\n\t\t\t\t\tvalue={ kind }\n\t\t\t\t\tlabel={ __( 'Kind' ) }\n\t\t\t\t\tonChange={ ( newKind ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tkind: newKind,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<div className=\"block-library-video-tracks-editor__single-track-editor-buttons-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tconst changes = {};\n\t\t\t\t\t\t\tlet hasChanges = false;\n\t\t\t\t\t\t\tif ( label === '' ) {\n\t\t\t\t\t\t\t\tchanges.label = __( 'English' );\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( srcLang === '' ) {\n\t\t\t\t\t\t\t\tchanges.srcLang = 'en';\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( track.kind === undefined ) {\n\t\t\t\t\t\t\t\tchanges.kind = DEFAULT_KIND;\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( hasChanges ) {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\t\t...changes,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Close' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button isDestructive variant=\"link\" onClick={ onRemove }>\n\t\t\t\t\t\t{ __( 'Remove track' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</NavigableMenu>\n\t);\n}\n\nexport default function TracksEditor( { tracks = [], onChange } ) {\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst [ trackBeingEdited, setTrackBeingEdited ] = useState( null );\n\n\tif ( ! mediaUpload ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-library-video-tracks-editor\"\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t\trenderContent={ () => {\n\t\t\t\tif ( trackBeingEdited !== null ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SingleTrackEditor\n\t\t\t\t\t\t\ttrack={ tracks[ trackBeingEdited ] }\n\t\t\t\t\t\t\tonChange={ ( newTrack ) => {\n\t\t\t\t\t\t\t\tconst newTracks = [ ...tracks ];\n\t\t\t\t\t\t\t\tnewTracks[ trackBeingEdited ] = newTrack;\n\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonClose={ () => setTrackBeingEdited( null ) }\n\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttracks.filter(\n\t\t\t\t\t\t\t\t\t\t( _track, index ) =>\n\t\t\t\t\t\t\t\t\t\t\tindex !== trackBeingEdited\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\tsetTrackBeingEdited( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<NavigableMenu>\n\t\t\t\t\t\t\t<TrackList\n\t\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\t\tonEditPress={ setTrackBeingEdited }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuGroup\n\t\t\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__add-tracks-container\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Add tracks' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\tonSelect={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\tonChange( [ ...tracks, { src: url } ] );\n\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited( trackIndex );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_TYPES }\n\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ media }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\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<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst files = event.target.files;\n\t\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\t\t\t\t\t\t\tallowedTypes: ALLOWED_TYPES,\n\t\t\t\t\t\t\t\t\t\t\t\tfilesList: files,\n\t\t\t\t\t\t\t\t\t\t\t\tonFileChange: ( [\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ 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\tconst newTracks = [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks,\n\t\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\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! newTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\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) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\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}\n\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[ trackIndex ] = {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks[ trackIndex ],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc: url,\n\t\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\tonChange( newTracks );\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\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},\n\t\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\taccept=\".vtt,text/vtt\"\n\t\t\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\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>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\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/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/video/tracks-editor.js"],"names":["__","sprintf","NavigableMenu","MenuItem","FormFileUpload","MenuGroup","ToolbarGroup","ToolbarButton","Dropdown","Button","TextControl","SelectControl","__experimentalGrid","Grid","__experimentalHStack","HStack","__experimentalVStack","VStack","MediaUpload","MediaUploadCheck","store","blockEditorStore","upload","media","useSelect","useState","getFilename","ALLOWED_TYPES","DEFAULT_KIND","KIND_OPTIONS","label","value","TrackList","tracks","onEditPress","content","length","map","track","index","SingleTrackEditor","onChange","onClose","onRemove","src","srcLang","kind","fileName","startsWith","newLabel","newSrcLang","newKind","changes","hasChanges","undefined","TracksEditor","mediaUpload","select","getSettings","trackBeingEdited","setTrackBeingEdited","isOpen","onToggle","newTrack","newTracks","filter","_track","url","trackIndex","open","event","files","target","allowedTypes","filesList","onFileChange","openFileDialog"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tNavigableMenu,\n\tMenuItem,\n\tFormFileUpload,\n\tMenuGroup,\n\tToolbarGroup,\n\tToolbarButton,\n\tDropdown,\n\tButton,\n\tTextControl,\n\tSelectControl,\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { upload, media } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\n\nconst ALLOWED_TYPES = [ 'text/vtt' ];\n\nconst DEFAULT_KIND = 'subtitles';\n\nconst KIND_OPTIONS = [\n\t{ label: __( 'Subtitles' ), value: 'subtitles' },\n\t{ label: __( 'Captions' ), value: 'captions' },\n\t{ label: __( 'Descriptions' ), value: 'descriptions' },\n\t{ label: __( 'Chapters' ), value: 'chapters' },\n\t{ label: __( 'Metadata' ), value: 'metadata' },\n];\n\nfunction TrackList( { tracks, onEditPress } ) {\n\tlet content;\n\tif ( tracks.length === 0 ) {\n\t\tcontent = (\n\t\t\t<p className=\"block-library-video-tracks-editor__tracks-informative-message\">\n\t\t\t\t{ __(\n\t\t\t\t\t'Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t);\n\t} else {\n\t\tcontent = tracks.map( ( track, index ) => {\n\t\t\treturn (\n\t\t\t\t<HStack\n\t\t\t\t\tkey={ index }\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__track-list-track\"\n\t\t\t\t>\n\t\t\t\t\t<span>{ track.label } </span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onEditPress( index ) }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the video text track e.g: \"French subtitles\" */\n\t\t\t\t\t\t\t__( 'Edit %s' ),\n\t\t\t\t\t\t\ttrack.label\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t);\n\t\t} );\n\t}\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\tclassName=\"block-library-video-tracks-editor__track-list\"\n\t\t>\n\t\t\t{ content }\n\t\t</MenuGroup>\n\t);\n}\n\nfunction SingleTrackEditor( { track, onChange, onClose, onRemove } ) {\n\tconst { src = '', label = '', srcLang = '', kind = DEFAULT_KIND } = track;\n\tconst fileName = src.startsWith( 'blob:' ) ? '' : getFilename( src ) || '';\n\treturn (\n\t\t<NavigableMenu>\n\t\t\t<VStack\n\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor\"\n\t\t\t\tspacing=\"4\"\n\t\t\t>\n\t\t\t\t<span className=\"block-library-video-tracks-editor__single-track-editor-edit-track-label\">\n\t\t\t\t\t{ __( 'Edit track' ) }\n\t\t\t\t</span>\n\t\t\t\t<span>\n\t\t\t\t\t{ __( 'File' ) }: <b>{ fileName }</b>\n\t\t\t\t</span>\n\t\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t/* eslint-disable jsx-a11y/no-autofocus */\n\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\t/* eslint-enable jsx-a11y/no-autofocus */\n\t\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tlabel: newLabel,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Label' ) }\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\thelp={ __( 'Title of track' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tonChange={ ( newSrcLang ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tsrcLang: newSrcLang,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Source language' ) }\n\t\t\t\t\t\tvalue={ srcLang }\n\t\t\t\t\t\thelp={ __( 'Language tag (en, fr, etc.)' ) }\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t\t<VStack spacing=\"8\">\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor-kind-select\"\n\t\t\t\t\t\toptions={ KIND_OPTIONS }\n\t\t\t\t\t\tvalue={ kind }\n\t\t\t\t\t\tlabel={ __( 'Kind' ) }\n\t\t\t\t\t\tonChange={ ( newKind ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tkind: newKind,\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\t<HStack className=\"block-library-video-tracks-editor__single-track-editor-buttons-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst changes = {};\n\t\t\t\t\t\t\t\tlet hasChanges = false;\n\t\t\t\t\t\t\t\tif ( label === '' ) {\n\t\t\t\t\t\t\t\t\tchanges.label = __( 'English' );\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( srcLang === '' ) {\n\t\t\t\t\t\t\t\t\tchanges.srcLang = 'en';\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( track.kind === undefined ) {\n\t\t\t\t\t\t\t\t\tchanges.kind = DEFAULT_KIND;\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( hasChanges ) {\n\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\t\t\t...changes,\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\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Close' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Remove track' ) }\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</VStack>\n\t\t</NavigableMenu>\n\t);\n}\n\nexport default function TracksEditor( { tracks = [], onChange } ) {\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst [ trackBeingEdited, setTrackBeingEdited ] = useState( null );\n\n\tif ( ! mediaUpload ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-library-video-tracks-editor\"\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t\trenderContent={ () => {\n\t\t\t\tif ( trackBeingEdited !== null ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SingleTrackEditor\n\t\t\t\t\t\t\ttrack={ tracks[ trackBeingEdited ] }\n\t\t\t\t\t\t\tonChange={ ( newTrack ) => {\n\t\t\t\t\t\t\t\tconst newTracks = [ ...tracks ];\n\t\t\t\t\t\t\t\tnewTracks[ trackBeingEdited ] = newTrack;\n\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonClose={ () => setTrackBeingEdited( null ) }\n\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttracks.filter(\n\t\t\t\t\t\t\t\t\t\t( _track, index ) =>\n\t\t\t\t\t\t\t\t\t\t\tindex !== trackBeingEdited\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\tsetTrackBeingEdited( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<NavigableMenu>\n\t\t\t\t\t\t\t<TrackList\n\t\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\t\tonEditPress={ setTrackBeingEdited }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuGroup\n\t\t\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__add-tracks-container\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Add tracks' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\tonSelect={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\tonChange( [ ...tracks, { src: url } ] );\n\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited( trackIndex );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_TYPES }\n\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ media }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\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<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst files = event.target.files;\n\t\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\t\t\t\t\t\t\tallowedTypes: ALLOWED_TYPES,\n\t\t\t\t\t\t\t\t\t\t\t\tfilesList: files,\n\t\t\t\t\t\t\t\t\t\t\t\tonFileChange: ( [\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ 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\tconst newTracks = [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks,\n\t\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\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! newTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\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) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\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}\n\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[ trackIndex ] = {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks[ trackIndex ],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc: url,\n\t\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\tonChange( newTracks );\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\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},\n\t\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\taccept=\".vtt,text/vtt\"\n\t\t\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\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>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\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/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"]}

package/build-style/editor-rtl.css

@@ -2213,10 +2213,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: inline;
 }
 
-.wp-block-rss__placeholder-form {
-  display: flex;
-  align-items: stretch;
-}
 .wp-block-rss__placeholder-form > * {
   margin-bottom: 8px;
 }
@@ -2225,18 +2221,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
     margin-bottom: 0;
   }
 }
-
-.wp-block-rss__placeholder-input {
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-}
-.wp-block-rss__placeholder-input .components-base-control__field {
-  margin: 0;
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-  margin-left: 8px;
+.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
+  flex: 1;
+  min-width: 80%;
 }
 
 .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
@@ -2604,9 +2591,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .blocks-table__placeholder-input input {
   height: 36px;
 }
-.blocks-table__placeholder-input .components-base-control__field {
-  margin-bottom: 0;
-}
 
 .block-editor-template-part__selection-modal {
   z-index: 1000001;
@@ -2706,36 +2690,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 
 .block-library-video-tracks-editor__track-list-track {
-  display: flex;
-  place-content: space-between;
-  align-items: baseline;
   padding-right: 12px;
 }
 
-.block-library-video-tracks-editor__single-track-editor-label-language {
-  display: flex;
-  margin-top: 12px;
-}
-.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control {
-  width: 50%;
-}
-.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child {
-  margin-left: 16px;
-}
-
 .block-library-video-tracks-editor__single-track-editor-kind-select {
   max-width: 240px;
 }
 
-.block-library-video-tracks-editor__single-track-editor-buttons-container {
-  display: flex;
-  place-content: space-between;
-  margin-top: 32px;
-}
-
 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   margin-top: 4px;
-  margin-bottom: 12px;
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
@@ -2759,19 +2722,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 12px;
 }
 
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label {
-  margin-bottom: 4px;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field {
-  margin-bottom: 12px;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input {
-  margin-right: 0;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label {
-  margin-bottom: 4px;
-}
-
 .editor-styles-wrapper ul.wp-block-post-template {
   padding-right: 0;
   margin-right: 0;
@@ -2798,32 +2748,29 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   max-height: 250px;
 }
 
-.block-editor-query-pattern__selection-modal .components-modal__content {
-  padding: 0;
-  margin-bottom: 60px;
-}
-.block-editor-query-pattern__selection-modal .components-modal__content::before {
-  margin-bottom: 0;
-}
-
 @media (min-width: 600px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: calc(100% - 32px);
     height: calc(100% - 120px);
   }
 }
 @media (min-width: 782px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: 750px;
   }
 }
 @media (min-width: 960px) {
-  .block-editor-query-pattern__selection-modal {
-    height: 80%;
-    width: 80%;
-    max-height: none;
+  .block-library-query-pattern__selection-modal .components-modal__frame {
+    height: 70%;
   }
 }
+.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  padding: 16px 0;
+  z-index: 2;
+}
 
 .block-library-query-toolspanel__filters .components-form-token-field__help {
   margin-bottom: 0;

package/build-style/editor.css

@@ -2221,10 +2221,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: inline;
 }
 
-.wp-block-rss__placeholder-form {
-  display: flex;
-  align-items: stretch;
-}
 .wp-block-rss__placeholder-form > * {
   margin-bottom: 8px;
 }
@@ -2233,18 +2229,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
     margin-bottom: 0;
   }
 }
-
-.wp-block-rss__placeholder-input {
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-}
-.wp-block-rss__placeholder-input .components-base-control__field {
-  margin: 0;
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-  margin-right: 8px;
+.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
+  flex: 1;
+  min-width: 80%;
 }
 
 .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
@@ -2612,9 +2599,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .blocks-table__placeholder-input input {
   height: 36px;
 }
-.blocks-table__placeholder-input .components-base-control__field {
-  margin-bottom: 0;
-}
 
 .block-editor-template-part__selection-modal {
   z-index: 1000001;
@@ -2714,36 +2698,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 
 .block-library-video-tracks-editor__track-list-track {
-  display: flex;
-  place-content: space-between;
-  align-items: baseline;
   padding-left: 12px;
 }
 
-.block-library-video-tracks-editor__single-track-editor-label-language {
-  display: flex;
-  margin-top: 12px;
-}
-.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control {
-  width: 50%;
-}
-.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child {
-  margin-right: 16px;
-}
-
 .block-library-video-tracks-editor__single-track-editor-kind-select {
   max-width: 240px;
 }
 
-.block-library-video-tracks-editor__single-track-editor-buttons-container {
-  display: flex;
-  place-content: space-between;
-  margin-top: 32px;
-}
-
 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   margin-top: 4px;
-  margin-bottom: 12px;
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
@@ -2767,19 +2730,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 12px;
 }
 
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label {
-  margin-bottom: 4px;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field {
-  margin-bottom: 12px;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input {
-  margin-left: 0;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label {
-  margin-bottom: 4px;
-}
-
 .editor-styles-wrapper ul.wp-block-post-template {
   padding-left: 0;
   margin-left: 0;
@@ -2806,32 +2756,29 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   max-height: 250px;
 }
 
-.block-editor-query-pattern__selection-modal .components-modal__content {
-  padding: 0;
-  margin-bottom: 60px;
-}
-.block-editor-query-pattern__selection-modal .components-modal__content::before {
-  margin-bottom: 0;
-}
-
 @media (min-width: 600px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: calc(100% - 32px);
     height: calc(100% - 120px);
   }
 }
 @media (min-width: 782px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: 750px;
   }
 }
 @media (min-width: 960px) {
-  .block-editor-query-pattern__selection-modal {
-    height: 80%;
-    width: 80%;
-    max-height: none;
+  .block-library-query-pattern__selection-modal .components-modal__frame {
+    height: 70%;
   }
 }
+.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  padding: 16px 0;
+  z-index: 2;
+}
 
 .block-library-query-toolspanel__filters .components-form-token-field__help {
   margin-bottom: 0;

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

@@ -106,32 +106,29 @@
   max-height: 250px;
 }
 
-.block-editor-query-pattern__selection-modal .components-modal__content {
-  padding: 0;
-  margin-bottom: 60px;
-}
-.block-editor-query-pattern__selection-modal .components-modal__content::before {
-  margin-bottom: 0;
-}
-
 @media (min-width: 600px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: calc(100% - 32px);
     height: calc(100% - 120px);
   }
 }
 @media (min-width: 782px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: 750px;
   }
 }
 @media (min-width: 960px) {
-  .block-editor-query-pattern__selection-modal {
-    height: 80%;
-    width: 80%;
-    max-height: none;
+  .block-library-query-pattern__selection-modal .components-modal__frame {
+    height: 70%;
   }
 }
+.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  padding: 16px 0;
+  z-index: 2;
+}
 
 .block-library-query-toolspanel__filters .components-form-token-field__help {
   margin-bottom: 0;

package/build-style/query/editor.css

@@ -106,32 +106,29 @@
   max-height: 250px;
 }
 
-.block-editor-query-pattern__selection-modal .components-modal__content {
-  padding: 0;
-  margin-bottom: 60px;
-}
-.block-editor-query-pattern__selection-modal .components-modal__content::before {
-  margin-bottom: 0;
-}
-
 @media (min-width: 600px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: calc(100% - 32px);
     height: calc(100% - 120px);
   }
 }
 @media (min-width: 782px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: 750px;
   }
 }
 @media (min-width: 960px) {
-  .block-editor-query-pattern__selection-modal {
-    height: 80%;
-    width: 80%;
-    max-height: none;
+  .block-library-query-pattern__selection-modal .components-modal__frame {
+    height: 70%;
   }
 }
+.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  padding: 16px 0;
+  z-index: 2;
+}
 
 .block-library-query-toolspanel__filters .components-form-token-field__help {
   margin-bottom: 0;

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

@@ -90,10 +90,6 @@
   display: inline;
 }
 
-.wp-block-rss__placeholder-form {
-  display: flex;
-  align-items: stretch;
-}
 .wp-block-rss__placeholder-form > * {
   margin-bottom: 8px;
 }
@@ -102,16 +98,7 @@
     margin-bottom: 0;
   }
 }
-
-.wp-block-rss__placeholder-input {
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-}
-.wp-block-rss__placeholder-input .components-base-control__field {
-  margin: 0;
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-  margin-left: 8px;
+.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
+  flex: 1;
+  min-width: 80%;
 }

package/build-style/rss/editor.css

@@ -90,10 +90,6 @@
   display: inline;
 }
 
-.wp-block-rss__placeholder-form {
-  display: flex;
-  align-items: stretch;
-}
 .wp-block-rss__placeholder-form > * {
   margin-bottom: 8px;
 }
@@ -102,16 +98,7 @@
     margin-bottom: 0;
   }
 }
-
-.wp-block-rss__placeholder-input {
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-}
-.wp-block-rss__placeholder-input .components-base-control__field {
-  margin: 0;
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-  margin-right: 8px;
+.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
+  flex: 1;
+  min-width: 80%;
 }

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

@@ -152,7 +152,4 @@
 }
 .blocks-table__placeholder-input input {
   height: 36px;
-}
-.blocks-table__placeholder-input .components-base-control__field {
-  margin-bottom: 0;
 }

package/build-style/table/editor.css

@@ -152,7 +152,4 @@
 }
 .blocks-table__placeholder-input input {
   height: 36px;
-}
-.blocks-table__placeholder-input .components-base-control__field {
-  margin-bottom: 0;
 }