New Component: Color Picker

[endigo9740]

Describe what feature you'd like. Pseudo-code, mockups, or screenshots of similar solutions are encouraged!

There are MULTIPLE ways to tackle this, but the main thing is the color input does not yet have great cross-browser support: https://css-tricks.com/color-inputs-a-deep-dive-into-cross-browser-differences/

As such, we should provide a solution to work around this. In addition to providing this like a standard component, we would have immediate use for it on the Theme Generator for hex color values.

A few suggestions:

• It must support hex colors, if nothing else
• Ideally it would be great to support all color values - hex, rgb, rgba, hsl, etc
• We might can use a color input within the component, similar to a Slide Toggle uses checkbox
• UI should support embed directly on the page, as well as Menu popups (similar to the native input)

What type of pull request would this be?

New Feature

Any links to similar examples or other references we should review?

As usual the Mantine version should provide great inspiration for the feature set: https://mantine.dev/core/color-picker/