@wordpress/commands 1.32.0 → 1.32.1-next.ff1cebbba.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/commands",
-	"version": "1.32.0",
+	"version": "1.32.1-next.ff1cebbba.0",
 	"description": "Handles the commands menu.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -25,17 +25,25 @@
 	},
 	"main": "build/index.js",
 	"module": "build-module/index.js",
+	"exports": {
+		".": {
+			"import": "./build-module/index.js",
+			"require": "./build/index.js"
+		},
+		"./package.json": "./package.json",
+		"./build-style/": "./build-style/"
+	},
 	"react-native": "src/index",
 	"wpScript": true,
 	"dependencies": {
-		"@babel/runtime": "7.25.7",
-		"@wordpress/components": "^30.5.0",
-		"@wordpress/data": "^10.32.0",
-		"@wordpress/element": "^6.32.0",
-		"@wordpress/i18n": "^6.5.0",
-		"@wordpress/icons": "^10.32.0",
-		"@wordpress/keyboard-shortcuts": "^5.32.0",
-		"@wordpress/private-apis": "^1.32.0",
+		"@wordpress/base-styles": "^6.8.1-next.ff1cebbba.0",
+		"@wordpress/components": "^30.6.1-next.ff1cebbba.0",
+		"@wordpress/data": "^10.32.1-next.ff1cebbba.0",
+		"@wordpress/element": "^6.32.1-next.ff1cebbba.0",
+		"@wordpress/i18n": "^6.5.1-next.ff1cebbba.0",
+		"@wordpress/icons": "^11.0.1-next.ff1cebbba.0",
+		"@wordpress/keyboard-shortcuts": "^5.32.1-next.ff1cebbba.0",
+		"@wordpress/private-apis": "^1.32.1-next.ff1cebbba.0",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.0.0"
 	},
@@ -46,5 +54,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "a030b4c0e0695239b942c7dc18511782b64f10ed"
+	"gitHead": "c5b659710aff01d40d2eb97b211eb2cec9c07d3b"
 }

package/src/components/command-menu.js

@@ -271,12 +271,15 @@ export function CommandMenu() {
 			<div className="commands-command-menu__container">
 				<Command label={ inputLabel } onKeyDown={ onKeyDown }>
 					<div className="commands-command-menu__header">
+						<Icon
+							className="commands-command-menu__header-search-icon"
+							icon={ inputIcon }
+						/>
 						<CommandInput
 							search={ search }
 							setSearch={ setSearch }
 							isOpen={ isOpen }
 						/>
-						<Icon icon={ inputIcon } />
 					</div>
 					<Command.List label={ __( 'Command suggestions' ) }>
 						{ search && ! isLoading && (

package/src/components/style.scss

@@ -1,3 +1,7 @@
+@use "@wordpress/base-styles/mixins" as *;
+@use "@wordpress/base-styles/variables" as *;
+@use "@wordpress/base-styles/colors" as *;
+
 // dirty hack to clean up modal
 .commands-command-menu {
 	border-radius: $grid-unit-05;
@@ -42,6 +46,12 @@
 	}
 }
 
+.commands-command-menu__header-search-icon {
+	&:dir(ltr) {
+		transform: scaleX(-1);
+	}
+}
+
 .commands-command-menu__container {
 	// the style here is a hack to force safari to repaint to avoid a style glitch
 	will-change: transform;

package/src/hooks/use-command.js

@@ -74,7 +74,7 @@ export function useCommand( command ) {
  * @example
  * ```js
  * import { useCommands } from '@wordpress/commands';
- * import { plus, edit } from '@wordpress/icons';
+ * import { plus, pencil } from '@wordpress/icons';
  *
  * useCommands( [
  *     {
@@ -89,7 +89,7 @@ export function useCommand( command ) {
  *     {
  *         name: 'myplugin/edit-posts',
  *         label: __( 'Edit posts' ),
- *         icon: edit,
+ *         icon: pencil,
  *         callback: ({ close }) => {
  *             document.location.href = 'edit.php';
  *             close();

package/src/style.scss

@@ -1 +1,2 @@
-@import "./components/style.scss";
+@use "@wordpress/base-styles/default-custom-properties" as *;
+@use "./components/style.scss" as *;