Closed dddlr closed 11 months ago
Latest commit: 52af34b4b87652429e46f1e60d1ecdd8bb246fb9
The changes in this PR will be included in the next version bump.
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
There are some edge cases that
no-css-prop-without-css-function
didn't handle well when used in a repository with both Emotion and Compiled. This PR provides some more configuration options that get around these edge cases:Files that use Emotion
This is perfectly normal Emotion syntax:
We don't want to add Compiled to a file that already has Emotion in it.
ignoreIfImported
provides a way to exclude files that use Emotion, for example we can exclude any file that imports something from@emotion/react
and@emotion/core
.Using
css
on atlaskit components@atlaskit
components still use Emotion (as of writing :eyes:), so convertingcss={{ color: 'blue' }}
tocss={css({ color: 'blue' })}
and importingimport { css } from '@compiled/react'
can cause type errors.excludeReactComponents
lets us get around this issue.