@wordpress/fields 0.36.0 → 0.37.0

package/src/components/media-edit/index.tsx

@@ -11,13 +11,12 @@ import {
 	DropZone,
 	Icon,
 	Spinner,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalTruncate as Truncate,
 	__experimentalVStack as VStack,
 	__experimentalHStack as HStack,
 	BaseControl,
 	Tooltip,
-	VisuallyHidden,
 } from '@wordpress/components';
 import { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';
 import { store as coreStore, type Attachment } from '@wordpress/core-data';
@@ -42,6 +41,7 @@ import {
 	chevronLeft,
 	chevronRight,
 } from '@wordpress/icons';
+import { VisuallyHidden } from '@wordpress/ui';
 import {
 	MediaUpload,
 	uploadMedia,
@@ -914,7 +914,7 @@ export default function MediaEdit< Item >( {
 							<VStack spacing={ 2 }>
 								{ field.label &&
 									( hideLabelFromVision ? (
-										<VisuallyHidden as="legend">
+										<VisuallyHidden render={ <legend /> }>
 											{ field.label }
 										</VisuallyHidden>
 									) : (
@@ -937,12 +937,12 @@ export default function MediaEdit< Item >( {
 									setTargetItemId={ setTargetItemId }
 								/>
 								{ field.description && (
-									<Text
+									<WCText
 										variant="muted"
 										className="fields__media-edit-description"
 									>
 										{ field.description }
-									</Text>
+									</WCText>
 								) }
 							</VStack>
 						);

package/src/components/media-edit/style.scss

@@ -103,7 +103,7 @@ fieldset.fields__media-edit {
 		border-radius: $radius-small;
 		padding: $grid-unit-05 $grid-unit-10;
 		min-height: $grid-unit-50;
-		cursor: pointer;
+		cursor: var(--wpds-cursor-control);
 		min-width: 0;
 
 		&:not(.has-attachment) {

package/src/fields/excerpt/index.tsx

@@ -6,7 +6,7 @@ import { decodeEntities } from '@wordpress/html-entities';
 import { __ } from '@wordpress/i18n';
 import {
 	ExternalLink,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 } from '@wordpress/components';
 
 /**
@@ -38,9 +38,9 @@ const excerptField: Field< BasePost > = {
 			excerpt = decodeEntities( item.excerpt?.raw || '' );
 		}
 		return (
-			<Text align="left" numberOfLines={ 3 } truncate>
+			<WCText align="left" numberOfLines={ 3 } truncate>
 				{ excerpt }
-			</Text>
+			</WCText>
 		);
 	},
 	Edit: {

package/src/fields/page-title/view.tsx

@@ -13,7 +13,7 @@ import { privateApis as componentsPrivateApis } from '@wordpress/components';
 import type { CommonPost } from '../../types';
 import { BaseTitleView } from '../title/view';
 import { unlock } from '../../lock-unlock';
-const { Badge } = unlock( componentsPrivateApis );
+const { Badge: WCBadge } = unlock( componentsPrivateApis );
 
 export default function PageTitleView( { item }: { item: CommonPost } ) {
 	const { frontPageId, postsPageId } = useSelect( ( select ) => {
@@ -30,11 +30,11 @@ export default function PageTitleView( { item }: { item: CommonPost } ) {
 	return (
 		<BaseTitleView item={ item } className="fields-field__page-title">
 			{ [ frontPageId, postsPageId ].includes( item.id as number ) && (
-				<Badge>
+				<WCBadge>
 					{ item.id === frontPageId
 						? __( 'Homepage' )
 						: __( 'Posts Page' ) }
-				</Badge>
+				</WCBadge>
 			) }
 		</BaseTitleView>
 	);

package/src/fields/post-content-info/post-content-info-view.tsx

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import {
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalVStack as VStack,
 } from '@wordpress/components';
 import { __, _x, _n, sprintf } from '@wordpress/i18n';
@@ -78,16 +78,16 @@ export default function PostContentInfoView( {
 	return (
 		<VStack spacing={ 1 }>
 			{ contentInfoText && (
-				<Text variant="muted">{ contentInfoText }</Text>
+				<WCText variant="muted">{ contentInfoText }</WCText>
 			) }
 			{ modified && (
-				<Text variant="muted">
+				<WCText variant="muted">
 					{ sprintf(
 						// translators: %s: Human-readable time difference, e.g. "2 days ago".
 						__( 'Last edited %s.' ),
 						humanTimeDiff( modified )
 					) }
-				</Text>
+				</WCText>
 			) }
 		</VStack>
 	);