@wordpress/block-editor 15.18.0 → 15.19.1-next.v.202605131006.0

package/build-style/style-rtl.css

@@ -832,6 +832,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-manager__category {
+  isolation: isolate;
   margin: 0 0 24px 0;
 }
 
@@ -1639,6 +1640,14 @@ iframe[name=editor-canvas] {
   text-align: left;
 }
 
+.block-editor-global-styles-state-control {
+  margin-top: -4px;
+}
+
+.block-editor-global-styles-state-control__badges {
+  min-height: 24px;
+}
+
 .block-editor-global-styles-filters-panel__dropdown,
 .block-editor-global-styles__shadow-dropdown {
   display: block;
@@ -4041,7 +4050,20 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 }
 
 .block-editor-inserter__search {
-  padding: 16px 16px 0 16px;
+  padding: 16px;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: #fff;
+  border-bottom: 1px solid transparent;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-inserter__search {
+    transition: border-bottom-color 0.1s linear;
+  }
+}
+.block-editor-inserter__search.is-scrolled {
+  border-bottom-color: #e0e0e0;
 }
 
 .block-editor-inserter__no-tab-container {
@@ -4054,7 +4076,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   position: relative;
   display: inline-flex;
   align-items: center;
-  padding: 16px 16px 0;
+  padding: 0 16px;
 }
 
 .block-editor-inserter__panel-content {
@@ -4137,12 +4159,16 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-tabs-container,
 .block-editor-inserter__block-patterns-tabs-container {
   flex-grow: 1;
-  padding: 16px;
+  padding: 0 16px 16px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
+.block-editor-inserter__media-tabs-container {
+  padding-top: 16px;
+}
+
 .block-editor-inserter__category-tablist {
   margin-bottom: 8px;
 }

package/build-style/style.css

@@ -832,6 +832,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-manager__category {
+  isolation: isolate;
   margin: 0 0 24px 0;
 }
 
@@ -1639,6 +1640,14 @@ iframe[name=editor-canvas] {
   text-align: right;
 }
 
+.block-editor-global-styles-state-control {
+  margin-top: -4px;
+}
+
+.block-editor-global-styles-state-control__badges {
+  min-height: 24px;
+}
+
 .block-editor-global-styles-filters-panel__dropdown,
 .block-editor-global-styles__shadow-dropdown {
   display: block;
@@ -4043,7 +4052,20 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 }
 
 .block-editor-inserter__search {
-  padding: 16px 16px 0 16px;
+  padding: 16px;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: #fff;
+  border-bottom: 1px solid transparent;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-inserter__search {
+    transition: border-bottom-color 0.1s linear;
+  }
+}
+.block-editor-inserter__search.is-scrolled {
+  border-bottom-color: #e0e0e0;
 }
 
 .block-editor-inserter__no-tab-container {
@@ -4056,7 +4078,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   position: relative;
   display: inline-flex;
   align-items: center;
-  padding: 16px 16px 0;
+  padding: 0 16px;
 }
 
 .block-editor-inserter__panel-content {
@@ -4139,12 +4161,16 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-tabs-container,
 .block-editor-inserter__block-patterns-tabs-container {
   flex-grow: 1;
-  padding: 16px;
+  padding: 0 16px 16px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
+.block-editor-inserter__media-tabs-container {
+  padding-top: 16px;
+}
+
 .block-editor-inserter__category-tablist {
   margin-bottom: 8px;
 }

package/build-types/components/block-context/index.d.ts

@@ -1,22 +1,6 @@
-/**
- * Component which merges passed value with current consumed block context.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md
- *
- * @param {BlockContextProviderProps} props
- */
-export function BlockContextProvider({ value, children }: BlockContextProviderProps): import("react").JSX.Element;
-export default Context;
 export type ReactNode = React.ReactNode;
 export type BlockContextProviderProps = {
-    /**
-     * Context value to merge with current
-     * value.
-     */
     value: Record<string, any>;
-    /**
-     * Component children.
-     */
     children: ReactNode;
 };
 /** @typedef {React.ReactNode} ReactNode */
@@ -29,4 +13,13 @@ export type BlockContextProviderProps = {
  */
 /** @type {React.Context<Record<string,*>>} */
 declare const Context: React.Context<Record<string, any>>;
+/**
+ * Component which merges passed value with current consumed block context.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md
+ *
+ * @param {BlockContextProviderProps} props
+ */
+export declare function BlockContextProvider({ value, children }: BlockContextProviderProps): import("react").JSX.Element;
+export default Context;
 //# sourceMappingURL=index.d.ts.map

package/build-types/components/block-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAmBA;;;;;;GAMG;AACH,0DAFW,yBAAyB,+BAUnC;;wBA7Ba,KAAK,CAAC,SAAS;;;;;;WAKf,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC;;;;cAEhB,SAAS;;AAPvB,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,uBADW,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAAC,CACN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAKI,YAA2B,SAAS,GAA1B,KAAK,CAAC,SAAS,CAAW;AAGrC,YAAS,yBAAyB,GAElC;IAA6B,KAAK,EAAvB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAE3B;IAA6B,QAAQ,EAA1B,SAAS,CACtB;CAAA,CAAA;AARD,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,QAAA,MAAM,OAAO,EADF,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CACN,CAAC;AAGpC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAF9C,yBAE8C,+BAQxD;eAEc,OAAO"}

package/build-types/utils/dom.d.ts

@@ -6,7 +6,7 @@
  *
  * @return {boolean} Whether elements are in the same block.
  */
-export function isInSameBlock(a: Element, b: Element): boolean;
+export declare function isInSameBlock(a: Element, b: Element): boolean;
 /**
  * Returns true if an element is considered part of the block and not its inner
  * blocks or appender.
@@ -17,7 +17,7 @@ export function isInSameBlock(a: Element, b: Element): boolean;
  * @return {boolean} Whether an element is considered part of the block and not
  *                   its inner blocks or appender.
  */
-export function isInsideRootBlock(blockElement: Element, element: Element): boolean;
+export declare function isInsideRootBlock(blockElement: Element, element: Element): boolean;
 /**
  * Finds the block client ID given any DOM node inside the block.
  *
@@ -26,7 +26,7 @@ export function isInsideRootBlock(blockElement: Element, element: Element): bool
  * @return {string|undefined} Client ID or undefined if the node is not part of
  *                            a block.
  */
-export function getBlockClientId(node: Node | null): string | undefined;
+export declare function getBlockClientId(node: Node | null): string | undefined;
 /**
  * Calculates the union of two rectangles.
  *
@@ -34,14 +34,15 @@ export function getBlockClientId(node: Node | null): string | undefined;
  * @param {DOMRect} rect2 Second rectangle.
  * @return {DOMRect} Union of the two rectangles.
  */
-export function rectUnion(rect1: DOMRect, rect2: DOMRect): DOMRect;
+export declare function rectUnion(rect1: DOMRect, rect2: DOMRect): DOMRect;
 /**
  * Returns whether an element is visible.
  *
  * @param {Element} element Element.
  * @return {boolean} Whether the element is visible.
  */
-export function isElementVisible(element: Element): boolean;
+export declare function isElementVisible(element: Element): boolean;
+export declare const WITH_OVERFLOW_ELEMENT_BLOCKS: string[];
 /**
  * Returns the bounding rectangle of an element, with special handling for blocks
  * that have visible overflowing children (defined in WITH_OVERFLOW_ELEMENT_BLOCKS).
@@ -55,6 +56,5 @@ export function isElementVisible(element: Element): boolean;
  * @param {Element} element Element.
  * @return {DOMRect} Bounding client rect of the element and its visible children.
  */
-export function getElementBounds(element: Element): DOMRect;
-export const WITH_OVERFLOW_ELEMENT_BLOCKS: string[];
+export declare function getElementBounds(element: Element): DOMRect;
 //# sourceMappingURL=dom.d.ts.map

package/build-types/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.js"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,iCALW,OAAO,KACP,OAAO,GAEN,OAAO,CAIlB;AAED;;;;;;;;;GASG;AACH,gDANW,OAAO,WACP,OAAO,GAEN,OAAO,CAQlB;AAED;;;;;;;GAOG;AACH,uCALW,IAAI,OAAC,GAEJ,MAAM,GAAC,SAAS,CAoB3B;AAED;;;;;;GAMG;AACH,iCAJW,OAAO,SACP,OAAO,GACN,OAAO,CASlB;AAED;;;;;GAKG;AACH,0CAHW,OAAO,GACN,OAAO,CAsClB;AAmBD;;;;;;;;;;;;GAYG;AACH,0CAHW,OAAO,GACN,OAAO,CAoDlB;AAhED,oDAAkE"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.js"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAE,CAAC,EALrB,OAKqB,EAAE,CAAC,EAJxB,OAIwB,GAFvB,OAAO,CAIlB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAE,YAAY,EANpC,OAMoC,EAAE,OAAO,EAL7C,OAK6C,GAH5C,OAAO,CAQlB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAE,IAAI,EAL3B,IAAI,OAKuB,GAH1B,MAAM,GAAC,SAAS,CAoB3B;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAE,KAAK,EAJrB,OAIqB,EAAE,KAAK,EAH5B,OAG4B,GAF3B,OAAO,CASlB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAE,OAAO,EAH9B,OAG8B,GAF7B,OAAO,CAsClB;AAkBD,eAAO,MAAM,4BAA4B,UAAwB,CAAC;AAClE;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAE,OAAO,EAH9B,OAG8B,GAF7B,OAAO,CAoDlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "15.18.0",
+	"version": "15.19.1-next.v.202605131006.0+2a3d07cab",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -61,43 +61,43 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.45.0",
-		"@wordpress/base-styles": "^7.0.0",
-		"@wordpress/blob": "^4.45.0",
-		"@wordpress/block-serialization-default-parser": "^5.45.0",
-		"@wordpress/blocks": "^15.18.0",
-		"@wordpress/commands": "^1.45.0",
-		"@wordpress/components": "^33.0.0",
-		"@wordpress/compose": "^7.45.0",
-		"@wordpress/data": "^10.45.0",
-		"@wordpress/dataviews": "^14.2.0",
-		"@wordpress/date": "^5.45.0",
-		"@wordpress/deprecated": "^4.45.0",
-		"@wordpress/dom": "^4.45.0",
-		"@wordpress/element": "^6.45.0",
-		"@wordpress/escape-html": "^3.45.0",
-		"@wordpress/global-styles-engine": "^1.12.0",
-		"@wordpress/hooks": "^4.45.0",
-		"@wordpress/html-entities": "^4.45.0",
-		"@wordpress/i18n": "^6.18.0",
-		"@wordpress/icons": "^13.0.0",
-		"@wordpress/image-cropper": "^1.9.0",
-		"@wordpress/interactivity": "^6.45.0",
-		"@wordpress/is-shallow-equal": "^5.45.0",
-		"@wordpress/keyboard-shortcuts": "^5.45.0",
-		"@wordpress/keycodes": "^4.45.0",
-		"@wordpress/notices": "^5.45.0",
-		"@wordpress/preferences": "^4.45.0",
-		"@wordpress/priority-queue": "^3.45.0",
-		"@wordpress/private-apis": "^1.45.0",
-		"@wordpress/rich-text": "^7.45.0",
-		"@wordpress/style-engine": "^2.45.0",
-		"@wordpress/token-list": "^3.45.0",
-		"@wordpress/ui": "^0.12.0",
-		"@wordpress/upload-media": "^0.30.0",
-		"@wordpress/url": "^4.45.0",
-		"@wordpress/warning": "^3.45.0",
-		"@wordpress/wordcount": "^4.45.0",
+		"@wordpress/a11y": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/base-styles": "^8.0.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/blob": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/block-serialization-default-parser": "^5.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/blocks": "^15.18.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/commands": "^1.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/components": "^33.1.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/compose": "^7.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/data": "^10.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/dataviews": "^14.2.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/date": "^5.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/deprecated": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/dom": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/element": "^6.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/escape-html": "^3.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/global-styles-engine": "^1.12.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/hooks": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/html-entities": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/i18n": "^6.18.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/icons": "^13.0.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/image-cropper": "^1.9.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/interactivity": "^6.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/is-shallow-equal": "^5.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/keyboard-shortcuts": "^5.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/keycodes": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/notices": "^5.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/preferences": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/priority-queue": "^3.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/private-apis": "^1.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/rich-text": "^7.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/style-engine": "^2.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/token-list": "^3.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/ui": "^0.13.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/upload-media": "^0.30.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/url": "^4.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/warning": "^3.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/wordcount": "^4.45.1-next.v.202605131006.0+2a3d07cab",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -124,5 +124,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b"
+	"gitHead": "8804fa29bc78a1d98e5a4d40c3e180ddd907016c"
 }

package/src/components/block-controls/fill.js

@@ -34,6 +34,7 @@ export default function BlockControlsFill( {
 
 	return (
 		<StyleProvider document={ document }>
+			{ /* eslint-disable-next-line react-hooks/static-components */ }
 			<Fill>
 				{ ( fillProps ) => {
 					// `fillProps.forwardedContext` is an array of context provider entries, provided by slot,

package/src/components/block-inspector/edit-contents.js

@@ -76,8 +76,10 @@ function InlineEditButton( {
 				onClick={ handleClick }
 			>
 				{ editedContentOnlySection
-					? __( 'Exit pattern' )
-					: __( 'Edit pattern' ) }
+					? /* translators: Button label to leave pattern editing mode. */
+					  __( 'Exit pattern' )
+					: /* translators: Button label to enter pattern editing mode. */
+					  __( 'Edit pattern' ) }
 			</Button>
 		</VStack>
 	);

package/src/components/block-manager/style.scss

@@ -1,6 +1,5 @@
 @use "@wordpress/base-styles/variables" as *;
 @use "@wordpress/base-styles/colors" as *;
-@use "@wordpress/base-styles/z-index" as *;
 
 .block-editor-block-manager__no-results {
 	font-style: italic;
@@ -9,6 +8,7 @@
 }
 
 .block-editor-block-manager__category {
+	isolation: isolate;
 	margin: 0 0 $grid-unit-30 0;
 }
 
@@ -17,7 +17,8 @@
 	top: - $grid-unit-05; // Offsets the top padding on the modal content container
 	padding: $grid-unit-20 0;
 	background-color: $white;
-	z-index: z-index(".block-editor-block-manager__category-title");
+	// Make sure sticky category titles appear above the options.
+	z-index: 1;
 
 	.components-checkbox-control__label {
 		font-weight: 600;

package/src/components/block-toolbar/edit-section-button.js

@@ -58,7 +58,11 @@ export default function EditSectionButton( { clientId } ) {
 	return (
 		<ToolbarGroup>
 			<ToolbarButton onClick={ handleClick }>
-				{ isEditing ? __( 'Exit pattern' ) : __( 'Edit pattern' ) }
+				{ isEditing
+					? /* translators: Button label to leave pattern editing mode. */
+					  __( 'Exit pattern' )
+					: /* translators: Button label to enter pattern editing mode. */
+					  __( 'Edit pattern' ) }
 			</ToolbarButton>
 		</ToolbarGroup>
 	);

package/src/components/block-variation-transforms/index.js

@@ -144,7 +144,7 @@ function VariationsToggleGroupControl( {
 	);
 }
 
-function __experimentalBlockVariationTransforms( { blockClientId } ) {
+function BlockVariationTransforms( { blockClientId } ) {
 	const { updateBlockAttributes } = useDispatch( blockEditorStore );
 	const {
 		activeBlockVariation,
@@ -235,4 +235,4 @@ function __experimentalBlockVariationTransforms( { blockClientId } ) {
 	);
 }
 
-export default __experimentalBlockVariationTransforms;
+export default BlockVariationTransforms;

package/src/components/block-visibility/modal.js

@@ -38,7 +38,6 @@ import {
 	getViewportCheckboxState,
 	getHideEverywhereCheckboxState,
 } from './utils';
-import './style.scss';
 
 const DEFAULT_VIEWPORT_CHECKBOX_VALUES = {
 	[ BLOCK_VISIBILITY_VIEWPORTS.mobile.key ]: false,

package/src/components/dimensions-tool/scale-tool.js

@@ -98,14 +98,14 @@ export default function ScaleTool( {
 
 	return (
 		<ToolsPanelItem
-			label={ __( 'Scale' ) }
+			label={ _x( 'Scale', 'Image scaling options' ) }
 			isShownByDefault={ isShownByDefault }
 			hasValue={ () => displayValue !== defaultValue }
 			onDeselect={ () => onChange( defaultValue ) }
 			panelId={ panelId }
 		>
 			<ToggleGroupControl
-				label={ __( 'Scale' ) }
+				label={ _x( 'Scale', 'Image scaling options' ) }
 				isBlock
 				help={ scaleHelp[ displayValue ] }
 				value={ displayValue }