When CdsTag has both color and disabled hover functionality still works.

[kdavidenkovmware]

Describe the bug

When CdsTag has both color and disabled hover functionality still works.

How to reproduce

https://codesandbox.io/s/cdstag-disabled-bug-eg2udj?file=/src/index.js

Steps to reproduce the behavior:

1. create a CdsTag with both color and disabled props.
2. hover over the rendered tag.

Expected behavior

When the tag is disabled, hovering behavior from color shouldn't function

Versions

Clarity project:

• Clarity Core
• Clarity Angular/UI

Clarity version:

• v5.x
• v6.x

Framework:

• Angular
• React
• Vue
• Other:

Framework version:
React >=16.8.0

Device:

• Type: MacBook Pro
• OS: macOS BigSur 11.5.2
• Browser Chrome
• Version 101.0.4951.54 (Official Build) (x86_64)

[github-actions]

🎉 This issue has been resolved in version 5.8.1 🎉

The release is available on:

• GitHub release
• v5.8.1

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 6.1.1 🎉

The release is available on:

• GitHub release
• v6.1.1

Your semantic-release bot 📦🚀

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.