@wordpress/boot 0.17.0 → 0.17.1-next.v.202607070741.0

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

@@ -1,69 +0,0 @@
-@use "@wordpress/base-styles/variables";
-
-.boot-site-hub {
-	position: sticky;
-	top: 0;
-	background-color: var(--wpds-color-background-surface-neutral-weak);
-	z-index: 1;
-	display: grid;
-	grid-template-columns: 60px 1fr auto;
-	align-items: center;
-	padding-right: variables.$grid-unit-20;
-	flex-shrink: 0; // Prevent flex parent from shrinking this element.
-}
-
-.boot-site-hub__actions {
-	flex-shrink: 0;
-}
-
-.boot-site-hub__title {
-	display: flex;
-	align-items: center;
-	text-decoration: none;
-
-	.components-external-link__contents {
-		text-decoration: none;
-		margin-inline-start: variables.$grid-unit-05;
-		overflow: hidden;
-		max-width: 140px;
-	}
-
-	// Show icon on hover
-	.components-external-link__icon {
-		opacity: 0;
-		transition: opacity 0.1s ease-out;
-	}
-
-	&:hover .components-external-link__icon {
-		opacity: 1;
-	}
-
-	// Focus styles
-	@media not (prefers-reduced-motion) {
-		transition: outline 0.1s ease-out;
-	}
-
-	&:focus:not(:active) {
-		outline:
-			var(--wpds-border-width-focus) solid
-			var(--wpds-color-stroke-focus);
-		outline-offset: calc(-1 * var(--wpds-border-width-focus));
-	}
-}
-
-.boot-site-hub__title-text {
-	color: var(--wpds-color-foreground-content-neutral);
-	font-size: variables.$font-size-medium;
-	font-weight: variables.$font-weight-medium;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.boot-site-hub__url {
-	color: var(--wpds-color-foreground-content-neutral-weak);
-	font-size: variables.$font-size-small;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}

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

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

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

@@ -1,19 +0,0 @@
-@use "@wordpress/base-styles/variables";
-
-.boot-site-icon {
-	display: flex;
-}
-
-.boot-site-icon__icon {
-	width: variables.$grid-unit-40;
-	height: variables.$grid-unit-40;
-	fill: var(--wpds-color-foreground-content-neutral);
-}
-
-.boot-site-icon__image {
-	width: variables.$grid-unit-40;
-	height: variables.$grid-unit-40;
-	object-fit: cover;
-	aspect-ratio: 1 / 1;
-	border-radius: var(--wpds-border-radius-md);
-}

package/src/components/site-icon-link/index.tsx

@@ -1,57 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Link, privateApis as routePrivateApis } from '@wordpress/route';
-import { Tooltip } from '@wordpress/ui';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-import SiteIcon from '../site-icon';
-import './style.scss';
-
-const { useCanGoBack, useRouter } = unlock( routePrivateApis );
-
-function SiteIconLink( {
-	to,
-	isBackButton,
-	...props
-}: {
-	to: string;
-	'aria-label': string;
-	isBackButton?: boolean;
-} ) {
-	const router = useRouter();
-	const canGoBack = useCanGoBack();
-
-	return (
-		<Tooltip.Root>
-			<Tooltip.Trigger
-				render={
-					<Link
-						to={ to }
-						aria-label={ props[ 'aria-label' ] }
-						className="boot-site-icon-link"
-						onClick={ ( event ) => {
-							// If possible, restore the previous page with
-							// filters etc.
-							if ( canGoBack && isBackButton ) {
-								event.preventDefault();
-								router.history.back();
-							}
-						} }
-					>
-						<SiteIcon />
-					</Link>
-				}
-			/>
-			<Tooltip.Popup positioner={ <Tooltip.Positioner side="right" /> }>
-				{ props[ 'aria-label' ] }
-			</Tooltip.Popup>
-		</Tooltip.Root>
-	);
-}
-
-export default SiteIconLink;

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

@@ -1,24 +0,0 @@
-@use "@wordpress/base-styles/variables";
-
-$header-height: variables.$header-height;
-
-.boot-site-icon-link {
-	width: $header-height;
-	height: $header-height;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	background: var(--wpds-color-background-surface-neutral-weak);
-	text-decoration: none;
-
-	@media not (prefers-reduced-motion) {
-		transition: outline 0.1s ease-out;
-	}
-
-	&:focus:not(:active) {
-		outline:
-			var(--wpds-border-width-focus) solid
-			var(--wpds-color-stroke-focus);
-		outline-offset: calc(-1 * var(--wpds-border-width-focus));
-	}
-}

package/src/experimental-omnibar.scss

@@ -1,48 +0,0 @@
-// Styles for the experimental omnibar.
-
-body.has-admin-bar-in-editor {
-	#wpadminbar {
-		display: block;
-	}
-
-	.boot-canvas-back-button__link {
-		background: transparent;
-	}
-
-	.boot-canvas-back-button__icon {
-		background-color: transparent;
-	}
-
-	#site-editor-v2-app {
-		position: fixed;
-		top: 32px;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		height: calc(100vh - 32px) !important;
-	}
-
-	.boot-layout.has-full-canvas .boot-layout__canvas {
-		top: 32px;
-		height: calc(100vh - 32px);
-	}
-
-	@media (max-width: 782px) {
-		#site-editor-v2-app {
-			top: 46px;
-			height: calc(100vh - 46px) !important;
-		}
-
-		.boot-layout__stage,
-		.boot-layout__inspector,
-		.boot-layout__canvas:not(.has-mobile-drawer),
-		.boot-layout.has-full-canvas .boot-layout__canvas {
-			top: 46px;
-			height: calc(100vh - 46px);
-		}
-
-		.boot-layout__mobile-sidebar-drawer {
-			top: 46px;
-		}
-	}
-}