atlassian-labs/compiled v0.4.1 on GitHub

Small bug fix release.

Bug fixes

Some style interpolations weren't being applied correctly and would result in a build time exception - or even worse just broken CSS!

Here are some examples that were broken before but now work:

const Div = styled.div`
  border-radius: ${2 + 2}px;
  color: blue;
`;

const getBr = () => 4;

const Div = styled.div`
  border-radius: ${getBr}px;
  color: red;
`;

const getBr = () => {
  return true ? 'red' : 'blue';
};
        
const Div = styled.div`
  font-size: ${getBr()}px;
  color: red;
`;

Happy styling! 🥳