search

carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.87k stars 1.82k forks source link

[Bug]: [Tag] [high-contrast] - Text color issue on truncated tags with "high-contrast" variant in g100 theme #18062

Open 2nikhiltom opened 6 days ago

2nikhiltom commented 6 days ago

Package

@carbon/react

Browser

No response

Package version

1.70.0

React version

18.3.1

Description

If a tag is long and switches to the truncated version then the tag displays an incorrect text color deviating from the high-contrast color scheme applied Image

Reproduction/example

https://stackblitz.com/edit/github-6fprgk-u6iecd?file=src%2FApp.jsx

Steps to reproduce

use a tag with high-contrast with a long text

<Tag type="high-contrast">
        This is a very, very, very, long tag This is a very, very, very, long text     
 </Tag>

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

MichCest commented 5 days ago

One thing worth mentioning - the issue exists in all of the other themes as well, it just isn't quite as obtrusive in white or g10 as it is in g90 or g100.

Image