@wordpress/edit-site 6.44.0 → 6.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.44.0",
+	"version": "6.45.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -48,50 +48,51 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.44.0",
-		"@wordpress/admin-ui": "^1.12.0",
-		"@wordpress/api-fetch": "^7.44.0",
-		"@wordpress/base-styles": "^6.20.0",
-		"@wordpress/blob": "^4.44.0",
-		"@wordpress/block-editor": "^15.17.0",
-		"@wordpress/block-library": "^9.44.0",
-		"@wordpress/blocks": "^15.17.0",
-		"@wordpress/commands": "^1.44.0",
-		"@wordpress/components": "^32.6.0",
-		"@wordpress/compose": "^7.44.0",
-		"@wordpress/core-data": "^7.44.0",
-		"@wordpress/data": "^10.44.0",
-		"@wordpress/dataviews": "^14.1.0",
-		"@wordpress/date": "^5.44.0",
-		"@wordpress/deprecated": "^4.44.0",
-		"@wordpress/dom": "^4.44.0",
-		"@wordpress/editor": "^14.44.0",
-		"@wordpress/element": "^6.44.0",
-		"@wordpress/escape-html": "^3.44.0",
-		"@wordpress/fields": "^0.36.0",
-		"@wordpress/global-styles-engine": "^1.11.0",
-		"@wordpress/global-styles-ui": "^1.11.0",
-		"@wordpress/hooks": "^4.44.0",
-		"@wordpress/html-entities": "^4.44.0",
-		"@wordpress/i18n": "^6.17.0",
-		"@wordpress/icons": "^12.2.0",
-		"@wordpress/keyboard-shortcuts": "^5.44.0",
-		"@wordpress/keycodes": "^4.44.0",
-		"@wordpress/media-utils": "^5.44.0",
-		"@wordpress/notices": "^5.44.0",
-		"@wordpress/patterns": "^2.44.0",
-		"@wordpress/plugins": "^7.44.0",
-		"@wordpress/preferences": "^4.44.0",
-		"@wordpress/primitives": "^4.44.0",
-		"@wordpress/private-apis": "^1.44.0",
-		"@wordpress/reusable-blocks": "^5.44.0",
-		"@wordpress/router": "^1.44.0",
-		"@wordpress/style-engine": "^2.44.0",
-		"@wordpress/url": "^4.44.0",
-		"@wordpress/viewport": "^6.44.0",
-		"@wordpress/views": "^1.11.0",
-		"@wordpress/widgets": "^4.44.0",
-		"@wordpress/wordcount": "^4.44.0",
+		"@wordpress/a11y": "^4.45.0",
+		"@wordpress/admin-ui": "^2.0.0",
+		"@wordpress/api-fetch": "^7.45.0",
+		"@wordpress/base-styles": "^7.0.0",
+		"@wordpress/blob": "^4.45.0",
+		"@wordpress/block-editor": "^15.18.0",
+		"@wordpress/block-library": "^9.45.0",
+		"@wordpress/blocks": "^15.18.0",
+		"@wordpress/commands": "^1.45.0",
+		"@wordpress/components": "^33.0.0",
+		"@wordpress/compose": "^7.45.0",
+		"@wordpress/core-data": "^7.45.0",
+		"@wordpress/data": "^10.45.0",
+		"@wordpress/dataviews": "^14.2.0",
+		"@wordpress/date": "^5.45.0",
+		"@wordpress/deprecated": "^4.45.0",
+		"@wordpress/dom": "^4.45.0",
+		"@wordpress/editor": "^14.45.0",
+		"@wordpress/element": "^6.45.0",
+		"@wordpress/escape-html": "^3.45.0",
+		"@wordpress/fields": "^0.37.0",
+		"@wordpress/global-styles-engine": "^1.12.0",
+		"@wordpress/global-styles-ui": "^1.12.0",
+		"@wordpress/hooks": "^4.45.0",
+		"@wordpress/html-entities": "^4.45.0",
+		"@wordpress/i18n": "^6.18.0",
+		"@wordpress/icons": "^13.0.0",
+		"@wordpress/keyboard-shortcuts": "^5.45.0",
+		"@wordpress/keycodes": "^4.45.0",
+		"@wordpress/media-utils": "^5.45.0",
+		"@wordpress/notices": "^5.45.0",
+		"@wordpress/patterns": "^2.45.0",
+		"@wordpress/plugins": "^7.45.0",
+		"@wordpress/preferences": "^4.45.0",
+		"@wordpress/primitives": "^4.45.0",
+		"@wordpress/private-apis": "^1.45.0",
+		"@wordpress/reusable-blocks": "^5.45.0",
+		"@wordpress/router": "^1.45.0",
+		"@wordpress/style-engine": "^2.45.0",
+		"@wordpress/ui": "^0.12.0",
+		"@wordpress/url": "^4.45.0",
+		"@wordpress/viewport": "^6.45.0",
+		"@wordpress/views": "^1.12.0",
+		"@wordpress/widgets": "^4.45.0",
+		"@wordpress/wordcount": "^4.45.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
@@ -106,5 +107,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "b862d8c84121a47bbeff882f6c87e61681ce2e0d"
+	"gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b"
 }

package/src/components/add-new-template/add-custom-template-modal-content.js

@@ -10,7 +10,7 @@ import {
 	SearchControl,
 	TextHighlight,
 	Composite,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalVStack as VStack,
 } from '@wordpress/components';
 import { useEntityRecords } from '@wordpress/core-data';
@@ -51,7 +51,7 @@ function SuggestionListItem( {
 				/>
 			}
 		>
-			<Text
+			<WCText
 				size="body"
 				lineHeight={ 1.53846153846 } // 20px
 				weight={ 500 }
@@ -61,15 +61,15 @@ function SuggestionListItem( {
 					text={ decodeEntities( suggestion.name ) }
 					highlight={ search }
 				/>
-			</Text>
+			</WCText>
 			{ suggestion.link && (
-				<Text
+				<WCText
 					size="body"
 					lineHeight={ 1.53846153846 } // 20px
 					className={ `${ baseCssClass }__info` }
 				>
 					{ safeDecodeURI( suggestion.link ) }
-				</Text>
+				</WCText>
 			) }
 		</Composite.Item>
 	);
@@ -155,12 +155,12 @@ function SuggestionList( { entityForSuggestions, onSelect } ) {
 				</Composite>
 			) }
 			{ debouncedSearch && ! suggestions?.length && (
-				<Text
+				<WCText
 					as="p"
 					className="edit-site-custom-template-modal__no-results"
 				>
 					{ labels.not_found }
-				</Text>
+				</WCText>
 			) }
 		</>
 	);
@@ -193,11 +193,11 @@ function AddCustomTemplateModalContent( {
 		>
 			{ ! showSearchEntities && (
 				<>
-					<Text as="p">
+					<WCText as="p">
 						{ __(
 							'Select whether to create a single template for all items or a specific one.'
 						) }
-					</Text>
+					</WCText>
 					<Flex
 						className="edit-site-custom-template-modal__contents"
 						gap="4"
@@ -221,14 +221,14 @@ function AddCustomTemplateModalContent( {
 								} );
 							} }
 						>
-							<Text
+							<WCText
 								as="span"
 								weight={ 500 }
 								lineHeight={ 1.53846153846 } // 20px
 							>
 								{ entityForSuggestions.labels.all_items }
-							</Text>
-							<Text
+							</WCText>
+							<WCText
 								as="span"
 								lineHeight={ 1.53846153846 } // 20px
 							>
@@ -236,7 +236,7 @@ function AddCustomTemplateModalContent( {
 									// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.
 									__( 'For all items' )
 								}
-							</Text>
+							</WCText>
 						</FlexItem>
 						<FlexItem
 							isBlock
@@ -245,14 +245,14 @@ function AddCustomTemplateModalContent( {
 								setShowSearchEntities( true );
 							} }
 						>
-							<Text
+							<WCText
 								as="span"
 								weight={ 500 }
 								lineHeight={ 1.53846153846 } // 20px
 							>
 								{ entityForSuggestions.labels.singular_name }
-							</Text>
-							<Text
+							</WCText>
+							<WCText
 								as="span"
 								lineHeight={ 1.53846153846 } // 20px
 							>
@@ -260,7 +260,7 @@ function AddCustomTemplateModalContent( {
 									// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.
 									__( 'For a specific item' )
 								}
-							</Text>
+							</WCText>
 						</FlexItem>
 					</Flex>
 					<Flex justify="right">
@@ -276,11 +276,11 @@ function AddCustomTemplateModalContent( {
 			) }
 			{ showSearchEntities && (
 				<>
-					<Text as="p">
+					<WCText as="p">
 						{ __(
 							'This template will be used only for the specific item chosen.'
 						) }
-					</Text>
+					</WCText>
 					<SuggestionList
 						entityForSuggestions={ entityForSuggestions }
 						onSelect={ onSelect }

package/src/components/add-new-template/index.js

@@ -10,7 +10,7 @@ import {
 	Button,
 	Modal,
 	__experimentalGrid as Grid,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalVStack as VStack,
 	Flex,
 	Icon,
@@ -129,13 +129,13 @@ function TemplateListItem( {
 					alignment="center"
 					spacing={ 0 }
 				>
-					<Text
+					<WCText
 						align="center"
 						weight={ 500 }
 						lineHeight={ 1.53846153846 } // 20px
 					>
 						{ title }
-					</Text>
+					</WCText>
 					{ children }
 				</VStack>
 			</Flex>
@@ -324,13 +324,13 @@ function NewTemplateModal( { onClose } ) {
 							)
 						}
 					>
-						<Text
+						<WCText
 							lineHeight={ 1.53846153846 } // 20px
 						>
 							{ __(
 								'A custom template can be manually applied to any post or page.'
 							) }
-						</Text>
+						</WCText>
 					</TemplateListItem>
 				</Grid>
 			) }

package/src/components/add-new-template-legacy/add-custom-template-modal-content.js

@@ -10,7 +10,7 @@ import {
 	SearchControl,
 	TextHighlight,
 	Composite,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalVStack as VStack,
 } from '@wordpress/components';
 import { useEntityRecords } from '@wordpress/core-data';
@@ -51,7 +51,7 @@ function SuggestionListItem( {
 				/>
 			}
 		>
-			<Text
+			<WCText
 				size="body"
 				lineHeight={ 1.53846153846 } // 20px
 				weight={ 500 }
@@ -61,15 +61,15 @@ function SuggestionListItem( {
 					text={ decodeEntities( suggestion.name ) }
 					highlight={ search }
 				/>
-			</Text>
+			</WCText>
 			{ suggestion.link && (
-				<Text
+				<WCText
 					size="body"
 					lineHeight={ 1.53846153846 } // 20px
 					className={ `${ baseCssClass }__info` }
 				>
 					{ safeDecodeURI( suggestion.link ) }
-				</Text>
+				</WCText>
 			) }
 		</Composite.Item>
 	);
@@ -155,12 +155,12 @@ function SuggestionList( { entityForSuggestions, onSelect } ) {
 				</Composite>
 			) }
 			{ debouncedSearch && ! suggestions?.length && (
-				<Text
+				<WCText
 					as="p"
 					className="edit-site-custom-template-modal__no-results"
 				>
 					{ labels.not_found }
-				</Text>
+				</WCText>
 			) }
 		</>
 	);
@@ -195,11 +195,11 @@ function AddCustomTemplateModalContent( {
 		>
 			{ ! showSearchEntities && (
 				<>
-					<Text as="p">
+					<WCText as="p">
 						{ __(
 							'Select whether to create a single template for all items or a specific one.'
 						) }
-					</Text>
+					</WCText>
 					<Flex
 						className="edit-site-custom-template-modal__contents"
 						gap="4"
@@ -223,14 +223,14 @@ function AddCustomTemplateModalContent( {
 								} );
 							} }
 						>
-							<Text
+							<WCText
 								as="span"
 								weight={ 500 }
 								lineHeight={ 1.53846153846 } // 20px
 							>
 								{ entityForSuggestions.labels.all_items }
-							</Text>
-							<Text
+							</WCText>
+							<WCText
 								as="span"
 								lineHeight={ 1.53846153846 } // 20px
 							>
@@ -238,7 +238,7 @@ function AddCustomTemplateModalContent( {
 									// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.
 									__( 'For all items' )
 								}
-							</Text>
+							</WCText>
 						</FlexItem>
 						<FlexItem
 							isBlock
@@ -247,14 +247,14 @@ function AddCustomTemplateModalContent( {
 								setShowSearchEntities( true );
 							} }
 						>
-							<Text
+							<WCText
 								as="span"
 								weight={ 500 }
 								lineHeight={ 1.53846153846 } // 20px
 							>
 								{ entityForSuggestions.labels.singular_name }
-							</Text>
-							<Text
+							</WCText>
+							<WCText
 								as="span"
 								lineHeight={ 1.53846153846 } // 20px
 							>
@@ -262,7 +262,7 @@ function AddCustomTemplateModalContent( {
 									// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.
 									__( 'For a specific item' )
 								}
-							</Text>
+							</WCText>
 						</FlexItem>
 					</Flex>
 					<Flex justify="right">
@@ -278,11 +278,11 @@ function AddCustomTemplateModalContent( {
 			) }
 			{ showSearchEntities && (
 				<>
-					<Text as="p">
+					<WCText as="p">
 						{ __(
 							'This template will be used only for the specific item chosen.'
 						) }
-					</Text>
+					</WCText>
 					<SuggestionList
 						entityForSuggestions={ entityForSuggestions }
 						onSelect={ onSelect }

package/src/components/add-new-template-legacy/index.js

@@ -10,7 +10,7 @@ import {
 	Button,
 	Modal,
 	__experimentalGrid as Grid,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalVStack as VStack,
 	Flex,
 	Icon,
@@ -130,13 +130,13 @@ function TemplateListItem( {
 					alignment="center"
 					spacing={ 0 }
 				>
-					<Text
+					<WCText
 						align="center"
 						weight={ 500 }
 						lineHeight={ 1.53846153846 } // 20px
 					>
 						{ title }
-					</Text>
+					</WCText>
 					{ children }
 				</VStack>
 			</Flex>
@@ -323,13 +323,13 @@ function NewTemplateModal( { onClose } ) {
 							)
 						}
 					>
-						<Text
+						<WCText
 							lineHeight={ 1.53846153846 } // 20px
 						>
 							{ __(
 								'A custom template can be manually applied to any post or page.'
 							) }
-						</Text>
+						</WCText>
 					</TemplateListItem>
 				</Grid>
 			) }

package/src/components/page-patterns/index.js

@@ -181,6 +181,7 @@ export default function DataviewsPatterns() {
 			<Page
 				className="edit-site-page-patterns-dataviews"
 				title={ title }
+				headingLevel={ 2 }
 				subTitle={ description }
 				actions={
 					<PatternsActions

package/src/components/page-patterns/style.scss

@@ -115,3 +115,21 @@
 		padding-right: $grid-unit-30;
 	}
 }
+
+// Show button text labels when preference is enabled.
+.show-icon-labels {
+	.edit-site-patterns__button.has-icon {
+		width: auto;
+		padding: 0 var(--wpds-dimension-padding-xs);
+
+		// Hide the button icons when labels are set to display...
+		svg {
+			display: none;
+		}
+		// ... and display labels.
+		&::after {
+			content: attr(aria-label);
+			font-size: var(--wpds-typography-font-size-sm);
+		}
+	}
+}

package/src/components/page-templates/fields.js

@@ -34,7 +34,7 @@ import { useDefaultTemplateTypes } from '../add-new-template/utils';
 import usePatternSettings from '../page-patterns/use-pattern-settings';
 import { unlock } from '../../lock-unlock';
 
-const { Badge } = unlock( componentsPrivateApis );
+const { Badge: WCBadge } = unlock( componentsPrivateApis );
 const { useEntityRecordsWithPermissions } = unlock( corePrivateApis );
 const { useStyle } = unlock( editorPrivateApis );
 
@@ -165,9 +165,9 @@ export const activeField = {
 		const activeIntent = item._isCustom ? 'info' : 'success';
 		const isActive = item._isActive;
 		return (
-			<Badge intent={ isActive ? activeIntent : 'default' }>
+			<WCBadge intent={ isActive ? activeIntent : 'default' }>
 				{ isActive ? activeLabel : _x( 'Inactive', 'template' ) }
-			</Badge>
+			</WCBadge>
 		);
 	},
 };
@@ -183,9 +183,9 @@ export const useThemeField = () => {
 			getValue: ( { item } ) => item.theme,
 			render: function Render( { item } ) {
 				if ( item.theme === activeTheme.stylesheet ) {
-					return <Badge intent="success">{ item.theme }</Badge>;
+					return <WCBadge intent="success">{ item.theme }</WCBadge>;
 				}
-				return <Badge intent="error">{ item.theme }</Badge>;
+				return <WCBadge intent="error">{ item.theme }</WCBadge>;
 			},
 		} ),
 		[ activeTheme ]

package/src/components/page-templates/index-legacy.js

@@ -136,6 +136,7 @@ export default function PageTemplates() {
 		<Page
 			className="edit-site-page-templates"
 			title={ __( 'Templates' ) }
+			headingLevel={ 2 }
 			actions={ <AddNewTemplate /> }
 		>
 			<DataViews

package/src/components/page-templates/index.js

@@ -325,6 +325,7 @@ export default function PageTemplates() {
 		<Page
 			className="edit-site-page-templates"
 			title={ __( 'Templates' ) }
+			headingLevel={ 2 }
 			actions={ <AddNewTemplate /> }
 		>
 			<DataViews

package/src/components/pagination/index.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
  */
 import {
 	__experimentalHStack as HStack,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	Button,
 } from '@wordpress/components';
 import { __, _x, _n, sprintf, isRTL } from '@wordpress/i18n';
@@ -33,7 +33,7 @@ export default function Pagination( {
 			justify="flex-start"
 			className={ clsx( 'edit-site-pagination', className ) }
 		>
-			<Text variant="muted" className="edit-site-pagination__total">
+			<WCText variant="muted" className="edit-site-pagination__total">
 				{
 					// translators: %s: Total number of patterns.
 					sprintf(
@@ -42,7 +42,7 @@ export default function Pagination( {
 						totalItems
 					)
 				}
-			</Text>
+			</WCText>
 			<HStack expanded={ false } spacing={ 1 }>
 				<Button
 					variant={ buttonVariant }
@@ -63,14 +63,14 @@ export default function Pagination( {
 					size="compact"
 				/>
 			</HStack>
-			<Text variant="muted">
+			<WCText variant="muted">
 				{ sprintf(
 					// translators: 1: Current page number. 2: Total number of pages.
 					_x( '%1$s of %2$s', 'paging' ),
 					currentPage,
 					numPages
 				) }
-			</Text>
+			</WCText>
 			<HStack expanded={ false } spacing={ 1 }>
 				<Button
 					variant={ buttonVariant }

package/src/components/post-list/index.js

@@ -279,6 +279,7 @@ export default function PostList( { postType } ) {
 	return (
 		<Page
 			title={ labels?.name }
+			headingLevel={ 2 }
 			actions={
 				<>
 					{ labels?.add_new_item && canCreateRecord && (

package/src/components/post-list/style.scss

@@ -1,73 +1,6 @@
 @use "@wordpress/base-styles/colors" as *;
 @use "@wordpress/base-styles/variables" as *;
 
-.edit-site-post-list__featured-image {
-	height: 100%;
-	object-fit: cover;
-	width: 100%;
-}
-
-.edit-site-post-list__featured-image-wrapper {
-	height: 100%;
-	width: 100%;
-	border-radius: $grid-unit-05;
-
-	&.is-layout-table:not(
-	:has(.edit-site-post-list__featured-image-button)
-),
-	&.is-layout-table .edit-site-post-list__featured-image-button {
-		width: $grid-unit-40;
-		height: $grid-unit-40;
-		display: block;
-		border-radius: $grid-unit-05;
-		position: relative;
-		overflow: hidden;
-		background-color: $gray-100;
-		flex-grow: 0 !important;
-
-		&::after {
-			border-radius: 4px;
-			box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-			content: "";
-			height: 100%;
-			left: 0;
-			position: absolute;
-			top: 0;
-			width: 100%;
-		}
-	}
-}
-
-.edit-site-post-list__featured-image-button {
-	box-shadow: none;
-	border: none;
-	padding: 0;
-	background-color: unset;
-	box-sizing: border-box;
-	cursor: pointer;
-	overflow: hidden;
-	height: 100%;
-	width: 100%;
-	border-radius: $grid-unit-05;
-
-	&:focus-visible {
-		box-shadow:
-			0 0 0 var(--wp-admin-border-width-focus)
-			var(--wp-admin-theme-color);
-		// Windows High Contrast mode will show this outline, but not the box-shadow.
-		outline: 2px solid transparent;
-	}
-}
-
-.dataviews-view-grid__card.is-selected {
-	.edit-site-post-list__featured-image-button::after {
-		box-shadow:
-			inset 0 0 0 var(--wp-admin-border-width-focus)
-			var(--wp-admin-theme-color);
-		background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
-	}
-}
-
 // TODO: These styles should be absorbed by DataForm API.
 // @see https://github.com/WordPress/gutenberg/issues/75916
 .fields-controls__password {