@wordpress/block-editor 15.9.1-next.8fd3f8831.0 → 15.10.1-next.06ee73755.0

package/build-style/style.css

@@ -503,6 +503,9 @@ iframe[name=editor-canvas] {
 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before {
   content: "";
 }
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::after {
+  display: none;
+}
 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
   border: 1px solid #1e1e1e;
   padding-right: 6px;
@@ -518,6 +521,9 @@ iframe[name=editor-canvas] {
   left: auto;
   margin-left: -1px;
 }
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::after {
+  display: inline-flex;
+}
 .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,
 .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover {
   border-left: 1px solid #1e1e1e;
@@ -625,10 +631,10 @@ iframe[name=editor-canvas] {
 .block-editor-block-allowed-blocks-modal__actions {
   background-color: #fff;
   border-top: 1px solid #ddd;
-  bottom: -32px;
+  bottom: -24px;
   left: 0;
-  margin: 0 -32px -32px;
-  padding: 16px 32px;
+  margin: 0 -24px -24px;
+  padding: 16px 24px;
   position: sticky;
   z-index: 1;
 }
@@ -1176,6 +1182,10 @@ iframe[name=editor-canvas] {
   display: none;
 }
 
+.block-editor-block-styles {
+  grid-column: 1/-1;
+}
+
 .block-editor-block-styles__variants {
   display: flex;
   flex-wrap: wrap;
@@ -1464,7 +1474,7 @@ iframe[name=editor-canvas] {
 
 .block-editor-block-variation-transforms {
   box-sizing: border-box;
-  padding: 0 16px 16px 52px;
+  padding: 0 16px 16px;
 }
 .block-editor-block-variation-transforms:where(fieldset) {
   border: 0;
@@ -1618,147 +1628,6 @@ iframe[name=editor-canvas] {
   }
 }
 
-.block-editor-content-only-controls__link {
-  width: 100%;
-  box-shadow: inset 0 0 0 1px #ccc;
-}
-.block-editor-content-only-controls__link: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-editor-content-only-controls__link-row {
-  align-items: center;
-}
-
-.block-editor-content-only-controls__link-title {
-  width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.block-editor-content-only-controls__media {
-  width: 100%;
-  box-shadow: inset 0 0 0 1px #ccc;
-}
-.block-editor-content-only-controls__media: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-editor-content-only-controls__media-replace-flow {
-  display: block;
-}
-
-.block-editor-content-only-controls__media-row {
-  align-items: center;
-}
-
-.block-editor-content-only-controls__media-placeholder {
-  width: 24px;
-  height: 24px;
-  border-radius: 2px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-  display: inline-block;
-  padding: 0;
-  background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
-}
-
-.block-editor-content-only-controls__media-title {
-  width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-block-editor-content-only-controls__media-thumbnail {
-  width: 100%;
-  height: 100%;
-  border-radius: 2px;
-  align-self: center;
-}
-
-.block-editor-content-only-controls__rich-text {
-  width: 100%;
-  margin: 0;
-  background: #fff;
-  color: #1e1e1e;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  padding: 6px 8px;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-  /* Override core line-height. To be reviewed. */
-  line-height: normal;
-  box-shadow: 0 0 0 transparent;
-  border-radius: 2px;
-  border: 1px solid #949494;
-}
-@media not (prefers-reduced-motion) {
-  .block-editor-content-only-controls__rich-text {
-    transition: box-shadow 0.1s linear;
-  }
-}
-@media (min-width: 600px) {
-  .block-editor-content-only-controls__rich-text {
-    font-size: 13px;
-    /* Override core line-height. To be reviewed. */
-    line-height: normal;
-  }
-}
-.block-editor-content-only-controls__rich-text:focus {
-  border-color: var(--wp-admin-theme-color, #3858e9);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color, #3858e9);
-  outline: 2px solid transparent;
-}
-.block-editor-content-only-controls__rich-text::-webkit-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-content-only-controls__rich-text::-moz-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-content-only-controls__rich-text:-ms-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-content-only-controls__rich-text {
-  border-color: #949494;
-}
-.block-editor-content-only-controls__rich-text::placeholder {
-  color: color-mix(in srgb, #1e1e1e, transparent 38%);
-}
-.block-editor-content-only-controls__rich-text {
-  min-height: 40px;
-  padding: 12px;
-}
-
-.block-editor-content-only-controls__screen.components-navigator-screen {
-  padding: 8px 0 16px 0;
-}
-.block-editor-content-only-controls__screen {
-  border-top: 1px solid #e0e0e0;
-}
-.block-editor-content-only-controls__screen .components-tools-panel {
-  border-top: none;
-  padding-top: 8px;
-}
-
-.block-editor-content-only-controls__button-panel {
-  padding: 4px;
-  font-weight: 500 !important;
-}
-
-.block-editor-content-only-controls__back-button,
-.block-editor-content-only-controls__drill-down-button {
-  width: 100%;
-}
-
-.block-editor-content-only-controls__fields-container {
-  padding: 0 16px;
-}
-
-.block-editor-content-only-controls__fields-header {
-  padding: 8px 0;
-  margin-bottom: 4px;
-}
-
 .block-editor-date-format-picker {
   margin: 0 0 16px;
   padding: 0;
@@ -3164,11 +3033,15 @@ block-editor-content-only-controls__media-thumbnail {
 }
 
 .block-editor-media-replace-flow__media-upload-menu:not(:empty) + .block-editor-media-flow__url-input {
-  border-top: 1px solid #1e1e1e;
+  border-top: 1px solid #ddd;
   margin-top: 8px;
   padding-bottom: 8px;
 }
 
+.block-editor-media-replace-flow__options.is-variant-toolbar .block-editor-media-replace-flow__media-upload-menu:not(:empty) + .block-editor-media-flow__url-input {
+  border-top-color: #1e1e1e;
+}
+
 .block-editor-media-flow__url-input {
   margin-right: -8px;
   margin-left: -8px;
@@ -3565,6 +3438,142 @@ block-editor-content-only-controls__media-thumbnail {
   font-size: 12px;
 }
 
+.block-editor-content-only-controls__link {
+  width: 100%;
+  box-shadow: inset 0 0 0 1px #ccc;
+}
+.block-editor-content-only-controls__link: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-editor-content-only-controls__link-row {
+  align-items: center;
+}
+
+.block-editor-content-only-controls__link-title {
+  width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.block-editor-content-only-controls__media {
+  width: 100%;
+  box-shadow: inset 0 0 0 1px #ccc;
+  padding: 8px;
+}
+.block-editor-content-only-controls__media: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-editor-content-only-controls__media-replace-flow {
+  display: block;
+}
+
+.block-editor-content-only-controls__media-row {
+  align-items: center;
+}
+
+.block-editor-content-only-controls__media-placeholder {
+  width: 24px;
+  height: 24px;
+  border-radius: 2px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+  display: inline-block;
+  padding: 0;
+  background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
+}
+
+.block-editor-content-only-controls__media-title {
+  width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.block-editor-content-only-controls__media-thumbnail {
+  width: 24px;
+  height: 24px;
+  border-radius: 2px;
+  align-self: center;
+}
+.block-editor-content-only-controls__media-thumbnail img {
+  width: 100% !important;
+  height: 100% !important;
+  object-fit: cover;
+}
+
+.block-editor-content-only-controls__rich-text {
+  width: 100%;
+  margin: 0;
+  background: #fff;
+  color: #1e1e1e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  padding: 6px 8px;
+  /* Fonts smaller than 16px causes mobile safari to zoom. */
+  font-size: 16px;
+  /* Override core line-height. To be reviewed. */
+  line-height: normal;
+  box-shadow: 0 0 0 transparent;
+  border-radius: 2px;
+  border: 1px solid #949494;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-content-only-controls__rich-text {
+    transition: box-shadow 0.1s linear;
+  }
+}
+@media (min-width: 600px) {
+  .block-editor-content-only-controls__rich-text {
+    font-size: 13px;
+    /* Override core line-height. To be reviewed. */
+    line-height: normal;
+  }
+}
+.block-editor-content-only-controls__rich-text:focus {
+  border-color: var(--wp-admin-theme-color, #3858e9);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color, #3858e9);
+  outline: 2px solid transparent;
+}
+.block-editor-content-only-controls__rich-text::placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+.block-editor-content-only-controls__rich-text {
+  border-color: #949494;
+}
+.block-editor-content-only-controls__rich-text::placeholder {
+  color: color-mix(in srgb, #1e1e1e, transparent 38%);
+}
+.block-editor-content-only-controls__rich-text {
+  min-height: 40px;
+  padding: 12px;
+}
+
+.block-editor-block-fields__container {
+  padding: 0 16px;
+}
+.block-editor-block-fields__container:first-of-type {
+  padding-block-start: 8px;
+  border-top: 1px solid #e0e0e0;
+}
+.block-editor-block-fields__container:last-of-type {
+  padding-block-end: 16px;
+}
+
+.block-editor-block-fields__header {
+  padding: 8px 0;
+  margin-bottom: 4px;
+}
+
+.block-editor-block-fields__header-icon {
+  flex: 0 0 24px;
+}
+
+.block-editor-block-fields__header-title {
+  flex: 1;
+  margin: 0 !important;
+}
+
 .block-editor-hooks__block-hooks {
   /**
    * Un-reverse the flex direction for the toggle's label.
@@ -3786,7 +3795,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   display: inline-flex;
   height: 2px;
   position: absolute;
-  right: 0;
   top: 15px;
   width: 2px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "15.9.1-next.8fd3f8831.0",
+	"version": "15.10.1-next.06ee73755.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,12 +31,11 @@
 		"build-types",
 		"*.md"
 	],
-	"type": "module",
 	"main": "build/index.cjs",
-	"module": "build-module/index.js",
+	"module": "build-module/index.mjs",
 	"exports": {
 		".": {
-			"import": "./build-module/index.js",
+			"import": "./build-module/index.mjs",
 			"require": "./build/index.cjs"
 		},
 		"./package.json": "./package.json",
@@ -45,7 +44,7 @@
 	"react-native": "src/index",
 	"wpScript": true,
 	"wpScriptModuleExports": {
-		"./utils/fit-text-frontend": "./build-module/utils/fit-text-frontend.js"
+		"./utils/fit-text-frontend": "./build-module/utils/fit-text-frontend.mjs"
 	},
 	"sideEffects": [
 		"build-style/**",
@@ -56,49 +55,49 @@
 		"build/index.cjs",
 		"build/store/index.cjs",
 		"build/hooks/**",
-		"build-module/index.js",
-		"build-module/store/index.js",
+		"build-module/index.mjs",
+		"build-module/store/index.mjs",
 		"build-module/hooks/**"
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/api-fetch": "^7.36.1-next.8fd3f8831.0",
-		"@wordpress/base-styles": "^6.12.1-next.8fd3f8831.0",
-		"@wordpress/blob": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/block-serialization-default-parser": "^5.36.1-next.8fd3f8831.0",
-		"@wordpress/blocks": "^15.9.1-next.8fd3f8831.0",
-		"@wordpress/commands": "^1.36.1-next.8fd3f8831.0",
-		"@wordpress/components": "^31.0.1-next.8fd3f8831.0",
-		"@wordpress/compose": "^7.36.1-next.8fd3f8831.0",
-		"@wordpress/data": "^10.36.1-next.8fd3f8831.0",
-		"@wordpress/dataviews": "^11.1.1-next.8fd3f8831.0",
-		"@wordpress/date": "^5.36.1-next.8fd3f8831.0",
-		"@wordpress/deprecated": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/dom": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/element": "^6.36.1-next.8fd3f8831.0",
-		"@wordpress/escape-html": "^3.36.1-next.8fd3f8831.0",
-		"@wordpress/global-styles-engine": "^1.3.1-next.8fd3f8831.0",
-		"@wordpress/hooks": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/html-entities": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/i18n": "^6.9.1-next.8fd3f8831.0",
-		"@wordpress/icons": "^11.3.1-next.8fd3f8831.0",
-		"@wordpress/image-cropper": "^1.0.1-next.8fd3f8831.0",
-		"@wordpress/interactivity": "^6.36.1-next.8fd3f8831.0",
-		"@wordpress/is-shallow-equal": "^5.36.1-next.8fd3f8831.0",
-		"@wordpress/keyboard-shortcuts": "^5.36.1-next.8fd3f8831.0",
-		"@wordpress/keycodes": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/notices": "^5.36.1-next.8fd3f8831.0",
-		"@wordpress/preferences": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/priority-queue": "^3.36.1-next.8fd3f8831.0",
-		"@wordpress/private-apis": "^1.36.1-next.8fd3f8831.0",
-		"@wordpress/rich-text": "^7.36.1-next.8fd3f8831.0",
-		"@wordpress/style-engine": "^2.36.1-next.8fd3f8831.0",
-		"@wordpress/token-list": "^3.36.1-next.8fd3f8831.0",
-		"@wordpress/upload-media": "^0.21.1-next.8fd3f8831.0",
-		"@wordpress/url": "^4.36.1-next.8fd3f8831.0",
-		"@wordpress/warning": "^3.36.1-next.8fd3f8831.0",
-		"@wordpress/wordcount": "^4.36.1-next.8fd3f8831.0",
+		"@wordpress/a11y": "^4.37.1-next.06ee73755.0",
+		"@wordpress/api-fetch": "^7.37.1-next.06ee73755.0",
+		"@wordpress/base-styles": "^6.13.2-next.06ee73755.0",
+		"@wordpress/blob": "^4.37.1-next.06ee73755.0",
+		"@wordpress/block-serialization-default-parser": "^5.37.1-next.06ee73755.0",
+		"@wordpress/blocks": "^15.10.1-next.06ee73755.0",
+		"@wordpress/commands": "^1.37.1-next.06ee73755.0",
+		"@wordpress/components": "^32.0.1-next.06ee73755.0",
+		"@wordpress/compose": "^7.37.1-next.06ee73755.0",
+		"@wordpress/data": "^10.37.1-next.06ee73755.0",
+		"@wordpress/dataviews": "^11.2.1-next.06ee73755.0",
+		"@wordpress/date": "^5.37.2-next.06ee73755.0",
+		"@wordpress/deprecated": "^4.37.1-next.06ee73755.0",
+		"@wordpress/dom": "^4.37.1-next.06ee73755.0",
+		"@wordpress/element": "^6.37.1-next.06ee73755.0",
+		"@wordpress/escape-html": "^3.37.1-next.06ee73755.0",
+		"@wordpress/global-styles-engine": "^1.4.1-next.06ee73755.0",
+		"@wordpress/hooks": "^4.37.1-next.06ee73755.0",
+		"@wordpress/html-entities": "^4.37.1-next.06ee73755.0",
+		"@wordpress/i18n": "^6.10.1-next.06ee73755.0",
+		"@wordpress/icons": "^11.4.1-next.06ee73755.0",
+		"@wordpress/image-cropper": "^1.1.1-next.06ee73755.0",
+		"@wordpress/interactivity": "^6.37.2-next.06ee73755.0",
+		"@wordpress/is-shallow-equal": "^5.37.1-next.06ee73755.0",
+		"@wordpress/keyboard-shortcuts": "^5.37.1-next.06ee73755.0",
+		"@wordpress/keycodes": "^4.38.1-next.06ee73755.0",
+		"@wordpress/notices": "^5.37.1-next.06ee73755.0",
+		"@wordpress/preferences": "^4.37.1-next.06ee73755.0",
+		"@wordpress/priority-queue": "^3.37.1-next.06ee73755.0",
+		"@wordpress/private-apis": "^1.37.1-next.06ee73755.0",
+		"@wordpress/rich-text": "^7.37.1-next.06ee73755.0",
+		"@wordpress/style-engine": "^2.37.1-next.06ee73755.0",
+		"@wordpress/token-list": "^3.37.1-next.06ee73755.0",
+		"@wordpress/upload-media": "^0.22.1-next.06ee73755.0",
+		"@wordpress/url": "^4.37.1-next.06ee73755.0",
+		"@wordpress/warning": "^3.37.1-next.06ee73755.0",
+		"@wordpress/wordcount": "^4.37.1-next.06ee73755.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -114,6 +113,10 @@
 		"react-easy-crop": "^5.0.6",
 		"remove-accents": "^0.5.0"
 	},
+	"devDependencies": {
+		"@ariakit/test": "^0.4.7",
+		"deep-freeze": "0.0.1"
+	},
 	"peerDependencies": {
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0"
@@ -121,5 +124,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e582b351bc4c4b8734bb087f63a3beec9875c3c7"
+	"gitHead": "fd315436f44683a993d5f053789b5279d95b2872"
 }

package/src/components/block-allowed-blocks/style.scss

@@ -18,10 +18,10 @@
 .block-editor-block-allowed-blocks-modal__actions {
 	background-color: $white;
 	border-top: $border-width solid $gray-300;
-	bottom: -1 * $grid-unit-40;
+	bottom: -1 * $grid-unit-30;
 	left: 0;
-	margin: 0 (-1 * $grid-unit-40) (-1 * $grid-unit-40);
-	padding: $grid-unit-20 $grid-unit-40;
+	margin: 0 (-1 * $grid-unit-30) (-1 * $grid-unit-30);
+	padding: $grid-unit-20 $grid-unit-30;
 	position: sticky;
 	z-index: 1;
 }

package/src/components/block-bindings/attribute-control.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import fastDeepEqual from 'fast-deep-equal/es6';
+import fastDeepEqual from 'fast-deep-equal/es6/index.js';
 
 /**
  * WordPress dependencies

package/src/components/block-bindings/source-fields-list.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import fastDeepEqual from 'fast-deep-equal/es6';
+import fastDeepEqual from 'fast-deep-equal/es6/index.js';
 
 /**
  * WordPress dependencies

package/src/components/block-inspector/index.js

@@ -7,7 +7,7 @@ import {
 	getUnregisteredTypeHandlerName,
 	store as blocksStore,
 } from '@wordpress/blocks';
-import { PanelBody, __unstableMotion as motion } from '@wordpress/components';
+import { __unstableMotion as motion } from '@wordpress/components';
 import { useSelect } from '@wordpress/data';
 
 /**
@@ -29,16 +29,9 @@ import PositionControls from '../inspector-controls-tabs/position-controls-panel
 import useBlockInspectorAnimationSettings from './useBlockInspectorAnimationSettings';
 import { useBorderPanelLabel } from '../../hooks/border';
 import ContentTab from '../inspector-controls-tabs/content-tab';
+import BlockVisibilityInfo from '../block-visibility/block-visibility-info';
 import { unlock } from '../../lock-unlock';
 
-function BlockStylesPanel( { clientId } ) {
-	return (
-		<PanelBody title={ __( 'Styles' ) }>
-			<BlockStyles clientId={ clientId } />
-		</PanelBody>
-	);
-}
-
 function StyleInspectorSlots( {
 	blockName,
 	showAdvancedControls = true,
@@ -362,6 +355,7 @@ const BlockInspectorSingleBlock = ( {
 				isChild={ hasParentChildBlockCards }
 				clientId={ renderedBlockClientId }
 			/>
+			<BlockVisibilityInfo clientId={ renderedBlockClientId } />
 			{ window?.__experimentalContentOnlyPatternInsertion && (
 				<EditContents clientId={ renderedBlockClientId } />
 			) }
@@ -379,12 +373,10 @@ const BlockInspectorSingleBlock = ( {
 			{ ! shouldShowTabs && (
 				<>
 					{ hasBlockStyles && (
-						<BlockStylesPanel clientId={ renderedBlockClientId } />
+						<BlockStyles clientId={ renderedBlockClientId } />
 					) }
-					<ContentTab
-						rootClientId={ renderedBlockClientId }
-						contentClientIds={ contentClientIds }
-					/>
+					<ContentTab contentClientIds={ contentClientIds } />
+					<InspectorControls.Slot group="content" />
 					{ ! isSectionBlock && (
 						<StyleInspectorSlots
 							blockName={ blockName }