Fix/styles not used or typesafe

[RubenSmn]

Problem

I wanted to style the component to align with my theme. But I was not able to do this due to:

• classes are being overridden by the inline style
• using the style prop on the ColorPicker component did not pass styles down to context and thus the other components

Solution

I fixed one problem which is the ability to use the style prop on the ColorPicker component. The styles passed down to this prop are getting merged with the default styles. For this I also updated the Styles typing which now gives you autocomplete to which options / components are available for styling.

With this is renamed some variables to better align with the value of these variables.

Let me know what you think, open for any feedback.

[hxf31891]

@RubenSmn Thanks for putting together this PR!

I added most of the functionality to v3.0.14. As of now, the passed styles object should correctly merge into the default styles taking precedence and the types should be updated. The only difference is that I did not change the style keys as I was concerned others may be using the existing names or that a style may be incorrectly applied during the changes.

Please let me know if you have any issues!