Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.
Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.
First set up Compiled.
``sh`
yarn add @atlaskit/css
Update your Compiled config to have importSources point to @atlaskit/css:
`diff`
{
+ "importSources": ["@atlaskit/css"]
}
`jsx
import { css } from '@atlaskit/css';
const basicStyles = css({
color: 'var(--ds-link)',
});