Addon-controls not behaving correctly in docs view

[yannbf]

Hey peeps this contribution is super awesome! I wanted to show something I noticed while testing controls on docs page.
Here's the link to the story

I hope you don't mind the QA:

1 - the input is not as responsive as it could be, and text is not correctly aligned
2 - when playing with the picker, there's a flicker
3 - the color swatch feature is registering invalid colors as you type them (and says "black" for some reason)

Here's a gif showing these points:

Edit: if you type an invalid color, the swatch allows to play with the hue, resulting in NaN:

cc ghengeveld EvHaus

Originally posted by yannbf in #14249 (comment)

┆Issue is synchronized with this Asana task by Unito

[EvHaus]

@ghengeveld if you don't get to it this week, I can jump on this by Friday

[yannbf]

I also noticed something else related to controls, although not related to the color picker. This might be quite simple so maybe there's no need to add an extra issue, however if you feel there is, I can create the issue!

For numeric enums, controls is identifying as objects and presenting the "RAW" toggle:

Clicking on it does nothing. That can be seen in next angular cli examples

[shilman]

Crikey!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.2.0-rc.12 containing PR #14382 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there's still more to do.

[ghengeveld]

@yannbf I addressed your other issues here: #14392

[shilman]

Yo-ho-ho!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.2.0-rc.13 containing PR #14392 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease