diff --git a/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js b/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js index 27f4cefbb..bc5a293a4 100644 --- a/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js +++ b/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js @@ -22,6 +22,20 @@ const eslintTester = new ESLintTester({ eslintTester.run('stylex-valid-styles', rule.default, { valid: [ + // issue #1701 — numeric values are valid for grid line properties + ` + import * as stylex from '@stylexjs/stylex'; + const styles = stylex.create({ + foo: { + gridColumn: 1, + gridColumnStart: 1, + gridColumnEnd: 3, + gridRow: 2, + gridRowStart: -1, + gridRowEnd: 4, + } + }); + `, // test for local static variables ` import * as stylex from '@stylexjs/stylex'; diff --git a/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js b/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js index 29aaff2ed..1a60332d7 100644 --- a/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js +++ b/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js @@ -329,7 +329,11 @@ const absoluteSize: RuleCheck = makeUnionRule( makeLiteralRule('xx-large'), ); const fontFamily: RuleCheck = isString; -const gridLine: RuleCheck = makeUnionRule(makeLiteralRule('auto'), isString); +const gridLine: RuleCheck = makeUnionRule( + makeLiteralRule('auto'), + isString, + isNumber, +); const gridTemplate: RuleCheck = makeUnionRule( makeLiteralRule('none'), makeLiteralRule('subgrid'),