Enhancement: being able to collapse the color picker

[pemberdom]

Which Component

calcite-color

Description

It could be useful for some users to display the color picker in a collapsed state.

From the current fully component (size "m"):

We could have a caret to collapse the component, that would be then displayed in a single line.
The single line would display either the Hex input, or the RGB/HSV inputs, and an icon showing the selected color:

Clicking again on the caret would expand the component to its original state.

We could imagine an attribute to initialize the component in the desired state (ie collapsed = true | false), and another attribute to choose what to display when collapsed (ie single-line-display-type = hex | rgb | hsv).

[bstifle]

heyo, we have something like this in the works, and i think it would be cool if we had a way to make the full color picker pop up after clicking the swatch. heres the comp

[pemberdom]

heyo, we have something like this in the works, and i think it would be cool if we had a way to make the full color picker pop up after clicking the swatch. heres the comp

That looks good 👍!

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[jcfranco]

Closing in favor of #1616.