@wordpress/edit-post 8.50.0 → 8.51.0

package/src/components/back-button/style.scss

@@ -1,110 +0,0 @@
-@use "@wordpress/base-styles/colors" as *;
-@use "@wordpress/base-styles/variables" as *;
-
-// Developer notes: these rules are copied from the site editor.
-// They need to be updated in both places.
-
-.edit-post-fullscreen-mode-close__view-mode-toggle {
-	top: 0;
-	left: 0;
-	height: $header-height;
-	width: $header-height;
-	z-index: 100;
-
-	.components-button {
-		color: $white;
-		height: 100%;
-		width: 100%;
-		border-radius: 0;
-		overflow: hidden;
-		padding: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		&:hover,
-		&:active {
-			color: $white;
-		}
-
-		&:focus {
-			box-shadow: none;
-		}
-	}
-
-	.edit-post-fullscreen-mode-close__view-mode-toggle-icon {
-		svg,
-		img {
-			background: $gray-900;
-			display: block;
-		}
-	}
-}
-
-.edit-post-fullscreen-mode-close-site-icon__icon {
-	fill: currentColor;
-	width: 100%;
-	height: 100%;
-	padding: $grid-unit-15;
-}
-
-.edit-post-fullscreen-mode-close-site-icon__image {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	background: #333;
-	aspect-ratio: 1 / 1;
-}
-
-.edit-post-fullscreen-mode-close.components-button:focus {
-	position: relative;
-
-	&::before {
-		content: "";
-		display: block;
-		position: absolute;
-		z-index: 1;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(#{ $border-width } + var(--wp-admin-border-width-focus)) $white;
-	}
-}
-
-.edit-post-fullscreen-mode-close__back-icon {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: $header-height;
-	height: $header-height;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: hsla(0, 0%, 80%);
-	pointer-events: none;
-
-	svg {
-		fill: currentColor;
-	}
-
-	&.has-site-icon {
-		background-color: hsla(0, 0%, 100%, 0.6);
-		-webkit-backdrop-filter: saturate(180%) blur(15px);
-		backdrop-filter: saturate(180%) blur(15px);
-	}
-}
-
-/**
- *  Show icon label overrides.
- */
-.show-icon-labels .editor-header {
-	.edit-post-fullscreen-mode-close.has-icon {
-		width: $header-height;
-		svg {
-			display: block;
-		}
-		&::after {
-			content: none;
-		}
-	}
-}

package/src/components/layout/use-should-iframe.js

@@ -1,45 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { store as editorStore } from '@wordpress/editor';
-import { useSelect } from '@wordpress/data';
-import { store as blocksStore } from '@wordpress/blocks';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-const isGutenbergPlugin = globalThis.IS_GUTENBERG_PLUGIN ? true : false;
-
-export function useShouldIframe() {
-	return useSelect( ( select ) => {
-		const { getCurrentPostType, getDeviceType } = select( editorStore );
-		const { getClientIdsWithDescendants, getBlockName } =
-			select( blockEditorStore );
-		const { getBlockType } = select( blocksStore );
-
-		return (
-			// If the Gutenberg plugin is active, we ALWAYS use the iframe for
-			// consistency across the post and site editor. We plan on enforcing
-			// the iframe in the future, so Gutenberg both serves as way for us
-			// to warn plugin developers and for plugin developers to test their
-			// blocks easily. Before GB v22.5, we only enforced it for
-			// block-based themes (classic themes used the same rules as core).
-			isGutenbergPlugin ||
-			// We also still want to iframe all the special
-			// editor features and modes such as device previews, zoom out, and
-			// template/pattern editing.
-			getDeviceType() !== 'Desktop' ||
-			[ 'wp_template', 'wp_block' ].includes( getCurrentPostType() ) ||
-			unlock( select( blockEditorStore ) ).isZoomOut() ||
-			// Finally, still iframe the editor if all present blocks are v3
-			// (which means they are marked as iframe-compatible).
-			[ ...new Set( getClientIdsWithDescendants().map( getBlockName ) ) ]
-				.map( getBlockType )
-				.filter( Boolean )
-				.every( ( blockType ) => blockType.apiVersion >= 3 )
-		);
-	}, [] );
-}

package/src/experimental-omnibar.scss

@@ -1,67 +0,0 @@
-// Styles for the experimental admin bar in editor.
-
-body.has-admin-bar-in-editor {
-	.edit-post-fullscreen-mode-close__view-mode-toggle {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 32px;
-		height: 32px;
-
-		.edit-post-fullscreen-mode-close__back-icon {
-			top: auto;
-			left: auto;
-			width: 32px;
-			height: 32px;
-			background: transparent;
-		}
-
-		&:hover .edit-post-fullscreen-mode-close__back-icon {
-			color: var(--wp-admin-theme-color);
-		}
-	}
-
-	&.is-fullscreen-mode {
-		.editor-header:has(> .editor-header__back-button) {
-			grid-template-columns: 32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
-		}
-
-		.editor-header:has(> .editor-header__back-button):has(> .editor-header__center) {
-			grid-template-columns: 32px min-content 1fr min-content 64px;
-		}
-
-		.editor-header__back-button {
-			padding-left: 8px;
-		}
-	}
-
-	@media (min-width: 782px) {
-		&.is-fullscreen-mode {
-			margin-top: 0;
-			height: 100%;
-
-			#wpadminbar {
-				display: block;
-			}
-
-			.interface-interface-skeleton,
-			.editor-post-publish-panel,
-			.is-entity-save-view-open .interface-interface-skeleton__actions:focus,
-			.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-				top: var(--wp-admin--admin-bar--height, 0);
-			}
-
-			.block-editor__container {
-				min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-			}
-
-			&:has(.editor-editor-interface.is-distraction-free) {
-				--wp-admin--admin-bar--height: 0;
-
-				#wpadminbar {
-					display: none;
-				}
-			}
-		}
-	}
-}