buildo / bento-design-system

A customizable and extensible Design System framework for React.js projects
https://www.bento-ds.com
MIT License
116 stars 12 forks source link

Bug: reset classes applied twice on Link component #829

Open kevinkucharczyk opened 8 months ago

kevinkucharczyk commented 8 months ago

Description of the bug

You can see this in Storybook: https://storybook.bento-ds.com/?path=/story/components-link--link

The component renders as

<a tabindex="0" role="link" target="_blank" href="http://www.example.com" class="_1sg6ssb0 _1sg6ssb6 _1sg6ssb0 fmzr143 oc4xku1aw oc4xku1ba oc4xku1fc oc4xku1w0 oc4xku1vy oc4xku1w1 oc4xku1w2 oc4xku1w4 oc4xkur6 oc4xkurc oc4xkuri oc4xkurp paq9lr2 oc4xku30 paq9lr4 _1sg6ssb6 _1fef0ld3w">I'm a link</a>

The classes of _1sg6ssb0 (the base reset) and _1sg6ssb6 (the a reset) exist twice. It's not really a big deal, but if this could be avoided it would generate slightly less verbose class strings, which makes it easier for humans to read and debug.

Playroom reproduction

No response

Version

0.22.6

What browsers are you seeing the problem on?

Chrome, Safari, Firefox, Edge