ESLint plugin
The essential plugin for use with the Atlassian Design System.use-latest-xcss-syntax
Description
Soon, non-token values for the following properties will raise TypeScript errors. This rule prevents new violations from being written until blockers are resolved.
Examples
Incorrect
const someStyles = xcss({
margin: '8px';
^^^^^
})Correct
const someStyles = xcss({
margin: 'space.100';
})See the list of available space tokens on the ADS website, (opens new window).
For Atlassians:
- See go/xcss-spacing, (opens new window) for context on why this is happening, and how you can prepare.