feat(layoutProps): add ColumnLayoutProps to ControlUISchema

[shiplet]

We need the column spacing to be a bit more flexible in horizontal layouts.

This introduces a ColumnLayoutProps and layoutProps interface that allows for the specification of column widths on individual HorizontalLayout elements.

Without layoutProps

With layoutProps

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 74.85%. Comparing base (6f852f8) to head (570d262).
Report is 2 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main      #94      +/-   ##
==========================================
+ Coverage   74.70%   74.85%   +0.15%     
==========================================
  Files          38       38              
  Lines         502      505       +3     
  Branches       94       96       +2     
==========================================
+ Hits          375      378       +3     
  Misses         90       90              
  Partials       37       37              

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

[NathanFarmer]

It's hard to wrap my mind around how this works. Can you add a story to HorizontalLayout.stories.tsx?

[shiplet]

@NathanFarmer It's really more of a change to the Control definition, so I added an "empty" layoutProps to each of our Control UISchemas in the stories. I also attached screenshots to the initial PR description showing it in use as well.

[NathanFarmer]

How does this work with multiple columns? That's what I wasn't quite understanding and was expecting to see in the story.

Also, is layoutProps: { columns: undefined } now required, or did you add them everywhere to make it clear that it's an available prop? If it's required, I would think that it's a breaking change.

Do you intend for this PR to trigger release? If so your PR title should follow conventional commit syntax.

[NathanFarmer]

Approved based on synchronous conversation

[github-actions]

🎉 This PR is included in version 1.21.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀