Expose style for customisation

[baktiaditya]

Issue:

What I did

Cannot modify button.topRight style from storybook config.js

example:

import { setDefaults } from '@storybook/addon-info';
import deepmerge from 'deepmerge';

setDefaults({
  styles: (defaultStyles) => {
    return deepmerge(defaultStyles, {
      button: {
        topRight: {
          right: 'auto',
          borderRadius: '0 0 5px 0',
          left: 0,
        },
      },
    });
  },
});

How to test

Is this testable with jest or storyshots?

Does this need a new example in the kitchen sink apps?

Does this need an update to the documentation?

If your answer is yes to any of these, please make sure to include it in your PR.

[Hypnosphi]

Thanks, totally makes sense. Can you please do the same in rest of the places in this component?
https://github.com/baktiaditya/storybook/blob/961e1b91439bb42d4c2ccc5a4dd108660a683cd9/addons/info/src/components/Story.js#L159 (this would fix #2352)
https://github.com/baktiaditya/storybook/blob/961e1b91439bb42d4c2ccc5a4dd108660a683cd9/addons/info/src/components/Story.js#L218

[codecov]

Codecov Report

Merging #2370 into master will not change coverage.
The diff coverage is 100%.

@@           Coverage Diff           @@
##           master    #2370   +/-   ##
=======================================
  Coverage   19.92%   19.92%           
=======================================
  Files         293      293           
  Lines        6484     6484           
  Branches      754      768   +14     
=======================================
  Hits         1292     1292           
+ Misses       4625     4592   -33     
- Partials      567      600   +33

Impacted Files	Coverage Δ
addons/info/src/components/Story.js	76.47% <100%> (ø)	⬆️
app/vue/src/server/config/babel.js	0% <0%> (-100%)	⬇️
app/vue/src/server/babel_config.js	0% <0%> (-77.42%)	⬇️
app/vue/src/server/utils.js	0% <0%> (-53.58%)	⬇️
addons/knobs/src/KnobManager.js	31.37% <0%> (ø)	⬆️
lib/ui/src/modules/ui/routes.js	0% <0%> (ø)	⬆️
lib/ui/src/modules/ui/configs/init_panels.js	25% <0%> (ø)	⬆️
lib/ui/src/modules/ui/configs/handle_keyevents.js	33.33% <0%> (ø)	⬆️
lib/ui/src/modules/ui/containers/down_panel.js	23.52% <0%> (ø)	⬆️
.../src/manager/containers/CommentsPanel/dataStore.js	34.04% <0%> (ø)	⬆️
... and 28 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0876476...09ff079. Read the comment docs.

[baktiaditya]

@Hypnosphi 👍 done

[Hypnosphi]

LGTM, thanks again