fix: fixed hover on multiselect

[guidari]

Closes #17820

Setting background-color to transparent when Multiselect is set to readOnly

Testing / Reviewing

• Go to playground and set Multiselect or FilterableMultiselect to readOnly

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	803f673
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/6735ec84050ee600089bd4cd
😎 Deploy Preview	https://deploy-preview-17944--v11-carbon-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	803f673
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/6735ec847429320008e60b6b
😎 Deploy Preview	https://deploy-preview-17944--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	803f673
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/6735ec84a063f00008e51554
😎 Deploy Preview	https://deploy-preview-17944--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.14%. Comparing base (ad23c63) to head (803f673).
Report is 20 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #17944   +/-   ##
=======================================
  Coverage   82.14%   82.14%           
=======================================
  Files         404      404           
  Lines       14117    14117           
  Branches     4434     4404   -30     
=======================================
  Hits        11597    11597           
+ Misses       2359     2358    -1     
- Partials      161      162    +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests
• JS Bundle Analysis - Avoid shipping oversized bundles

[preetibansalui]

It looks good to me but I think it's better to take a design review on this one.

[laurenmrice]

@guidari Looking good! Just two small things:

MultiSelect and Filterable MultiSelect

• The border around the tag is not the correct color. The design spec says it should be color token $border-subtle.

MultiSelect

• On the "Playground" story of MultiSelect, when the readonly prop is set to true, when hovering over the field and tag, there are still areas where the mouse cursor turns to a pointer instead of the arrow. It should always be the arrow in the readonly state.
  

[tay1orjones]

LGTM once the cursor is updated 👍

[guidari]

@guidari Looking good! Just two small things:

MultiSelect and Filterable MultiSelect

• The border around the tag is not the correct color. The design spec says it should be color token $border-subtle.

Thanks @laurenmrice ! My bad, I didn't see the design spec down there in the issue 😅

[laurenmrice]

Looks good to me. Thanks Gui!

[carbon-automation]

Hey there! v11.71.0 was just released that references this issue/PR.