@wordpress/edit-site 6.19.1 → 6.20.0

package/src/components/global-styles/shadows-panel.js

@@ -6,7 +6,6 @@ import {
 	__experimentalVStack as VStack,
 	__experimentalItemGroup as ItemGroup,
 	Button,
-	Flex,
 	FlexItem,
 	privateApis as componentsPrivateApis,
 } from '@wordpress/components';
@@ -134,14 +133,9 @@ function ShadowList( {
 	return (
 		<VStack spacing={ 2 }>
 			<HStack justify="space-between">
-				<Flex
-					align="center"
-					className="edit-site-global-styles__shadows-panel__title"
-				>
-					<Subtitle level={ 3 }>{ label }</Subtitle>
-				</Flex>
-				{ canCreate && (
-					<FlexItem className="edit-site-global-styles__shadows-panel__options-container">
+				<Subtitle level={ 3 }>{ label }</Subtitle>
+				<FlexItem className="edit-site-global-styles__shadows-panel__options-container">
+					{ canCreate && (
 						<Button
 							size="small"
 							icon={ plus }
@@ -150,28 +144,28 @@ function ShadowList( {
 								handleAddShadow();
 							} }
 						/>
-					</FlexItem>
-				) }
-				{ !! shadows?.length && category === 'custom' && (
-					<Menu>
-						<Menu.TriggerButton
-							render={
-								<Button
-									size="small"
-									icon={ moreVertical }
-									label={ __( 'Shadow options' ) }
-								/>
-							}
-						/>
-						<Menu.Popover>
-							<Menu.Item onClick={ onReset }>
-								<Menu.ItemLabel>
-									{ __( 'Remove all custom shadows' ) }
-								</Menu.ItemLabel>
-							</Menu.Item>
-						</Menu.Popover>
-					</Menu>
-				) }
+					) }
+					{ !! shadows?.length && category === 'custom' && (
+						<Menu>
+							<Menu.TriggerButton
+								render={
+									<Button
+										size="small"
+										icon={ moreVertical }
+										label={ __( 'Shadow options' ) }
+									/>
+								}
+							/>
+							<Menu.Popover>
+								<Menu.Item onClick={ onReset }>
+									<Menu.ItemLabel>
+										{ __( 'Remove all custom shadows' ) }
+									</Menu.ItemLabel>
+								</Menu.Item>
+							</Menu.Popover>
+						</Menu>
+					) }
+				</FlexItem>
 			</HStack>
 			{ shadows.length > 0 && (
 				<ItemGroup isBordered isSeparated>

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

@@ -104,7 +104,6 @@
 	flex-shrink: 0;
 }
 
-.edit-site-global-styles__shadows-panel__title,
 .edit-site-global-styles__shadows-panel__options-container {
 	height: $grid-unit * 3;
 }

package/src/components/layout/index.js

@@ -179,6 +179,8 @@ function Layout() {
 												{ areas.mobile }
 											</ErrorBoundary>
 										</SidebarContent>
+										<SaveHub />
+										<SavePanel />
 									</>
 								) : (
 									<ErrorBoundary>

package/src/components/sidebar-navigation-screen-main/index.js

@@ -100,7 +100,7 @@ export default function SidebarNavigationScreenMain( { customDescription } ) {
 		);
 	} else {
 		description = __(
-			'Explore block styles and patterns to refine your site'
+			'Explore block styles and patterns to refine your site.'
 		);
 	}
 

package/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js

@@ -45,47 +45,45 @@ export default function ScreenNavigationMoreMenu( props ) {
 				popoverProps={ POPOVER_PROPS }
 			>
 				{ ( { onClose } ) => (
-					<div>
-						<MenuGroup>
-							<MenuItem
-								onClick={ () => {
-									openRenameModal();
-									// Close the dropdown after opening the modal.
-									onClose();
-								} }
-							>
-								{ __( 'Rename' ) }
-							</MenuItem>
-							<MenuItem
-								onClick={ () => {
-									history.navigate(
-										`/wp_navigation/${ menuId }?canvas=edit`
-									);
-								} }
-							>
-								{ __( 'Edit' ) }
-							</MenuItem>
-							<MenuItem
-								onClick={ () => {
-									onDuplicate();
-									onClose();
-								} }
-							>
-								{ __( 'Duplicate' ) }
-							</MenuItem>
-							<MenuItem
-								isDestructive
-								onClick={ () => {
-									openDeleteConfirmDialog();
+					<MenuGroup>
+						<MenuItem
+							onClick={ () => {
+								openRenameModal();
+								// Close the dropdown after opening the modal.
+								onClose();
+							} }
+						>
+							{ __( 'Rename' ) }
+						</MenuItem>
+						<MenuItem
+							onClick={ () => {
+								history.navigate(
+									`/wp_navigation/${ menuId }?canvas=edit`
+								);
+							} }
+						>
+							{ __( 'Edit' ) }
+						</MenuItem>
+						<MenuItem
+							onClick={ () => {
+								onDuplicate();
+								onClose();
+							} }
+						>
+							{ __( 'Duplicate' ) }
+						</MenuItem>
+						<MenuItem
+							isDestructive
+							onClick={ () => {
+								openDeleteConfirmDialog();
 
-									// Close the dropdown after opening the modal.
-									onClose();
-								} }
-							>
-								{ __( 'Delete' ) }
-							</MenuItem>
-						</MenuGroup>
-					</div>
+								// Close the dropdown after opening the modal.
+								onClose();
+							} }
+						>
+							{ __( 'Delete' ) }
+						</MenuItem>
+					</MenuGroup>
 				) }
 			</DropdownMenu>
 			{ deleteConfirmDialogOpen && (