Lattice Grid 1.81: presets that match their system's real shape

A preset that only changes colour is only doing half its job. This release takes the four design-system presets the rest of the way: the presets now look like the systems they are named after, not just tinted the way they are.

Shape, not just colour

Material 3, Bootstrap 5, Ant Design 5 and Fluent 2 each now set their own row height, header weight and background, hover and selected tints, and draw horizontal dividers only, the way every one of those systems actually draws a table. Load the stylesheet after the grid’s own, and a row that used to sit at one fixed height now sits at Material’s 52px, Bootstrap’s 41px, Ant’s 55px or Fluent’s 44px, with the header weight to match. The Material 3 preset was checked side by side against a real, installed MUI X Data Grid, and it lands within a pixel on row height, header height and header weight, not just cited as a target.

A token for turning off the vertical lines

Every preset’s horizontal-dividers-only look is now a token any theme can reach for on its own: --lattice-cell-border-width turns off the vertical rule a header or filter cell draws. Nothing changes on a grid that does not set it, and asking for vertical lines explicitly still wins over whatever a preset or theme requests.

See it live

The theming guide switches one live grid between all four presets, each one now restyling to its own shape as well as its own colour, with a running readout of the accent token as it takes hold. The full token contract, all 172 public custom properties, is linked from the same page. What else shipped is in the changelog.