FocalPointPicker with __next40pxDefaultSize

[richtabor]

What?

Part of the effort towards #46734.

Testing Instructions

1. Open a post or page.
2. Insert a cover block.
3. Set an image.
4. Open block inspector.
5. See FocalPointPicker

Screenshots or screencast

Before	After

[jasmussen]

Early green check on this one.

[ciampo]

Changes LGTM. Good to be merged after adding a CHANGELOG entry 🚀

[ciampo]

Actually, @brookewp (who has been recently working on updating some components to the new 40px height) rightfully noted that we should add the __next40pxDefaultSize on FocalPointPicker, so that we continue the same approach used with other components. @richtabor would you be able to do that? Thank you!

[richtabor]

Actually, @brookewp (who has been recently working on updating some components to the new 40px height) rightfully noted that we should add the __next40pxDefaultSize on FocalPointPicker, so that we continue the same approach used with other components.

Ah, so instead of setting __next40pxDefaultSize on the StyledUnitControl, it should be moved to the FocalPointPicker and passed down?

[brookewp]

Ah, so instead of setting __next40pxDefaultSize on the StyledUnitControl, it should be moved to the FocalPointPicker and passed down?

Yes, exactly. Similarly to how __nextHasNoMarginBottom is added and passed down to FocalPointPickerControls.

That way, the size can be updated by opting in to use the prop. Otherwise, it'll stay the same since the default value will be false for now. We can then do a follow-up to update all of the usages of <FocalPointPicker/> in GB.

There are some recent examples of how this was done with other components here: #55471, #55789, and #53819 - I'm also happy to help if needed!

[richtabor]

Thanks @brookewp, feel free to jump in here if you'd like to. I don't mind! :)

[ciampo]

LGTM 🚀

Thank you all for the collaboration!

[ciampo]

We're good to merge!

[github-actions]

Flaky tests detected in 718a033.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/7121747313
📝 Reported issues:

• [Flaky Test] should display the "Manage Fonts" icon #56776 in /test/e2e/specs/site-editor/font-library.spec.js