Update consumers

WordPress · Dec 26, 2024 · 19c8b1f · 19c8b1f
1 parent b6e5376
commit 19c8b1f
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 6 deletions.
diff --git a/packages/block-editor/src/components/alignment-control/test/__snapshots__/index.js.snap b/packages/block-editor/src/components/alignment-control/test/__snapshots__/index.js.snap
@@ -67,7 +67,7 @@ exports[`AlignmentUI should match snapshot when controls are hidden 1`] = `
       aria-expanded="false"
       aria-haspopup="true"
       aria-label="Align text"
-      class="components-button components-dropdown-menu__toggle has-icon"
+      class="components-button components-dropdown-menu__toggle is-compact has-icon"
       data-toolbar-item="true"
       type="button"
     >

diff --git a/...ages/block-editor/src/components/block-alignment-control/test/__snapshots__/index.js.snap b/...ages/block-editor/src/components/block-alignment-control/test/__snapshots__/index.js.snap
@@ -10,7 +10,7 @@ exports[`BlockAlignmentUI should match snapshot when controls are hidden 1`] = `
       aria-expanded="false"
       aria-haspopup="true"
       aria-label="Align"
-      class="components-button components-dropdown-menu__toggle has-icon"
+      class="components-button components-dropdown-menu__toggle is-compact has-icon"
       data-toolbar-item="true"
       type="button"
     >

diff --git a/packages/block-editor/src/components/block-settings-menu/index.js b/packages/block-editor/src/components/block-settings-menu/index.js
@@ -18,7 +18,7 @@ export function BlockSettingsMenu( { clientIds, ...props } ) {
 				{ ( toggleProps ) => (
 					<BlockSettingsDropdown
 						clientIds={ clientIds }
-						toggleProps={ toggleProps }
+						toggleProps={ { ...toggleProps, size: 'compact' } }
 						{ ...props }
 					/>
 				) }

diff --git a/packages/block-editor/src/components/block-switcher/index.js b/packages/block-editor/src/components/block-switcher/index.js
@@ -334,6 +334,7 @@ export const BlockSwitcher = ( { clientIds } ) => {
 						}
 						text={ blockIndicatorText }
 						toggleProps={ {
+							size: 'compact',
 							description: blockSwitcherDescription,
 							...toggleProps,
 						} }

diff --git a/...k-editor/src/components/block-vertical-alignment-control/test/__snapshots__/index.js.snap b/...k-editor/src/components/block-vertical-alignment-control/test/__snapshots__/index.js.snap
@@ -10,7 +10,7 @@ exports[`BlockVerticalAlignmentUI should match snapshot when controls are hidden
       aria-expanded="false"
       aria-haspopup="true"
       aria-label="Change vertical alignment"
-      class="components-button components-dropdown-menu__toggle has-icon"
+      class="components-button components-dropdown-menu__toggle is-compact has-icon"
       data-toolbar-item="true"
       type="button"
     >

diff --git a/packages/block-editor/src/components/warning/index.js b/packages/block-editor/src/components/warning/index.js
@@ -40,6 +40,7 @@ function Warning( { className, actions, children, secondaryActions } ) {
 										className:
 											'block-editor-warning__dropdown',
 									} }
+									toggleProps={ { size: 'compact' } }
 									noIcons
 								>
 									{ () => (

diff --git a/packages/components/src/toolbar/stories/index.story.tsx b/packages/components/src/toolbar/stories/index.story.tsx
@@ -109,7 +109,7 @@ Default.args = {
 									title: 'Align right',
 								},
 							] }
-							toggleProps={ toggleProps }
+							toggleProps={ { ...toggleProps, size: 'compact' } }
 						/>
 					) }
 				</ToolbarItem>

diff --git a/packages/components/src/toolbar/toolbar-dropdown-menu/index.tsx b/packages/components/src/toolbar/toolbar-dropdown-menu/index.tsx
@@ -37,7 +37,10 @@ function ToolbarDropdownMenu(
 					popoverProps={ {
 						...props.popoverProps,
 					} }
-					toggleProps={ toolbarItemProps }
+					toggleProps={ {
+						size: 'compact',
+						...toolbarItemProps,
+					} }
 				/>
 			) }
 		</ToolbarItem>

diff --git a/packages/components/src/toolbar/toolbar-group/toolbar-group-collapsed.tsx b/packages/components/src/toolbar/toolbar-group/toolbar-group-collapsed.tsx
@@ -28,6 +28,7 @@ function ToolbarGroupCollapsed( {
 			controls={ controls }
 			toggleProps={ {
 				...internalToggleProps,
+				size: 'compact',
 				'data-toolbar-item': true,
 			} }
 			{ ...props }