NumberInput has monospace font as opposed to sans in TextInput

[kubijo]

• carbon-components
• carbon-components-react

Detailed description

Is there any particular reason why NumberInput has monospace font while TextInput has a normal one?

I've encountered this because we have our fonts and monospace variant is bolder, so TextInput & NumberInput alongside each other look starkly different

[tw15egan]

cc @carbon-design-system/design

[kubijo]

Also while we're at it ... there seems to be a inconsistency in props naming ... TextInput uses prop labelText for label while NumberInput has label

[tw15egan]

Agreed, the prop inconsistency is a known issue, see

#8150
#7538 (comment)

[aagonzales]

Yes number input has mono space to account for non-numerical character that may be in a number input like increment names. This way the spacing of the characters is equal for alignment purposes.

The numerals themselves are actually the same glyphs in mono and sans (besides 0) so there isn't much of a visual difference unless you're using non-numerals.

Other components that use mono in the field include date picker for similar reasons.