Color Picker Refresh/Revert

[ceyerkes]

Hello! Working on some editor inputs, and ran into this input style that includes a refresh/revert back option.

Wondering what your rec would be for adding in a refresh/revert icon - would the mockups below work? thank you!

[serifluous]

Hey @ceyerkes !

A few points here:

1. We'll be adding a "Reset" icon to Paste soon! You can take a look at @brannytempy's branch in Figma here: https://www.figma.com/file/1Tz1QElYz96z20j81695tk/feat%3A-Adding-Segment-Icons?node-id=20745%3A146623&t=ieUftQlhJxhhF1H5-4 Let us know if you want us to get it in soon so you can start using it.

2. Unfortunately neither the "Reset" icon nor the color swatch circle can be placed in the field like you have mocked up, where they're not prefixes/suffixes on the form field and don't have the gray background behind them.

I put together some options for placement of both the icon and color swatch here, roughly based on #2786: https://www.figma.com/file/SpeLpBoqN2vZv8KWcSn0J1/Paste-Feedback?node-id=2110%3A412289&t=KNf8Fs8pkfllpXsG-0

Option 1 sacrifices some clarity about how to open the color picker for fewer elements on the screen. Option 2 gives a redundant way to open the color picker, but it could be clearer than just showing the swatch itself.

I'm still waiting on some input from the rest of the UX Infra team to see if there's a solution that uses Combobox Primitive that gets closer to what you've designed, but this might be the workaround for now until we build out a true Color Picker component.

[ceyerkes]

Hey @serifluous! Thanks for laying out those 2 options. I think option #1 looks great - let's discuss more when we chat today. I'm definitely interested in using the reset icon soon for the color picker, as well as the undo/redo icons I need for the content editor.