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.