Disabled number input (light mode) is the wrong background color

We have the number input set up properly in our environment but it is rendering incorrectly. We’re using light settings but the background is showing up as white; causing it to be invisible. Matt Howard is our dev on this.

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you’re having.

It renders like this…

But in storybook, it looks like this…

Is this issue related to a specific component?

Yes, the Number stepper

What did you expect to happen? What happened instead? What would you like to see changed?

What browser are you working in?

This is browser agnostic as it appears in all browsers this way.

What version of the Carbon Design System are you using?

current.

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Modeler Flows for Watson Studio / Elyra canvas

Please create a reduced test case in CodeSandbox

• Style and vanilla JS: https://codesandbox.io/s/github/carbon-design-system/carbon/tree/master/packages/components/examples/codesandbox
• React: https://codesandbox.io/s/github/carbon-design-system/carbon/tree/master/packages/react/examples/codesandbox

Additional information

[emyarod]

it looks like the labels and helper text also are not receiving disabled styles so I can make that change

[matthoward366]

I think there needs to be a light variant for disabled on the number control.