Interface package: move MainDashboardButton slot

[vindl]

Description

See the related discussion here 410333b#commitcomment-44381621.

The purpose of this change is to safeguard against similar problems in the future. It might also make more sense to organize things this way now, since the buttons being replaced with the slot are no longer the same. In post editor it's the W icon button, while in site editor it's Back to Dashboard nav item. That means that in 3rd party integration we'd always have to check the editor type before providing the appropriate fill with the old approach.

Closes #27158

How has this been tested?

1. Make sure that default cases work with no fills work in both editors.
2. Try adding some custom buttons:

For post editor:

import { registerPlugin } from '@wordpress/plugins';
import {
	__experimentalFullscreenModeClose as FullscreenModeClose,
	__experimentalMainDashboardButton as MainDashboardButton,
} from '@wordpress/edit-post';
import { close } from '@wordpress/icons';


const MainDashboardButtonIconTest = () => (
    <MainDashboardButton>
        <FullscreenModeClose icon={ close } href="http://wordpress.org" />
    </MainDashboardButton>
);

registerPlugin( 'main-dashboard-button-icon-test', {
	render: MainDashboardButtonIconTest,
} );

For site editor:

import { registerPlugin } from '@wordpress/plugins';
import {
	__experimentalMainDashboardButton as MainDashboardButton,
} from '@wordpress/edit-site';
import {
	__experimentalNavigationBackButton as NavigationBackButton,
} from '@wordpress/components';

const MainDashboardButtonIconTest = () => (
    <MainDashboardButton>
        <NavigationBackButton
            backButtonLabel={ __( 'Back to the future' ) }
            className="edit-site-navigation-panel__back-to-dashboard"
            href="http://wordpress.org/"
        />
    </MainDashboardButton>
);

registerPlugin( 'main-dashboard-button-icon-test', {
	render: MainDashboardButtonIconTest,
} );

Screenshots

Types of changes

Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR.

[github-actions]

Size Change: -41 B (0%)

Total Size: 1.2 MB

Filename	Size	Change
build/block-editor/index.js	133 kB	+2 B (0%)
build/block-library/index.js	148 kB	+1 B
build/components/index.js	172 kB	+2 B (0%)
build/edit-post/index.js	306 kB	+57 B (0%)
build/edit-post/style-rtl.css	6.46 kB	+2 B (0%)
build/edit-post/style.css	6.44 kB	+3 B (0%)
build/edit-site/index.js	23.6 kB	+6 B (0%)
build/edit-widgets/index.js	26.3 kB	-114 B (0%)

ℹ️ View Unchanged

Filename	Size	Change
build/a11y/index.js	1.14 kB	0 B
build/annotations/index.js	3.8 kB	0 B
build/api-fetch/index.js	3.42 kB	0 B
build/autop/index.js	2.84 kB	0 B
build/blob/index.js	664 B	0 B
build/block-directory/index.js	8.72 kB	0 B
build/block-directory/style-rtl.css	943 B	0 B
build/block-directory/style.css	942 B	0 B
build/block-editor/style-rtl.css	11.3 kB	0 B
build/block-editor/style.css	11.3 kB	0 B
build/block-library/editor-rtl.css	8.96 kB	0 B
build/block-library/editor.css	8.96 kB	0 B
build/block-library/style-rtl.css	8.23 kB	0 B
build/block-library/style.css	8.23 kB	0 B
build/block-library/theme-rtl.css	792 B	0 B
build/block-library/theme.css	793 B	0 B
build/block-serialization-default-parser/index.js	1.87 kB	0 B
build/block-serialization-spec-parser/index.js	3.06 kB	0 B
build/blocks/index.js	48.1 kB	0 B
build/components/style-rtl.css	15.3 kB	0 B
build/components/style.css	15.3 kB	0 B
build/compose/index.js	9.95 kB	0 B
build/core-data/index.js	14.8 kB	0 B
build/data-controls/index.js	827 B	0 B
build/data/index.js	8.8 kB	0 B
build/date/index.js	11.2 kB	0 B
build/deprecated/index.js	768 B	0 B
build/dom-ready/index.js	571 B	0 B
build/dom/index.js	4.95 kB	0 B
build/edit-navigation/index.js	11.2 kB	0 B
build/edit-navigation/style-rtl.css	881 B	0 B
build/edit-navigation/style.css	885 B	0 B
build/edit-site/style-rtl.css	3.86 kB	0 B
build/edit-site/style.css	3.86 kB	0 B
build/edit-widgets/style-rtl.css	3.13 kB	0 B
build/edit-widgets/style.css	3.13 kB	0 B
build/editor/editor-styles-rtl.css	476 B	0 B
build/editor/editor-styles.css	478 B	0 B
build/editor/index.js	43.3 kB	0 B
build/editor/style-rtl.css	3.85 kB	0 B
build/editor/style.css	3.85 kB	0 B
build/element/index.js	4.62 kB	0 B
build/escape-html/index.js	735 B	0 B
build/format-library/index.js	6.86 kB	0 B
build/format-library/style-rtl.css	547 B	0 B
build/format-library/style.css	548 B	0 B
build/hooks/index.js	2.27 kB	0 B
build/html-entities/index.js	623 B	0 B
build/i18n/index.js	3.57 kB	0 B
build/is-shallow-equal/index.js	698 B	0 B
build/keyboard-shortcuts/index.js	2.54 kB	0 B
build/keycodes/index.js	1.94 kB	0 B
build/list-reusable-blocks/index.js	3.1 kB	0 B
build/list-reusable-blocks/style-rtl.css	476 B	0 B
build/list-reusable-blocks/style.css	476 B	0 B
build/media-utils/index.js	5.32 kB	0 B
build/notices/index.js	1.81 kB	0 B
build/nux/index.js	3.42 kB	0 B
build/nux/style-rtl.css	671 B	0 B
build/nux/style.css	668 B	0 B
build/plugins/index.js	2.56 kB	0 B
build/primitives/index.js	1.43 kB	0 B
build/priority-queue/index.js	790 B	0 B
build/redux-routine/index.js	2.84 kB	0 B
build/reusable-blocks/index.js	2.92 kB	0 B
build/rich-text/index.js	13.3 kB	0 B
build/server-side-render/index.js	2.77 kB	0 B
build/shortcode/index.js	1.69 kB	0 B
build/token-list/index.js	1.27 kB	0 B
build/url/index.js	4.05 kB	0 B
build/viewport/index.js	1.86 kB	0 B
build/warning/index.js	1.14 kB	0 B
build/wordcount/index.js	1.22 kB	0 B

_{compressed-size-action}

[vindl]

Adding these customization options to make it consistent with existing docs and back button in navigation.

[david-szabo97]

LGTM! Tested and it works fine. With and without custom fill. ✅