@wordpress/edit-site 6.50.0 → 6.50.1-next.v.202607070741.0

package/build-style/experimental-omnibar.css

@@ -1,103 +0,0 @@
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Colors
- */
-/**
- * Fonts & basic variables.
- */
-/**
- * Typography
- */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Radius scale.
- */
-/**
- * Elevation scale.
- */
-/**
- * Dimensions.
- */
-/**
- * Mobile specific styles
- */
-/**
- * Editor styles.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * These variables do not appear to be used anywhere else.
- */
-body.has-admin-bar-in-editor {
-  margin-top: 0;
-  height: 100%;
-}
-body.has-admin-bar-in-editor:has(.editor-editor-interface.is-distraction-free) {
-  --wp-admin--admin-bar--height: 0;
-}
-body.has-admin-bar-in-editor .edit-site-site-hub__title,
-body.has-admin-bar-in-editor .edit-site-site-hub__actions {
-  display: none;
-}
-body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle .edit-site-editor__back-icon {
-  background: transparent;
-}
-body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle:hover .edit-site-editor__back-icon {
-  color: var(--wp-admin-theme-color);
-}
-body.has-admin-bar-in-editor .edit-site-sidebar-navigation-screen__title-icon {
-  padding-top: 32px;
-}
-body.has-admin-bar-in-editor .edit-site-layout__content,
-body.has-admin-bar-in-editor .edit-site-layout__sidebar {
-  min-height: 0;
-}
-body.has-admin-bar-in-editor .edit-site-sidebar__content {
-  flex-basis: 0;
-  min-height: 0;
-}
-body.has-admin-bar-in-editor .edit-site {
-  box-sizing: border-box;
-  padding-top: var(--wp-admin--admin-bar--height, 0);
-  height: 100vh;
-  min-height: 100vh;
-}
-@media (min-width: 600px) {
-  body.has-admin-bar-in-editor .edit-site {
-    padding-top: 0;
-    top: var(--wp-admin--admin-bar--height, 0);
-    height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-  }
-}
-body.has-admin-bar-in-editor .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
-  top: var(--wp-admin--admin-bar--height, 0);
-  height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
-body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within,
-body.has-admin-bar-in-editor.is-fullscreen-mode .edit-site-layout__actions.is-entity-save-view-open:focus,
-body.has-admin-bar-in-editor.is-fullscreen-mode .edit-site-layout__actions.is-entity-save-view-open:focus-within {
-  top: var(--wp-admin--admin-bar--height, 0);
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
-  display: block;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
-  display: none;
-}

package/src/components/site-icon/index.js

@@ -1,51 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { Icon as WCIcon } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { wordpress } from '@wordpress/icons';
-import { store as coreDataStore } from '@wordpress/core-data';
-
-function SiteIcon( { className } ) {
-	const { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {
-		const { getEntityRecord } = select( coreDataStore );
-		const siteData = getEntityRecord( 'root', '__unstableBase', undefined );
-
-		return {
-			isRequestingSite: ! siteData,
-			siteIconUrl: siteData?.site_icon_url,
-		};
-	}, [] );
-
-	if ( isRequestingSite && ! siteIconUrl ) {
-		return <div className="edit-site-site-icon__image" />;
-	}
-
-	const icon = siteIconUrl ? (
-		<img
-			className="edit-site-site-icon__image"
-			alt={ __( 'Site Icon' ) }
-			src={ siteIconUrl }
-		/>
-	) : (
-		<WCIcon
-			className="edit-site-site-icon__icon"
-			icon={ wordpress }
-			size={ 48 }
-		/>
-	);
-
-	return (
-		<div className={ clsx( className, 'edit-site-site-icon' ) }>
-			{ icon }
-		</div>
-	);
-}
-
-export default SiteIcon;

package/src/components/site-icon/style.scss

@@ -1,41 +0,0 @@
-@use "@wordpress/base-styles/colors" as *;
-@use "@wordpress/base-styles/variables" as *;
-
-.edit-site-site-icon__icon {
-	fill: currentColor;
-	width: 100%;
-	height: 100%;
-
-	.edit-site-layout.is-full-canvas & {
-		// Make the WordPress icon not so big in full canvas.
-		padding: $grid-unit-15;
-	}
-}
-
-.edit-site-site-icon__image {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	background: #333;
-	aspect-ratio: 1 / 1;
-
-	.edit-site-layout.is-full-canvas & {
-		border-radius: 0;
-	}
-}
-
-.edit-site-editor__view-mode-toggle 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;
-	}
-}

package/src/experimental-omnibar.scss

@@ -1,75 +0,0 @@
-// Styles for the experimental admin bar in editor.
-
-@use "@wordpress/base-styles/variables" as *;
-
-body.has-admin-bar-in-editor {
-	margin-top: 0;
-	height: 100%;
-
-	&:has(.editor-editor-interface.is-distraction-free) {
-		--wp-admin--admin-bar--height: 0;
-	}
-
-	.edit-site-site-hub__title,
-	.edit-site-site-hub__actions {
-		display: none;
-	}
-
-	.edit-site-editor__view-mode-toggle .edit-site-editor__back-icon {
-		background: transparent;
-	}
-
-	.edit-site-editor__view-mode-toggle:hover .edit-site-editor__back-icon {
-		color: var(--wp-admin-theme-color);
-	}
-
-	.edit-site-sidebar-navigation-screen__title-icon {
-		padding-top: $grid-unit-40;
-	}
-
-	.edit-site-layout__content,
-	.edit-site-layout__sidebar {
-		min-height: 0;
-	}
-
-	.edit-site-sidebar__content {
-		flex-basis: 0;
-		min-height: 0;
-	}
-
-	.edit-site {
-		box-sizing: border-box;
-		padding-top: var(--wp-admin--admin-bar--height, 0);
-		height: 100vh;
-		min-height: 100vh;
-
-		@media (min-width: 600px) {
-			padding-top: 0;
-			top: var(--wp-admin--admin-bar--height, 0);
-			height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-			min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-		}
-	}
-
-	.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
-		top: var(--wp-admin--admin-bar--height, 0);
-		height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-	}
-
-	&.is-fullscreen-mode {
-		.is-entity-save-view-open .interface-interface-skeleton__actions:focus,
-		.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within,
-		.edit-site-layout__actions.is-entity-save-view-open:focus,
-		.edit-site-layout__actions.is-entity-save-view-open:focus-within {
-			top: var(--wp-admin--admin-bar--height, 0);
-		}
-
-		#wpadminbar {
-			display: block;
-		}
-
-		&:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
-			display: none;
-		}
-	}
-}