cx has trailing whitespace

[staylor]

• emotion version: 9.0.0-1
• react version: 16.2

Relevant code.

cx('guyFieri', {
  donkeySauce: true,
})

What you did:

I want to replace classnames with cx

What happened:

There is extra whitespace at the end of the class names.

Reproduction:

Just use cx

Problem description:

If you have hundreds of components, this creates unnecessary snapshot churn, and feels/smells like a code smell.

Suggested solution:

Trim whitespace from className or alter existing logic to not always push trailing whitespace on the next local var

[emmatown]

I can't seem to reproduce this. https://codesandbox.io/s/6xjk5p5n03

[staylor]

sorry about that, here is a codesandbox with examples of extra whitespace: https://codesandbox.io/s/oop6pz4w25

If the default props are set to null, but are of type PropTypes.string, snapshots will render null as a string