[Notification]: low-contrast styles block inline notification's pointer events

[jendowns]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

When the bx--inline-notification--low-contrast class is added to the InlineNotification component (for low-contrast settings), it introduces a :before pseudo selector with styling that spans the entire height + width of the component...

This :before completely blocks out pointer events. You can quickly see this demonstrated on the current deployed gatsby-theme-carbon site, which uses the InlineNotification in low contrast mode.

Go here and try click on any link inside an InlineNotification: https://gatsby-theme-carbon.now.sh/components/InlineNotification

[jendowns]

I have a fix for this that I can propose in a moment 👍