feat: adds tooltip component

[ryanhagerty]

Summary

This provides a tooltip component.

How to review this pull request

• Check out the new tooltip component in Storybook
• Click on the controls to change where the tooltip direction is coming from (see screenshot below). Note: There is a bug in storybook where changing a control doesn't update the JS. To get around this: once you change the control direction, click another story, click back on the tooltip story and now it will work.

Screenshots

[joetower]

@ryanhagerty This is great! I noticed a couple minor things that should probably be addressed before we approve and merge this.

1. There is no :focus state on the tooltip when keyboard navigating. I realize this may be tricky, given how the button is only the i element. Perhaps this needs to be refactored a bit to allow for proper focus states?
2. Also, the .tooltip__content is set to display: none and I'm wondering if we should change this to visibility: hidden or something else that is more accessible? I don't think a lot of screen readers would read the tooltip content as it is right now.

[ryanhagerty]

@joetower

Thanks for the review Joe.

The tooltip had a focus state, but it was so small. I bumped it up a bit. I also changed the visibility (thanks) and added an unrequested Esc key option to close the tooltip for accessiblity.

[joetower]

@ryanhagerty This looks great! Thanks for making those changes.

[github-actions]

🎉 This PR is included in version 1.15.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀