feat: button asChild

[seedy]

Description

• Closes [Button] Can't specify 'as' property directly on Button component #107

I chose to implement asChild behavior instead of as prop, which is really difficult to handle when we implement components on top of styled.

Also this choice follows the following RFC:

• [RFC] as design pattern is deprecated on Radix-UI #218

usgae of as prop is not disabled by this PR, simply, we cannot handle polymorphic typing properly. Users can still remove types from the component and make use of as prop if they prefer.

Added test and story to back the use case of a "ButtonLink"

I also reworked state="waiting" implementation, so it doesn't clash with asChild behavior.

Preview

simplescreenrecorder-2022-04-13_12.24.23.mp4

Good PR checkboxes

• Change has been tested
• Added/Updated tests
• Added/Updated stories
• PR follows conventions
• Labels are set
• Project is linked

Good Review checkboxes

ℹ️ Copy the snippet and paste in the review field to fill it

- [ ] I've tested the changes
- [ ] I've agreed on the unit tests (soon to come)
- [ ] I've checked the stories
- [ ] I've read the code and understood it
- [ ] I don't have any more questions
- [ ] I've described any optional improvements
- [ ] I checked PR follows [conventions](https://github.com/traefik/faency#how-to-contribute)

[traefiker]

🎉 This PR is included in version 4.2.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀