diff --git a/package-lock.json b/package-lock.json
index fdfaf033b93653..807fa042d2bd94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -99,7 +99,7 @@
"@octokit/rest": "16.26.0",
"@octokit/types": "6.34.0",
"@octokit/webhooks-types": "5.8.0",
- "@playwright/test": "1.46.0",
+ "@playwright/test": "1.47.0",
"@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
"@react-native/babel-preset": "0.73.10",
"@react-native/metro-babel-transformer": "0.73.10",
@@ -6950,12 +6950,12 @@
}
},
"node_modules/@playwright/test": {
- "version": "1.46.0",
- "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.46.0.tgz",
- "integrity": "sha512-/QYft5VArOrGRP5pgkrfKksqsKA6CEFyGQ/gjNe6q0y4tZ1aaPfq4gIjudr1s3D+pXyrPRdsy4opKDrjBabE5w==",
+ "version": "1.47.0",
+ "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.47.0.tgz",
+ "integrity": "sha512-SgAdlSwYVpToI4e/IH19IHHWvoijAYH5hu2MWSXptRypLSnzj51PcGD+rsOXFayde4P9ZLi+loXVwArg6IUkCA==",
"dev": true,
"dependencies": {
- "playwright": "1.46.0"
+ "playwright": "1.47.0"
},
"bin": {
"playwright": "cli.js"
@@ -41081,12 +41081,12 @@
"dev": true
},
"node_modules/playwright": {
- "version": "1.46.0",
- "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.46.0.tgz",
- "integrity": "sha512-XYJ5WvfefWONh1uPAUAi0H2xXV5S3vrtcnXe6uAOgdGi3aSpqOSXX08IAjXW34xitfuOJsvXU5anXZxPSEQiJw==",
+ "version": "1.47.0",
+ "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.47.0.tgz",
+ "integrity": "sha512-jOWiRq2pdNAX/mwLiwFYnPHpEZ4rM+fRSQpRHwEwZlP2PUANvL3+aJOF/bvISMhFD30rqMxUB4RJx9aQbfh4Ww==",
"dev": true,
"dependencies": {
- "playwright-core": "1.46.0"
+ "playwright-core": "1.47.0"
},
"bin": {
"playwright": "cli.js"
@@ -41099,9 +41099,9 @@
}
},
"node_modules/playwright-core": {
- "version": "1.46.0",
- "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.46.0.tgz",
- "integrity": "sha512-9Y/d5UIwuJk8t3+lhmMSAJyNP1BUC/DqP3cQJDQQL/oWqAiuPTLgy7Q5dzglmTLwcBRdetzgNM/gni7ckfTr6A==",
+ "version": "1.47.0",
+ "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.47.0.tgz",
+ "integrity": "sha512-1DyHT8OqkcfCkYUD9zzUTfg7EfTd+6a8MkD/NWOvjo0u/SCNd5YmY/lJwFvUZOxJbWNds+ei7ic2+R/cRz/PDg==",
"dev": true,
"bin": {
"playwright-core": "cli.js"
@@ -54834,7 +54834,7 @@
"npm": ">=8.19.2"
},
"peerDependencies": {
- "@playwright/test": "^1.46.0",
+ "@playwright/test": "^1.47.0",
"react": "^18.0.0",
"react-dom": "^18.0.0"
}
@@ -60247,12 +60247,12 @@
}
},
"@playwright/test": {
- "version": "1.46.0",
- "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.46.0.tgz",
- "integrity": "sha512-/QYft5VArOrGRP5pgkrfKksqsKA6CEFyGQ/gjNe6q0y4tZ1aaPfq4gIjudr1s3D+pXyrPRdsy4opKDrjBabE5w==",
+ "version": "1.47.0",
+ "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.47.0.tgz",
+ "integrity": "sha512-SgAdlSwYVpToI4e/IH19IHHWvoijAYH5hu2MWSXptRypLSnzj51PcGD+rsOXFayde4P9ZLi+loXVwArg6IUkCA==",
"dev": true,
"requires": {
- "playwright": "1.46.0"
+ "playwright": "1.47.0"
}
},
"@pmmmwh/react-refresh-webpack-plugin": {
@@ -87571,19 +87571,19 @@
"dev": true
},
"playwright": {
- "version": "1.46.0",
- "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.46.0.tgz",
- "integrity": "sha512-XYJ5WvfefWONh1uPAUAi0H2xXV5S3vrtcnXe6uAOgdGi3aSpqOSXX08IAjXW34xitfuOJsvXU5anXZxPSEQiJw==",
+ "version": "1.47.0",
+ "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.47.0.tgz",
+ "integrity": "sha512-jOWiRq2pdNAX/mwLiwFYnPHpEZ4rM+fRSQpRHwEwZlP2PUANvL3+aJOF/bvISMhFD30rqMxUB4RJx9aQbfh4Ww==",
"dev": true,
"requires": {
"fsevents": "2.3.2",
- "playwright-core": "1.46.0"
+ "playwright-core": "1.47.0"
}
},
"playwright-core": {
- "version": "1.46.0",
- "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.46.0.tgz",
- "integrity": "sha512-9Y/d5UIwuJk8t3+lhmMSAJyNP1BUC/DqP3cQJDQQL/oWqAiuPTLgy7Q5dzglmTLwcBRdetzgNM/gni7ckfTr6A==",
+ "version": "1.47.0",
+ "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.47.0.tgz",
+ "integrity": "sha512-1DyHT8OqkcfCkYUD9zzUTfg7EfTd+6a8MkD/NWOvjo0u/SCNd5YmY/lJwFvUZOxJbWNds+ei7ic2+R/cRz/PDg==",
"dev": true
},
"please-upgrade-node": {
diff --git a/package.json b/package.json
index a67b376f3dbdc1..977929555f7dc6 100644
--- a/package.json
+++ b/package.json
@@ -111,7 +111,7 @@
"@octokit/rest": "16.26.0",
"@octokit/types": "6.34.0",
"@octokit/webhooks-types": "5.8.0",
- "@playwright/test": "1.46.0",
+ "@playwright/test": "1.47.0",
"@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
"@react-native/babel-preset": "0.73.10",
"@react-native/metro-babel-transformer": "0.73.10",
diff --git a/packages/block-editor/src/components/iframe/get-compatibility-styles.js b/packages/block-editor/src/components/iframe/get-compatibility-styles.js
index ab80e0e8eb43ea..0eae82b11e01f8 100644
--- a/packages/block-editor/src/components/iframe/get-compatibility-styles.js
+++ b/packages/block-editor/src/components/iframe/get-compatibility-styles.js
@@ -40,7 +40,12 @@ export function getCompatibilityStyles() {
// Don't try to add the reset styles, which were removed as a dependency
// from `edit-blocks` for the iframe since we don't need to reset admin
// styles.
- if ( ownerNode.id === 'wp-reset-editor-styles-css' ) {
+ if (
+ [
+ 'wp-reset-editor-styles-css',
+ 'wp-reset-editor-styles-rtl-css',
+ ].includes( ownerNode.id )
+ ) {
return accumulator;
}
diff --git a/packages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js b/packages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js
index 3703381b23a140..913be6a5129736 100644
--- a/packages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js
+++ b/packages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js
@@ -17,6 +17,7 @@ import {
__experimentalText as Text,
FlexBlock,
} from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
/**
* Internal dependencies
@@ -32,6 +33,7 @@ import {
myPatternsCategory,
INSERTER_PATTERN_TYPES,
} from './utils';
+import { store as blockEditorStore } from '../../../store';
const noop = () => {};
@@ -42,6 +44,11 @@ export function PatternCategoryPreviews( {
category,
showTitlesAsTooltip,
} ) {
+ const isZoomOutMode = useSelect(
+ ( select ) =>
+ select( blockEditorStore ).__unstableGetEditorMode() === 'zoom-out',
+ []
+ );
const [ allPatterns, , onClickPattern ] = usePatternsState(
onInsert,
rootClientId,
@@ -163,23 +170,39 @@ export function PatternCategoryPreviews( {
) }
-
- { currentCategoryPatterns.length > 0 && (
-
- ) }
+
+ { currentCategoryPatterns.length > 0 && (
+ <>
+ { isZoomOutMode && (
+
+ { __(
+ 'Drag and drop patterns into the canvas.'
+ ) }
+
+ ) }
+
+ >
+ ) }
+
>
);
}
diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
index bd3ac3f961b88a..18389dc7e923c5 100644
--- a/packages/block-editor/src/components/inserter/style.scss
+++ b/packages/block-editor/src/components/inserter/style.scss
@@ -709,3 +709,7 @@ $block-inserter-tabs-height: 44px;
}
}
}
+
+.block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text {
+ padding: 0 $grid-unit-30;
+}
diff --git a/packages/block-editor/src/components/media-placeholder/index.js b/packages/block-editor/src/components/media-placeholder/index.js
index bbf546a3953f32..4d41289f324c0f 100644
--- a/packages/block-editor/src/components/media-placeholder/index.js
+++ b/packages/block-editor/src/components/media-placeholder/index.js
@@ -323,15 +323,15 @@ export function MediaPlaceholder( {
if ( isAudio ) {
instructions = __(
- 'Upload an audio file, pick one from your media library, or add one with a URL.'
+ 'Upload or drag an audio file here, or pick one from your library.'
);
} else if ( isImage ) {
instructions = __(
- 'Upload an image file, pick one from your media library, or add one with a URL.'
+ 'Upload or drag an image file here, or pick one from your library.'
);
} else if ( isVideo ) {
instructions = __(
- 'Upload a video file, pick one from your media library, or add one with a URL.'
+ 'Upload or drag a video file here, or pick one from your library.'
);
}
}
diff --git a/packages/block-library/src/image/edit.js b/packages/block-library/src/image/edit.js
index ae8461a6b1cf4c..f9aed8d93f95a0 100644
--- a/packages/block-library/src/image/edit.js
+++ b/packages/block-library/src/image/edit.js
@@ -393,7 +393,7 @@ export function ImageEdit( {
instructions={
! lockUrlControls &&
__(
- 'Upload an image file, pick one from your media library, or add one with a URL.'
+ 'Upload or drag an image file here, or pick one from your library.'
)
}
style={ {
diff --git a/packages/block-library/src/page-list/convert-to-links-modal.js b/packages/block-library/src/page-list/convert-to-links-modal.js
index b56b3bf7c6b4f1..f2ab425a1ef10a 100644
--- a/packages/block-library/src/page-list/convert-to-links-modal.js
+++ b/packages/block-library/src/page-list/convert-to-links-modal.js
@@ -32,16 +32,14 @@ export function ConvertToLinksModal( { onClick, onClose, disabled } ) {