Add grid and column to web components - proposal

[lee-chase]

Closes #17909

An initial attempt at producing grid and column web components.

NOTE: It is not feature complete, but is intended as a functional first pass.

NOTE 2: It is possible not to use a context but this means having to hand wire sub-grid mode.

Changelog

New

• Web components grid, column, column-hang and stories.

Testing / Reviewing

All stories to match React storybook

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	b487e81
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/6746072bff52f10008a1ffa0
😎 Deploy Preview	https://deploy-preview-18034--v11-carbon-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	b487e81
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/6746072b166bd50008116fa3
😎 Deploy Preview	https://deploy-preview-18034--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	b487e81
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/6746072b2838c900082ddf45
😎 Deploy Preview	https://deploy-preview-18034--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[lee-chase]

I think I over estimated what subgrid is and used a context to pass narrow and condensed down. Didn’t realise until I got to the mixed gutters story.

It may be possible to refactor away the sub-grid component, needs a bit more thought.

Note w.r.t. context. If not permitted then I am unsure how to detect parent grid.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 83.22%. Comparing base (626289a) to head (c82b68d).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #18034      +/-   ##
==========================================
+ Coverage   82.87%   83.22%   +0.35%     
==========================================
  Files         404      404              
  Lines       14338    14338              
  Branches     4591     4645      +54     
==========================================
+ Hits        11882    11933      +51     
+ Misses       2296     2243      -53     
- Partials      160      162       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.