Feat(web-react): Additional parameter for styleProps and Box refactor

[curdaj]

Description

Additional context

Issue reference

[netlify]

✅ Deploy Preview for spirit-design-system ready!

Name	Link
🔨 Latest commit	800c454
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system/deploys/6773d4303fd33e00084be48c
😎 Deploy Preview	https://deploy-preview-1831--spirit-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 96 (no change from production) Accessibility: 91 (no change from production) Best Practices: 100 (no change from production) SEO: 91 (no change from production) PWA: - View the detailed breakdown and full score reports

---

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

[netlify]

✅ Deploy Preview for spirit-design-system-storybook ready!

Name	Link
🔨 Latest commit	800c454
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-storybook/deploys/6773d43079f1ff00080fd596
😎 Deploy Preview	https://deploy-preview-1831--spirit-design-system-storybook.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.

[crishpeen]

LGTM, can we add this to the Footer somehow as well (but limited to only top and bottom)? Or do you plan to do this in a separate issue/PR?

My only concern was padding="auto", which we shouldn't allow, but we discussed it on Slack.

[curdaj]

LGTM, can we add this to the Footer somehow as well (but limited to only top and bottom)? Or do you plan to do this in a separate issue/PR?

My only concern was padding="auto", which we shouldn't allow, but we discussed it on Slack.

Footer refactored (separate commit).

We discussed the padding="auto". It is type-checked and must be of the SpaceToken type.