@antebudimir/eslint-plugin-vanilla-extract/dist/css-rules/no-unitless-values/rule-definition.js

Comprehensive ESLint plugin for vanilla-extract with CSS property ordering, style validation, and best practices enforcement. Supports alphabetical, concentric and custom CSS ordering, auto-fixing, and zero-runtime safety.

import { createUnitlessValueVisitors } from './unitless-value-visitor-creator.js';
const noUnitlessValuesRule = {
    meta: {
        type: 'suggestion',
        docs: {
            description: 'disallow unitless numeric values for CSS properties that require units',
            category: 'Stylistic Issues',
            recommended: false,
        },
        schema: [
            {
                type: 'object',
                properties: {
                    allow: {
                        type: 'array',
                        items: {
                            type: 'string',
                        },
                        uniqueItems: true,
                        default: [],
                    },
                },
                additionalProperties: false,
            },
        ],
        messages: {
            noUnitlessValue: 'Property "{{ property }}" has unitless value {{ value }}. Add an explicit unit (e.g., "{{ value }}px", "{{ value }}rem").',
        },
    },
    create(context) {
        const options = context.options[0] || {};
        return createUnitlessValueVisitors(context, options);
    },
};
export default noUnitlessValuesRule;