docs(button): update Button story and documentation

[tw15egan]

Closes #6564

Updates Button to new CSF format and adds in prop documentation

Done

• Update to CSF
• Create Button.mdx and fill out with template
• Document any discrepancies for v11

Changelog

New

• Added react/sort-prop-types as a warning so that our PropType definitions are in alphabetical order. THat way the Prop tables will also be in alphabetical order.
• Docs tab now includes detailed descriptions of each prop as well as examples and code snippets
• Set default prop values for tooltipAlignment and tooltipPosition so icon-only-buttons require two less props to be specified by default.

Changed

• Sorted PropType definitions alphabetically

Testing / Reviewing

Check updated docs for grammar usage and that the examples look correct

Questions for reviewers:

• is the set of buttons story is still up-to-date?
• Any other examples we want to show?

Issues for V11

• Button skeleton uses deprecated small instead of size

[netlify]

Deploy preview for carbon-elements ready!

Built with commit d966825

https://deploy-preview-6565--carbon-elements.netlify.app

[netlify]

Deploy preview for carbon-components-react ready!

Built with commit d966825

https://deploy-preview-6565--carbon-components-react.netlify.app

[tw15egan]

@joshblack question about knobs: are we removing them in favor of showing all examples in the docs? Ran into some issues trying to get the IconOnly button to render due to the knobs. Also, the Show Code is not super helpful since it just shows {...props.iconOnly()}

Also wondering if we should just focus on the props + usage in the docs, rather than "patterns". In this case, the Set of Buttons pattern doesn't seem too helpful and has no props specific to that variation.

[tw15egan]

@andreancardona I just updated this to match the epic / other docs PR's - mainly just removed some extra stories, and put each variation as it's own story.

[andreancardona]

ther docs PR'

Looks good! @tw15egan does percy need to pass?

[tw15egan]

@andreancardona approved them, differences were due to changing the stories to show the variants vs the old patterns

[andreancardona]

@andreancardona approved them, differences were due to changing the stories to show the variants vs the old patterns

sounds good :)

[alisonjoseph]

Looks like some conflicts because the new ButtonSet component got merged in

[tw15egan]

@alisonjoseph should be good now 👍