@vars-ui/eslint-plugin

ESLint rules to keep teams on tokens and avoid utility bloat.

Install

pnpm add -D @vars-ui/eslint-plugin eslint @typescript-eslint/parser

Flat config example

import ts from '@typescript-eslint/parser';
import plugin from '@vars-ui/eslint-plugin/dist/index.js';

export default [{
  files: ['src/**/*.{ts,tsx,js,jsx}'],
  languageOptions: { parser: ts },
  plugins: { '@vars-ui': plugin },
  rules: {
    '@vars-ui/no-raw-color': 'warn',
    '@vars-ui/max-utilities-per-element': 'warn',
    '@vars-ui/require-token': 'warn'
  }
}];

Docs and examples: https://github.com/fayez-kaabi/vars-ui