Search: Add margin support

[aaronrobertshaw]

Part of: #43241

What?

• Adopts margin support for the Search block

Why?

• Offers greater design flexibility
• Improves consistency in design tooling with other blocks

How?

• Adopts margin block support

Testing Instructions

• In the site editor, add a Search block to a page
• Style via Global Styles and confirm the editor and frontend display correctly
• Override the global styles on the block instance and confirm they display appropriately in the editor and frontend

Note: Global margins will be overridden by layout whereas block instance margins will not be. There is also an unrelated bug with the spacing visualizers that is being addressed separately.

Screenshots or screencast

Screen.Recording.2024-07-15.at.1.21.04.PM.mp4

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: aaronrobertshaw <[email protected]>
Co-authored-by: fabiankaegy <[email protected]>
Co-authored-by: carolinan <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[fabiankaegy]

Tests well :) Excited about the consistency

[carolinan]

I am wondering why padding was not added?

[aaronrobertshaw]

I am wondering why padding was not added?

Good question, @carolinan 👍

The current color block supports aren't serialized onto the block's wrapper but are instead passed through to the inner button. I wasn't sure how tightly coupled the use case of applying padding is to the ability to define a background color for the entire block.

This PR is a simple step forward that doesn't have to be bogged down around that. We could well decide to just add padding support, for now though I think that can be a follow-up.