WD-32254-Updated equal heights row and pattern to use 4 4 8 grid

[immortalcodes]

Done

• Added support to link titles for items in equal heights pattern.
• Updated equal heights row and pattern to use 4-4-8 grid
• I had a manual check at uses of the pattern and component in canonical.com and ubuntu.com and they do not break, simply because the legacy 3 item row has same ratio(9/12) as the new grid(6/8),also true for 2 items row - (6/12) and (4/8). Still it would be better to take another look at the demo.
• As Julie said in this comment, at some places if an html element uses old grid values and is nested inside the equal-height-row component then it could break the layout, but such instances are rare and need a closer look when the sites are updated to use the 4-4-8 grid equal height pattern.

Fixes [list issues/bugs if needed]
#5587
https://warthogs.atlassian.net/browse/WD-32254

QA

• Open equal heights pattern and equal heights
• See the equal heights pattern and equal heights component to see they do not break and follow 8 column grid.
• See there are no breaking changes in Canonical.com
• For ubuntu.com the styles have been custom modified and would require taking a look at this file when updating to latest vanilla package.
• For linked titles see the highlighted images example.

Check if PR is ready for release

If this PR contains Vanilla SCSS or macro code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention
  • if existing APIs (CSS classes & macro APIs) are not changed it can be a bugfix release (x.x.X)
  • if existing APIs (CSS classes & macro APIs) are changed/added/removed it should be a minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) or macros should be listed on the what's new page.

Screenshots

[if relevant, include a screenshot or screen capture]

[webteam-app]

Demo

Jenkins

demos.haus

[Copilot]

Pull request overview

This pull request migrates the equal heights row pattern and component from the legacy 12-column grid system (4/6/12) to the new 8-column grid system (4/4/8). The changes update grid class names, SCSS grid variables, and refactor the template logic to use a new shared macro for better code reusability.

• Migrated from legacy grid classes (.row, .col) to new grid classes (.grid-row, .grid-col)
• Updated SCSS to use 8-column grid variables ($grid-8-columns) instead of legacy 12-column variables
• Extracted equal heights block rendering into a reusable shared macro

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
templates/_macros/vf_equal-heights.jinja	Updated grid class names from legacy to 8-column grid, changed quote styles, and refactored to use new shared macro
templates/_macros/shared/vf_equal-heights-block.jinja	New shared macro containing extracted equal heights block rendering logic for reusability
scss/_patterns_equal-height-row.scss	Migrated grid variables from 12-column to 8-column system, updated calculations, added support for both new and legacy grid class selectors
releases.yml	Added release notes for version 4.40.0 documenting the grid migration
package.json	Bumped version from 4.39.0 to 4.40.0

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[petesfrench]

QA'd on some different pages and looks good. Just left some minor comments in the code.

[petesfrench]

Do we gain anything from abstracting these values into a calculation?

[immortalcodes]

This change was made by Julie but I suppose it is to eliminate hard coded values and replace it with consistent grid-8-column variable

[kim-isaac]

Thanks for adding linked title @immortalcodes , I'm adding +1!