Adds ColorControl component

[ryanwelcher]

Description

Adds ColorControl component. Closes #14378

How has this been tested?

Tests still to be implemented. I have tested this locally on master using the example provided in the README.

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR. .

[jorgefilipecosta]

Hi @ryanwelcher, thank you for this PR! Currently, we are exporting PanelColorSettings (packages/block-editor/src/components/panel-color-settings/index.js). Would it be possible to provide some details of why PanelColorSettings did not accomplished your needs?

[chrisvanpatten]

@jorgefilipecosta PanelColorSettings provides a palette, right? A ColorControl would be more useful for cases where you aren’t providing a palette.

We’re also using ColorPicker directly in a sidebar (we don’t support defined palettes, it’s all freeform for our editorial teams) so I think this could be very valuable.

[chrisvanpatten]

Definitely support this; we started wrapping ColorPicker in a BaseControl ourselves recently so I can see a use for this.

[ryanwelcher]

Hi @ryanwelcher, thank you for this PR! Currently, we are exporting PanelColorSettings (packages/block-editor/src/components/panel-color-settings/index.js). Would it be possible to provide some details of why PanelColorSettings did not accomplished your needs?

@jorgefilipecosta I wanted more flexibility for color choice/options.

[ryanwelcher]

@chrisvanpatten I've addressed your feedback. Is there anything else I can do to move this forward? cc @jorgefilipecosta

[chrisvanpatten]

Sorry for the delay @ryanwelcher — I'm pretty satisfied with this from a code perspective but I think we'd probably need signoff from a lead on including this component.

I agree on offering it, and I think it makes a ton of sense; I know I'd use it.

[chrisvanpatten]

It might make sense to raise this during tomorrow's #core-editor chat; I think that'd be an appropriate venue to bring it up and ask for reviews.

[youknowriad]

I'm pretty sure I saw a mockup revisiting the color selectors to use a nice color control (related to #18667) cc @jasmussen if you have any idea where to find this.

I wonder if this could be the opportunity to start leveraging those in some blocks.

[jasmussen]

Hi! Not sure if this is helpful, or even necessary for this PR, but thought I'd share a mockups that are being explored as part of #18667:

In this interface, the color picker would hold color swatches, like Figma:

But this is an aspect to explore a bit further as we get to it!

[youknowriad]

It would be cool to add a storybook story to this PR to be able to test the component properly.

[ryanwelcher]

@youknowriad I have added stories for the new component.

[youknowriad]

Should we try to implement the proposed UI #19288 (comment) ?

[youknowriad]

Related #19785

[Mamaduka]

Hi, @ryanwelcher

Can you share the status of this PR? Can it be closed after the recent ColorPicker refactoring?

[ryanwelcher]

I think we can close this out. thanks for the followup!