@wordpress/editor 14.35.1-next.16d95556a.0 → 14.35.2-next.dc3f6d3c1.0

package/build-style/style.css

@@ -257,6 +257,26 @@
   font-size: 12px;
 }
 
+.admin-ui-breadcrumbs__list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  gap: 0;
+  font-size: 15px;
+  min-height: 32px;
+  font-weight: 500;
+}
+
+.admin-ui-breadcrumbs__list li:not(:last-child)::after {
+  content: "/";
+  margin: 0 8px;
+}
+
+.admin-ui-breadcrumbs__list h1 {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 /**
  * Colors
  */
@@ -1553,6 +1573,7 @@ button.font-library-modal__upload-area {
   flex-direction: column;
   font-size: 13px;
   line-height: 1.4;
+  background-color: inherit;
 }
 
 .dataviews__view-actions,
@@ -1562,6 +1583,7 @@ button.font-library-modal__upload-area {
   flex-shrink: 0;
   position: sticky;
   left: 0;
+  background-color: inherit;
 }
 
 @media not (prefers-reduced-motion) {
@@ -2297,7 +2319,7 @@ button.font-library-modal__upload-area {
   position: sticky;
   bottom: 0;
   left: 0;
-  background-color: #fff;
+  background-color: inherit;
   padding: 12px 48px;
   border-top: 1px solid #f0f0f0;
   flex-shrink: 0;
@@ -2676,6 +2698,7 @@ div.dataviews-view-list {
   width: max-content;
   flex: 0 0 auto;
   gap: 4px;
+  white-space: nowrap;
 }
 
 .dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button,
@@ -2879,6 +2902,7 @@ div.dataviews-view-list {
   position: relative;
   color: #757575;
   margin-bottom: auto;
+  background-color: inherit;
 }
 
 .dataviews-view-table th {
@@ -2902,7 +2926,7 @@ div.dataviews-view-list {
 .dataviews-view-table th.dataviews-view-table__actions-column--sticky {
   position: sticky;
   right: 0;
-  background-color: #fff;
+  background-color: inherit;
 }
 
 .dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
@@ -2930,6 +2954,7 @@ div.dataviews-view-list {
 
 .dataviews-view-table tr {
   border-top: 1px solid #f0f0f0;
+  background-color: inherit;
 }
 
 .dataviews-view-table tr .dataviews-view-table-header-button {
@@ -2955,10 +2980,6 @@ div.dataviews-view-list {
   border-bottom: 0;
 }
 
-.dataviews-view-table tr.is-hovered, .dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky {
-  background-color: #f8f8f8;
-}
-
 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input {
   opacity: 0;
 }
@@ -2971,13 +2992,6 @@ div.dataviews-view-list {
   opacity: 0;
 }
 
-.dataviews-view-table tr:focus-within .components-checkbox-control__input,
-.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .components-checkbox-control__input,
-.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .components-checkbox-control__input,
-.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
-  opacity: 1;
-}
-
 @media (hover: none) {
   .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,
   .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
@@ -2985,7 +2999,7 @@ div.dataviews-view-list {
   }
 }
 .dataviews-view-table tr.is-selected {
-  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
   color: #757575;
 }
 
@@ -2994,7 +3008,7 @@ div.dataviews-view-list {
 }
 
 .dataviews-view-table tr.is-selected:hover {
-  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+  background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 8%, #fff);
 }
 
 .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
@@ -3005,10 +3019,22 @@ div.dataviews-view-list {
   background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 8%, #fff);
 }
 
+.dataviews-view-table.has-bulk-actions tr:not(.is-selected).is-hovered, .dataviews-view-table.has-bulk-actions tr:not(.is-selected).is-hovered .dataviews-view-table__actions-column--sticky {
+  background-color: #f8f8f8;
+}
+
+.dataviews-view-table.has-bulk-actions tr:focus-within .components-checkbox-control__input,
+.dataviews-view-table.has-bulk-actions tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table.has-bulk-actions tr.is-hovered .components-checkbox-control__input,
+.dataviews-view-table.has-bulk-actions tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table.has-bulk-actions tr:hover .components-checkbox-control__input,
+.dataviews-view-table.has-bulk-actions tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
+  opacity: 1;
+}
+
 .dataviews-view-table thead {
   position: sticky;
   inset-block-start: 0;
   z-index: 1;
+  background-color: inherit;
 }
 
 .dataviews-view-table thead tr {
@@ -3020,7 +3046,7 @@ div.dataviews-view-list {
 }
 
 .dataviews-view-table thead th {
-  background-color: #fff;
+  background-color: inherit;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 12px;
@@ -3329,6 +3355,10 @@ div.dataviews-view-list {
   padding: 0 48px;
 }
 
+.dataviews-view-picker-table {
+  background-color: inherit;
+}
+
 .dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
   outline: none;
 }
@@ -4308,6 +4338,9 @@ div.dataviews-view-list {
 .editor-welcome-guide__text img {
   vertical-align: bottom;
 }
+.editor-welcome-guide .components-button:hover svg {
+  fill: #fff;
+}
 
 .editor-header {
   box-sizing: border-box;

package/build-types/components/global-styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/global-styles/index.js"],"names":[],"mappings":"AA0FA;;;uCAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/global-styles/index.js"],"names":[],"mappings":"AAyFA;;;uCAgCC"}

package/build-types/components/provider/use-block-editor-settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-block-editor-settings.d.ts","sourceRoot":"","sources":["../../../src/components/provider/use-block-editor-settings.js"],"names":[],"mappings":";AAoGA;;;;;;;;;GASG;AACH,kDAPW,MAAM,YACN,MAAM,UACN,MAAM,iBACN,MAAM,GAEL,MAAM,CAwQjB"}
+{"version":3,"file":"use-block-editor-settings.d.ts","sourceRoot":"","sources":["../../../src/components/provider/use-block-editor-settings.js"],"names":[],"mappings":";AAqGA;;;;;;;;;GASG;AACH,kDAPW,MAAM,YACN,MAAM,UACN,MAAM,iBACN,MAAM,GAEL,MAAM,CA+QjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "14.35.1-next.16d95556a.0",
+	"version": "14.35.2-next.dc3f6d3c1.0",
 	"description": "Enhanced block editor for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -53,44 +53,44 @@
 	],
 	"dependencies": {
 		"@floating-ui/react-dom": "2.0.8",
-		"@wordpress/a11y": "^4.35.1-next.16d95556a.0",
-		"@wordpress/api-fetch": "^7.35.1-next.16d95556a.0",
-		"@wordpress/base-styles": "^6.11.1-next.16d95556a.0",
-		"@wordpress/blob": "^4.35.1-next.16d95556a.0",
-		"@wordpress/block-editor": "^15.8.1-next.16d95556a.0",
-		"@wordpress/blocks": "^15.8.1-next.16d95556a.0",
-		"@wordpress/commands": "^1.35.1-next.16d95556a.0",
-		"@wordpress/components": "^30.8.1-next.16d95556a.0",
-		"@wordpress/compose": "^7.35.1-next.16d95556a.0",
-		"@wordpress/core-data": "^7.35.1-next.16d95556a.0",
-		"@wordpress/data": "^10.35.1-next.16d95556a.0",
-		"@wordpress/dataviews": "^10.3.1-next.16d95556a.0",
-		"@wordpress/date": "^5.35.1-next.16d95556a.0",
-		"@wordpress/deprecated": "^4.35.1-next.16d95556a.0",
-		"@wordpress/dom": "^4.35.1-next.16d95556a.0",
-		"@wordpress/element": "^6.35.1-next.16d95556a.0",
-		"@wordpress/fields": "^0.27.1-next.16d95556a.0",
-		"@wordpress/global-styles-engine": "^1.2.1-next.16d95556a.0",
-		"@wordpress/global-styles-ui": "^1.2.1-next.16d95556a.0",
-		"@wordpress/hooks": "^4.35.1-next.16d95556a.0",
-		"@wordpress/html-entities": "^4.35.1-next.16d95556a.0",
-		"@wordpress/i18n": "^6.8.1-next.16d95556a.0",
-		"@wordpress/icons": "^11.2.1-next.16d95556a.0",
-		"@wordpress/interface": "^9.20.1-next.16d95556a.0",
-		"@wordpress/keyboard-shortcuts": "^5.35.1-next.16d95556a.0",
-		"@wordpress/keycodes": "^4.35.1-next.16d95556a.0",
-		"@wordpress/media-utils": "^5.35.1-next.16d95556a.0",
-		"@wordpress/notices": "^5.35.1-next.16d95556a.0",
-		"@wordpress/patterns": "^2.35.1-next.16d95556a.0",
-		"@wordpress/plugins": "^7.35.1-next.16d95556a.0",
-		"@wordpress/preferences": "^4.35.1-next.16d95556a.0",
-		"@wordpress/private-apis": "^1.35.1-next.16d95556a.0",
-		"@wordpress/reusable-blocks": "^5.35.1-next.16d95556a.0",
-		"@wordpress/rich-text": "^7.35.1-next.16d95556a.0",
-		"@wordpress/server-side-render": "^6.11.1-next.16d95556a.0",
-		"@wordpress/url": "^4.35.1-next.16d95556a.0",
-		"@wordpress/warning": "^3.35.1-next.16d95556a.0",
-		"@wordpress/wordcount": "^4.35.1-next.16d95556a.0",
+		"@wordpress/a11y": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/api-fetch": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/base-styles": "^6.11.1-next.dc3f6d3c1.0",
+		"@wordpress/blob": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/block-editor": "^15.8.1-next.dc3f6d3c1.0",
+		"@wordpress/blocks": "^15.8.1-next.dc3f6d3c1.0",
+		"@wordpress/commands": "^1.35.1-next.dc3f6d3c1.0",
+		"@wordpress/components": "^30.8.2-next.dc3f6d3c1.0",
+		"@wordpress/compose": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/core-data": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/data": "^10.35.1-next.dc3f6d3c1.0",
+		"@wordpress/dataviews": "^10.4.1-next.dc3f6d3c1.0",
+		"@wordpress/date": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/deprecated": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/dom": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/element": "^6.35.1-next.dc3f6d3c1.0",
+		"@wordpress/fields": "^0.27.1-next.dc3f6d3c1.0",
+		"@wordpress/global-styles-engine": "^1.2.1-next.dc3f6d3c1.0",
+		"@wordpress/global-styles-ui": "^1.2.1-next.dc3f6d3c1.0",
+		"@wordpress/hooks": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/html-entities": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/i18n": "^6.8.1-next.dc3f6d3c1.0",
+		"@wordpress/icons": "^11.2.1-next.dc3f6d3c1.0",
+		"@wordpress/interface": "^9.20.1-next.dc3f6d3c1.0",
+		"@wordpress/keyboard-shortcuts": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/keycodes": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/media-utils": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/notices": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/patterns": "^2.35.1-next.dc3f6d3c1.0",
+		"@wordpress/plugins": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/preferences": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/private-apis": "^1.35.1-next.dc3f6d3c1.0",
+		"@wordpress/reusable-blocks": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/rich-text": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/server-side-render": "^6.11.1-next.dc3f6d3c1.0",
+		"@wordpress/url": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/warning": "^3.35.1-next.dc3f6d3c1.0",
+		"@wordpress/wordcount": "^4.35.1-next.dc3f6d3c1.0",
 		"change-case": "^4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
@@ -108,5 +108,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "59a9383612bbe16e21af84d13b035bfbca7fe833"
+	"gitHead": "f73b5e69b34fbaccfb8c47783f4f993059ff1a41"
 }

package/src/bindings/test/post-data.js

@@ -0,0 +1,199 @@
+/**
+ * WordPress dependencies
+ */
+import { store as blockEditorStore } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import postDataBindings from '../post-data';
+
+describe( 'post-data bindings', () => {
+	describe( 'getValues', () => {
+		describe( 'for regular blocks using block context', () => {
+			let select;
+			beforeAll( () => {
+				select = ( store ) => {
+					if ( store === blockEditorStore ) {
+						return {
+							getBlockName: ( clientId ) =>
+								clientId === '123abc456'
+									? 'core/post-date'
+									: undefined,
+							getBlockAttributes: () => ( {} ),
+						};
+					}
+					return {
+						getEditedEntityRecord: ( kind, name, recordId ) =>
+							name === 'post' && recordId === 123
+								? {
+										date: '2024-03-02 00:00:00',
+										modified: '2025-06-07 00:00:00',
+										link: 'https://example.com/post',
+										unknown: 'Unknown field value',
+								  }
+								: {},
+					};
+				};
+			} );
+
+			it( 'should return entity field values when they exist', () => {
+				const values = postDataBindings.getValues( {
+					select,
+					context: { postId: 123, postType: 'post' },
+					bindings: {
+						datetime: {
+							source: 'core/post-date',
+							args: { field: 'date' },
+						},
+						modified: {
+							source: 'core/post-date',
+							args: { field: 'modified' },
+						},
+						url: {
+							source: 'core/post-date',
+							args: { field: 'link' },
+						},
+					},
+					clientId: '123abc456',
+				} );
+
+				expect( values ).toStrictEqual( {
+					datetime: '2024-03-02 00:00:00',
+					modified: '2025-06-07 00:00:00',
+					url: 'https://example.com/post',
+				} );
+			} );
+
+			it( 'should fall back to field labels when entity value does not exist', () => {
+				const values = postDataBindings.getValues( {
+					select,
+					context: { postId: 456, postType: 'post' },
+					bindings: {
+						datetime: {
+							source: 'core/post-date',
+							args: { field: 'date' },
+						},
+						modified: {
+							source: 'core/post-date',
+							args: { field: 'modified' },
+						},
+						url: {
+							source: 'core/post-date',
+							args: { field: 'link' },
+						},
+					},
+					clientId: '123abc456',
+				} );
+
+				expect( values ).toStrictEqual( {
+					datetime: 'Post Date',
+					modified: 'Post Modified Date',
+					url: 'Post Link',
+				} );
+			} );
+
+			it( 'should return empty object for unknown fields', () => {
+				const values = postDataBindings.getValues( {
+					select,
+					context: { postId: 123, postType: 'post' },
+					bindings: {
+						content: {
+							source: 'core/post-date',
+							args: { field: 'unknown' },
+						},
+					},
+					clientId: '123abc456',
+				} );
+
+				expect( values.content ).toEqual( {} );
+			} );
+		} );
+
+		describe( 'for navigation blocks using block attributes', () => {
+			it( 'should use block attributes instead of context', () => {
+				const select = ( store ) => {
+					if ( store === blockEditorStore ) {
+						return {
+							getBlockName: () => 'core/navigation-link',
+							getBlockAttributes: () => ( {
+								id: 456,
+								type: 'page',
+							} ),
+						};
+					}
+					return {
+						getEditedEntityRecord: ( _kind, type, id ) => {
+							if ( type !== 'page' || id !== 456 ) {
+								return {};
+							}
+							return {
+								link: 'https://example.com/page',
+							};
+						},
+					};
+				};
+
+				const values = postDataBindings.getValues( {
+					select,
+					context: { postId: 123, postType: 'post' },
+					bindings: {
+						url: {
+							source: 'core/post-date',
+							args: { field: 'link' },
+						},
+					},
+					clientId: '123abc456',
+				} );
+
+				expect( values.url ).toBe( 'https://example.com/page' );
+			} );
+		} );
+	} );
+
+	describe( 'getFieldsList', () => {
+		it( 'should return the list of available post data fields when the Date block is selected', () => {
+			const select = () => ( {
+				getSelectedBlock: () => ( {
+					name: 'core/post-date',
+				} ),
+			} );
+
+			const fields = postDataBindings.getFieldsList( {
+				select,
+			} );
+
+			expect( fields ).toEqual( [
+				{
+					label: 'Post Date',
+					args: { field: 'date' },
+					type: 'string',
+				},
+				{
+					label: 'Post Modified Date',
+					args: { field: 'modified' },
+					type: 'string',
+				},
+				{
+					label: 'Post Link',
+					args: { field: 'link' },
+					type: 'string',
+				},
+			] );
+		} );
+
+		it( 'should return an empty array when any other block than the Date block is selected', () => {
+			const select = () => ( {
+				getSelectedBlock: () => ( {
+					name: 'core/paragraph',
+				} ),
+			} );
+
+			const fields = postDataBindings.getFieldsList( {
+				select,
+			} );
+
+			expect( fields ).toEqual( [] );
+		} );
+	} );
+} );

package/src/components/collab-sidebar/comments.js

@@ -470,6 +470,7 @@ function Thread( {
 		selectedThread,
 		commentLastUpdated,
 	} );
+	const isKeyboardTabbingRef = useRef( false );
 
 	const onMouseEnter = () => {
 		debouncedToggleBlockHighlight( thread.blockClientId, true );
@@ -479,13 +480,48 @@ function Thread( {
 		debouncedToggleBlockHighlight( thread.blockClientId, false );
 	};
 
+	const onFocus = () => {
+		toggleBlockHighlight( thread.blockClientId, true );
+	};
+
+	const onBlur = ( event ) => {
+		const isNoteFocused = event.relatedTarget?.closest(
+			'.editor-collab-sidebar-panel__thread'
+		);
+		const isDialogFocused =
+			event.relatedTarget?.closest( '[role="dialog"]' );
+		const isTabbing = isKeyboardTabbingRef.current;
+
+		// When another note is clicked, do nothing because the current note is automatically closed.
+		if ( isNoteFocused && ! isTabbing ) {
+			return;
+		}
+		// When deleting a note, a dialog appears, but the note should not be collapsed.
+		if ( isDialogFocused ) {
+			return;
+		}
+		// When tabbing, do nothing if the focus is within the current note.
+		if (
+			isTabbing &&
+			event.currentTarget.contains( event.relatedTarget )
+		) {
+			return;
+		}
+
+		// Closes a note that has lost focus when any of the following conditions are met:
+		// - An element other than a note is clicked.
+		// - Focus was lost by tabbing.
+		toggleBlockHighlight( thread.blockClientId, false );
+		unselectThread();
+	};
+
 	const handleCommentSelect = () => {
 		setNewNoteFormState( 'closed' );
 		setSelectedThread( thread.id );
+		toggleBlockSpotlight( thread.blockClientId, true );
 		if ( !! thread.blockClientId ) {
 			// Pass `null` as the second parameter to prevent focusing the block.
 			selectBlock( thread.blockClientId, null );
-			toggleBlockSpotlight( thread.blockClientId, true );
 		}
 	};
 
@@ -547,9 +583,20 @@ function Thread( {
 			onClick={ handleCommentSelect }
 			onMouseEnter={ onMouseEnter }
 			onMouseLeave={ onMouseLeave }
-			onFocus={ onMouseEnter }
-			onBlur={ onMouseLeave }
-			onKeyDown={ onKeyDown }
+			onFocus={ onFocus }
+			onBlur={ onBlur }
+			onKeyUp={ ( event ) => {
+				if ( event.key === 'Tab' ) {
+					isKeyboardTabbingRef.current = false;
+				}
+			} }
+			onKeyDown={ ( event ) => {
+				if ( event.key === 'Tab' ) {
+					isKeyboardTabbingRef.current = true;
+				} else {
+					onKeyDown( event );
+				}
+			} }
 			tabIndex={ 0 }
 			role="treeitem"
 			aria-label={ ariaLabel }
@@ -774,6 +821,14 @@ const CommentBoard = ( {
 			? actions.filter( ( item ) => item.isEligible( thread ) )
 			: [];
 
+	const deleteConfirmMessage =
+		// When deleting a top level note, descendants will also be deleted.
+		thread.parent === 0
+			? __(
+					"Are you sure you want to delete this note? This will also delete all of this note's replies."
+			  )
+			: __( 'Are you sure you want to delete this reply?' );
+
 	return (
 		<VStack
 			spacing="2"
@@ -828,7 +883,12 @@ const CommentBoard = ( {
 										/>
 									}
 								/>
-								<Menu.Popover>
+								<Menu.Popover
+									// The menu popover is rendered in a portal, which causes focus to be
+									// lost and the note to be collapsed unintentionally. To prevent this,
+									// the popover should be rendered as an inline.
+									modal={ false }
+								>
 									{ moreActions.map( ( action ) => (
 										<Menu.Item
 											key={ action.id }
@@ -909,9 +969,7 @@ const CommentBoard = ( {
 					onCancel={ handleCancel }
 					confirmButtonText={ __( 'Delete' ) }
 				>
-					{ __(
-						"Are you sure you want to delete this note? This will also delete all of this note's replies."
-					) }
+					{ deleteConfirmMessage }
 				</ConfirmDialog>
 			) }
 		</VStack>

package/src/components/global-styles/index.js

@@ -32,16 +32,15 @@ function useServerData() {
 		const editorSettings = getEditorSettings();
 
 		const canUserUploadMedia = canUser( 'create', {
-			kind: 'root',
-			name: 'media',
+			kind: 'postType',
+			name: 'attachement',
 		} );
 
 		return {
-			styles: editorSettings?.styles || [],
-			__unstableResolvedAssets:
-				editorSettings?.__unstableResolvedAssets || {},
-			colors: editorSettings?.colors || [],
-			gradients: editorSettings?.gradients || [],
+			styles: editorSettings?.styles,
+			__unstableResolvedAssets: editorSettings?.__unstableResolvedAssets,
+			colors: editorSettings?.colors,
+			gradients: editorSettings?.gradients,
 			__experimentalDiscussionSettings:
 				editorSettings?.__experimentalDiscussionSettings,
 			mediaUploadHandler: canUserUploadMedia ? uploadMedia : undefined,
@@ -64,10 +63,10 @@ function useServerData() {
 			settings: {
 				color: {
 					palette: {
-						theme: colors,
+						theme: colors ?? [],
 					},
 					gradients: {
-						theme: gradients,
+						theme: gradients ?? [],
 					},
 					duotone: {
 						theme: [],

package/src/components/global-styles-sidebar/style.scss

@@ -116,4 +116,11 @@
 			vertical-align: bottom;
 		}
 	}
+	.components-button {
+		&:hover {
+			svg {
+				fill: $white;
+			}
+		}
+	}
 }