compiled

• @compiled/[email protected]

7d3406c9: Previously, if you passed props => ... directly to styled.div or css(), and the return value of the arrow function was an object, you would cause @compiled/babel-plugin to crash:

import { styled } from '@compiled/react';
import React from 'react';

const Component = styled.div((props) => ({
  color: `${props.customColor}`,
  background: props.background,
}));

While at the same time, wrapping the return value inside a logical expression or ternary expression would make it work perfectly fine:

const Styles = styled.div((props) =>
  props.isEditing ? {} : { backgroundColor: props.highlightColor }
);

With this version, both of these forms will work without issue. :)

d5c6578c: Fix props (used by Compiled) being incorrectly forwarded to React when default values are used.

• @compiled/[email protected]

• @compiled/[email protected]
• @compiled/[email protected]

df91c60f: [BREAKING] Fix @compiled/babel-plugin handling of classic JSX pragma. Involves several breaking changes.

• Move the below @compiled/babel-plugin-strip-runtime behaviour to @compiled/babel-plugin
  • Classic JSX pragma will no longer affect the Babel output: instead of seeing jsx function calls in the output, you will see React.createElement calls again. (Added to @compiled/babel-plugin-strip-runtime in v0.27.0)
• @compiled/babel-plugin: Due to the above behaviour change, a classic JSX pragma (/** @jsx jsx */) is used, React will always be imported regardless of the value of importReact.
• @compiled/babel-plugin: We don't support specifying the pragma option through @babel/preset-react or @babel/plugin-transform-react-jsx - we will now throw an error if this happens.

• @compiled/[email protected]
• @compiled/[email protected]

df91c60f: [BREAKING] Fix @compiled/babel-plugin handling of classic JSX pragma. Involves several breaking changes.

• Move the below @compiled/babel-plugin-strip-runtime behaviour to @compiled/babel-plugin
  • Classic JSX pragma will no longer affect the Babel output: instead of seeing jsx function calls in the output, you will see React.createElement calls again. (Added to @compiled/babel-plugin-strip-runtime in v0.27.0)
• @compiled/babel-plugin: Due to the above behaviour change, a classic JSX pragma (/** @jsx jsx */) is used, React will always be imported regardless of the value of importReact.
• @compiled/babel-plugin: We don't support specifying the pragma option through @babel/preset-react or @babel/plugin-transform-react-jsx - we will now throw an error if this happens.

• @compiled/[email protected]

• @compiled/[email protected]