Calcite-components: [calcite-color] add section for suggested colors

[jcfranco]

The color picker has a section for storing colors, but it would be nice to add a special section for groups of color suggestions. The color picker from Chrome dev tools has a nice experience for this:

The new Map Viewer has a concept of suggested colors that could leverage this as well.

[macandcheese]

Is above MVB example tied to a picker? Maybe allowing a calcite-color-swatch item / set to be used anywhere and placed in accordion panes could be a useful implementation as well.

[jcfranco]

It's disconnected, but there's a 'color picker' in the collapsed section below.

Maybe allowing a calcite-color-swatch item / set to be used anywhere and placed in accordion panes could be a useful implementation as well.

This could work for simple color selection use cases, but there's no component at the moment for that.

[macandcheese]

Makes sense, maybe down the 🛣

[jcfranco]

There's been interest in adding multiple sections of suggested colors (e.g., accessible, basemap colors), so this is something the design would need to take into consideration.

[samanthahunter]

+1 for this enhancement

Our customers would like quick access to their site's theme colors while editing it, set it once and reuse everywhere. Would it be possible to provide the 'theme' colors as the default options in the saved colors area?

One pattern I saw in the webflow editor was 'global colors' had a triangle on them. So we can combine 'theme' colors with 'saved' colors in the same area - yet theme colors would not be editable/removable from the picker.

[samanthahunter]

Per @macandcheese idea, instead of combining 'theme' and 'saved' colors, could also use an accordion for swatch groups (in our case the theme colors) under the 'saved' colors area - which could also be a knob in the component to turn on/off.

[tyanthony]

This would be a useful enhancement for our team as well - being able to have a predefined set of colors for our users would be very helpful