[@thumbtack/thumbprint-react]: Link uses inline-block

Issue

Looks like the inline-block is being applied by: https://github.com/thumbtack/thumbprint/blob/171bd7d8ce1f9b86a190d256addeb39f987d4f54/packages/thumbprint-react/components/UIAction/plain.module.scss#L4

This means that <Link to="#">I am a link</Link> will wrap as a block and not at the word level.

I assume it was added to handle the case of an icon next to text. https://thumbprint.design/components/link/react/#example-link-with-an-icon

Expected

It should respond an an inline element so it mimics the a tag behavior.

[tomgenoni]

I’m guessing since links are usually one or two words that the block wrapping was not apparent.

I think 1 is probably the right way to go. That is the expected behavior out of the box. I can do the migration, it doesn’t look too bad.

[webbower]

Without knowing all the edge cases, I would go with making the component display: inline by default and display: inline-block when an icon is present. Not sure how display: inline would break tab titles.