@wordpress/edit-site 6.44.1-next.v.202604201441.0 → 6.45.0

package/build-style/style.css

@@ -107,127 +107,6 @@
   }
 }
 
-.admin-ui-page {
-  display: flex;
-  height: 100%;
-  background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
-  color: var(--wpds-color-fg-content-neutral, #1e1e1e);
-  position: relative;
-  z-index: 1;
-  flex-flow: column;
-  text-wrap: pretty;
-}
-
-.admin-ui-page__header {
-  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
-  border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
-  background: var(--wpds-color-bg-surface-neutral-strong, #fff);
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-
-.admin-ui-page__header-title {
-  font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
-  font-size: var(--wpds-typography-font-size-lg, 15px);
-  font-weight: var(--wpds-typography-font-weight-medium, 499);
-  line-height: var(--wpds-typography-line-height-lg, 28px);
-  margin: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.admin-ui-page__sidebar-toggle-slot:empty {
-  display: none;
-}
-
-.admin-ui-page__header-subtitle {
-  padding-block-end: var(--wpds-dimension-padding-xs, 4px);
-  color: var(--wpds-color-fg-content-neutral-weak, #707070);
-  font-size: var(--wpds-typography-font-size-md, 13px);
-  line-height: var(--wpds-typography-line-height-md, 24px);
-  margin: 0;
-}
-
-.admin-ui-page__content {
-  flex-grow: 1;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-}
-
-.admin-ui-page__content.has-padding {
-  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
-}
-
-/**
- * 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.
- */
-.admin-ui-breadcrumbs__list {
-  font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
-  font-size: var(--wpds-typography-font-size-lg, 15px);
-  font-weight: var(--wpds-typography-font-weight-medium, 499);
-  line-height: var(--wpds-typography-line-height-lg, 28px);
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  gap: 0;
-  min-height: 32px;
-}
-
-.admin-ui-breadcrumbs__list li:not(:last-child)::after {
-  content: "/";
-  margin: 0 8px;
-}
-
-.admin-ui-breadcrumbs__list h1 {
-  font-size: inherit;
-  line-height: inherit;
-}
-
 /**
  * Colors
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.44.1-next.v.202604201441.0+dab6d8c07",
+	"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.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/admin-ui": "^1.12.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/api-fetch": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/base-styles": "^6.20.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/blob": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/block-editor": "^15.18.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/block-library": "^9.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/blocks": "^15.17.2-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/commands": "^1.45.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/components": "^33.0.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/compose": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/core-data": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/data": "^10.45.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/dataviews": "^14.1.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/date": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/deprecated": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/dom": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/editor": "^14.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/element": "^6.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/escape-html": "^3.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/fields": "^0.36.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/global-styles-engine": "^1.11.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/global-styles-ui": "^1.11.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/hooks": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/html-entities": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/i18n": "^6.17.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/icons": "^12.2.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/keyboard-shortcuts": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/keycodes": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/media-utils": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/notices": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/patterns": "^2.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/plugins": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/preferences": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/primitives": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/private-apis": "^1.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/reusable-blocks": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/router": "^1.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/style-engine": "^2.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/url": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/viewport": "^6.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/views": "^1.11.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/widgets": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/wordcount": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@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": "c788005ba4ee2a34851c1217c51602656aa7c3a6"
+	"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-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