Documentation improvements 21-10-24

[ebonow]

This is a WIP to address several issues with the documentation site.

Thus far this address the following issues:

• Improve accessibility by applying outline to focused buttons to view source and codesandbox link and remove unnecessary state management of original implementation.
• Fix StyledSingle example so the dot color matches the selected colo(u)r value as intended
• Simplify the BasicSingle example and remove dependency of styled-components which results in broken dependency when trying to view in CodeSandbox

[changeset-bot]

⚠️ No Changeset found

Latest commit: 6bc1f57

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 6bc1f57:

Sandbox	Source
react-codesandboxer-example	Configuration

[Methuselah96]

Should we also remove it from the 4 other examples that use it? Not necessary, but seems like a nice to have.

[ebonow]

The Note component only seems to be used as a label. I think it might be more straight forward to import the style than the styled component but curious if there were other thoughts on keeping the label elements styled consistently (assuming it's a concern).