Skip to content

Conversation

@abhakat
Copy link
Contributor

@abhakat abhakat commented Feb 9, 2026

Expand grid-area, grid-row, grid-column, and grid-template shorthands into their longhand equivalents with spec-conformant autofix. The grid-area expansion correctly applies the CSS omission rule per-axis, only copying end values from start values for custom-ident groups.

What changed / motivation ?

Want to create the auto-fix to auto-fix future issues.

Linked PR/Issues

Fixes #1476

Additional Context

Added some tests to show/validate behavior

Pre-flight checklist

Expand grid-area, grid-row, grid-column, and grid-template shorthands
into their longhand equivalents with spec-conformant autofix. The
grid-area expansion correctly applies the CSS omission rule per-axis,
only copying end values from start values for custom-ident groups.
@vercel
Copy link

vercel bot commented Feb 9, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
stylex Skipped Skipped Feb 9, 2026 5:59pm

Request Review

@github-actions
Copy link

github-actions bot commented Feb 9, 2026

workflow: benchmarks/perf

Comparison of performance test results, measured in operations per second. Larger is better.
yarn workspace v1.22.22
yarn run v1.22.22
$ node ./compare.js /tmp/tmp.DWtJOU2HHk /tmp/tmp.G0x0ZoQhcK

Results Base Patch Ratio
babel-plugin: stylex.create
· basic create 548 551 1.01 +
· complex create 68 68 1.00
babel-plugin: stylex.createTheme
· basic themes 448 448 1.00
· complex themes 35 35 1.00
Done in 0.09s.
Done in 0.32s.

@github-actions
Copy link

github-actions bot commented Feb 9, 2026

workflow: benchmarks/size

Comparison of minified (terser) and compressed (brotli) size results, measured in bytes. Smaller is better.
yarn workspace v1.22.22
yarn run v1.22.22
$ node ./compare.js /tmp/tmp.ZeZjwnyj40 /tmp/tmp.gaPfFpPnyZ

Results Base Patch Ratio
@stylexjs/stylex/lib/cjs/stylex.js
· compressed 1,311 1,311 1.00
· minified 4,150 4,150 1.00
@stylexjs/stylex/lib/cjs/inject.js
· compressed 1,793 1,793 1.00
· minified 4,915 4,915 1.00
benchmarks/size/.build/bundle.js
· compressed 496,650 496,650 1.00
· minified 4,847,840 4,847,840 1.00
benchmarks/size/.build/stylex.css
· compressed 99,867 99,853 1.00 -
· minified 747,613 747,541 1.00 -
Done in 0.09s.
Done in 0.33s.

@meta-cla meta-cla bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Feb 9, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[eslint-plugin] Add grid shorthand expansion to stylex-valid-shorthands

1 participant