`Filters.Active` badges do not meet color contrast requirements

[McManning]

• Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #1aaa55, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 • WCAG 1.4.3 Contrast (Minimum) • Recommendation: Darken the text to meet the requirement.

[helloLilyX]

The background color showed as #757575 in .badge-secondary { color: #fff; background-color: #757575; }

[McManning]

I misreported this one - it's not the badge component but the Filters.Active badges:

If you go to the search components example and select some states as filters, some badges will appear. Those are the active filter components:

https://osuresearch.github.io/ui/v4/#/Search%20Components?id=section-filters

[McManning]

This is also specifically a problem with the hover state for them:

[github-actions[bot]]

:tada: This issue has been resolved in version 4.9.1 :tada:

The release is available on:

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

Your semantic-release bot :package::rocket: