styled-components/babel-plugin-styled-components

Styles different betwen 5.1.1 and 5.2.0

Closed this issue · 2 comments

I have upgraded to 5.2.0 and styles appear to be broken:

Using 5.1.1:

5 1 1

Using 5.2.0

5 2 0

style template:

const ScoMessageRow = styled.divdisplay:flex; flex-direction: row; justify-content: ${props => {return props.msgtype === 'agent' ? 'flex-start' : 'flex-end';}}; background-color: inherit;

The alignment changes based on the message type. This use case is broken in 5.2.0. The only difference between the 2 screenshots is the styled-component version.

Is there any update here? Running into the same thing

This is the babel plugin repo, please reopen against styled-components proper for bugs with the library