@wordpress/patterns 1.7.0 → 1.9.0

package/src/components/rename-pattern-modal.js

@@ -93,6 +93,7 @@ export default function RenamePatternModal( {
 				<VStack spacing="5">
 					<TextControl
 						__nextHasNoMarginBottom
+						__next40pxDefaultSize
 						label={ __( 'Name' ) }
 						value={ name }
 						onChange={ setName }
@@ -100,11 +101,19 @@ export default function RenamePatternModal( {
 					/>
 
 					<HStack justify="right">
-						<Button variant="tertiary" onClick={ onRequestClose }>
+						<Button
+							__next40pxDefaultSize
+							variant="tertiary"
+							onClick={ onRequestClose }
+						>
 							{ __( 'Cancel' ) }
 						</Button>
 
-						<Button variant="primary" type="submit">
+						<Button
+							__next40pxDefaultSize
+							variant="primary"
+							type="submit"
+						>
 							{ __( 'Save' ) }
 						</Button>
 					</HStack>

package/src/components/style.scss

@@ -7,32 +7,27 @@
 	}
 
 	.patterns-menu-items__convert-modal-categories {
-		width: 100%;
 		position: relative;
-		min-height: 40px;
 	}
-	.components-form-token-field__suggestions-list {
+
+	.components-form-token-field__suggestions-list:not(:empty) {
 		position: absolute;
+		border: $border-width solid var(--wp-admin-theme-color);
+		border-bottom-left-radius: $radius-block-ui;
+		border-bottom-right-radius: $radius-block-ui;
+		box-shadow: 0 0 0.5px 0.5px var(--wp-admin-theme-color);
 		box-sizing: border-box;
 		z-index: 1;
 		background-color: $white;
-		// Account for the border width of the token field.
-		width: calc(100% + 2px);
+		width: calc(100% + 2px); // Account for the border width of the token field.
 		left: -1px;
 		min-width: initial;
-		border: 1px solid var(--wp-admin-theme-color);
-		border-top: none;
-		box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
-		border-bottom-left-radius: 2px;
-		border-bottom-right-radius: 2px;
+		max-height: $grid-unit-60 * 2; // Adjust to not cover the save button, showing three items.
 	}
 }
 
 .patterns-create-modal__name-input input[type="text"] {
-	// Match the minimal height of the category selector.
-	min-height: 40px;
-	// Override the default 1px margin-x.
-	margin: 0;
+	margin: 0; // Override the default 1px margin-x.
 }
 
 .patterns-rename-pattern-category-modal__validation-message {

package/src/constants.js

@@ -1,3 +1,8 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+
 export const PATTERN_TYPES = {
 	theme: 'pattern',
 	user: 'wp_block',
@@ -14,3 +19,8 @@ export const PATTERN_SYNC_TYPES = {
 	full: 'fully',
 	unsynced: 'unsynced',
 };
+
+// TODO: This should not be hardcoded. Maybe there should be a config and/or an UI.
+export const PARTIAL_SYNCING_SUPPORTED_BLOCKS = {
+	'core/paragraph': { content: __( 'Content' ) },
+};

package/src/private-apis.js

@@ -7,12 +7,14 @@ import DuplicatePatternModal from './components/duplicate-pattern-modal';
 import RenamePatternModal from './components/rename-pattern-modal';
 import PatternsMenuItems from './components';
 import RenamePatternCategoryModal from './components/rename-pattern-category-modal';
+import PartialSyncingControls from './components/partial-syncing-controls';
 import {
 	PATTERN_TYPES,
 	PATTERN_DEFAULT_CATEGORY,
 	PATTERN_USER_CATEGORY,
 	EXCLUDED_PATTERN_SOURCES,
 	PATTERN_SYNC_TYPES,
+	PARTIAL_SYNCING_SUPPORTED_BLOCKS,
 } from './constants';
 
 export const privateApis = {};
@@ -22,9 +24,11 @@ lock( privateApis, {
 	RenamePatternModal,
 	PatternsMenuItems,
 	RenamePatternCategoryModal,
+	PartialSyncingControls,
 	PATTERN_TYPES,
 	PATTERN_DEFAULT_CATEGORY,
 	PATTERN_USER_CATEGORY,
 	EXCLUDED_PATTERN_SOURCES,
 	PATTERN_SYNC_TYPES,
+	PARTIAL_SYNCING_SUPPORTED_BLOCKS,
 } );