Make visually hidden render as span

[qoalu]

Refer to SO question: https://stackoverflow.com/questions/12982269/is-it-semantically-incorrect-to-put-a-div-or-span-inside-of-a-button/12982334

This pull request:

• Creates a new package
• Fixes a bug in an existing package
• Adds additional features/functionality to an existing package
• Updates documentation or example code
• Other

[chaance]

There are use cases outside of labeling buttons/links for visually hidden text, but point received. We should probably use an as prop to allow an easy override here either way.

[chaance]

@qoalu BTW, you'll need to add display: 'block' to the style object as well, since the properties used to hide the element won't have an effect on inline elements.

[qoalu]

thanks for the quick turnaround!

An "as" prop could be helpful, however this solution with span and display block should suffice for all use-cases.