Allow Strut to accept sizing strings

[handeyeco]

Summary:

This is in response to: Khan/perseus#3466 (comment)

The Strut component doesn't let me use sizing but spacing is deprecated.

Test plan:

I'm not really sure. There weren't tests for Strut.

[claude]

Claude Code Review

This repository is configured for manual code reviews. Comment @claude review to trigger a review and subscribe this PR to future pushes, or @claude review once for a one-time review.

_{Tip: disable this comment in your organization's Code Review settings.}

[changeset-bot]

🦋 Changeset detected

Latest commit: a39e491

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 13 packages

Name	Type
@khanacademy/wonder-blocks-layout	Minor
@khanacademy/wonder-blocks-birthday-picker	Patch
@khanacademy/wonder-blocks-form	Patch
@khanacademy/wonder-blocks-grid	Patch
@khanacademy/wonder-blocks-labeled-field	Patch
@khanacademy/wonder-blocks-modal	Patch
@khanacademy/wonder-blocks-tooltip	Patch
@khanacademy/wonder-blocks-date-picker	Patch
@khanacademy/wonder-blocks-dropdown	Patch
@khanacademy/wonder-blocks-search-field	Patch
eslint-plugin-wonder-blocks-demo	Patch
@khanacademy/wonder-blocks-popover	Patch
@khanacademy/wonder-blocks-tabs	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[khan-actions-bot]

Gerald

Required Reviewers

• @Khan/wonder-blocks for changes to .changeset/slimy-bulldogs-flow.md, packages/wonder-blocks-layout/src/components/strut.tsx

---

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

[github-actions]

Size Change: 0 B

Total Size: 123 kB

ℹ️ View Unchanged

Filename	Size
packages/eslint-plugin-wonder-blocks/dist/es/index.js	2 kB
packages/wonder-blocks-accordion/dist/es/index.js	3.01 kB
packages/wonder-blocks-announcer/dist/es/index.js	2.43 kB
packages/wonder-blocks-badge/dist/es/index.js	2.02 kB
packages/wonder-blocks-banner/dist/es/index.js	2.01 kB
packages/wonder-blocks-birthday-picker/dist/es/index.js	1.93 kB
packages/wonder-blocks-breadcrumbs/dist/es/index.js	755 B
packages/wonder-blocks-button/dist/es/index.js	4.28 kB
packages/wonder-blocks-card/dist/es/index.js	1.08 kB
packages/wonder-blocks-cell/dist/es/index.js	2.18 kB
packages/wonder-blocks-clickable/dist/es/index.js	2.6 kB
packages/wonder-blocks-core/dist/es/index.js	2.59 kB
packages/wonder-blocks-data/dist/es/index.js	5.48 kB
packages/wonder-blocks-date-picker/dist/es/index.js	8.06 kB
packages/wonder-blocks-dropdown/dist/es/index.js	19.7 kB
packages/wonder-blocks-form/dist/es/index.js	6.29 kB
packages/wonder-blocks-grid/dist/es/index.js	1.24 kB
packages/wonder-blocks-icon-button/dist/es/index.js	4.01 kB
packages/wonder-blocks-icon/dist/es/index.js	1.91 kB
packages/wonder-blocks-labeled-field/dist/es/index.js	3.47 kB
packages/wonder-blocks-layout/dist/es/index.js	1.63 kB
packages/wonder-blocks-link/dist/es/index.js	1.53 kB
packages/wonder-blocks-modal/dist/es/index.js	7.36 kB
packages/wonder-blocks-pill/dist/es/index.js	1.31 kB
packages/wonder-blocks-popover/dist/es/index.js	4.38 kB
packages/wonder-blocks-progress-spinner/dist/es/index.js	1.48 kB
packages/wonder-blocks-search-field/dist/es/index.js	1.11 kB
packages/wonder-blocks-styles/dist/es/index.js	464 B
packages/wonder-blocks-switch/dist/es/index.js	1.55 kB
packages/wonder-blocks-tabs/dist/es/index.js	5.65 kB
packages/wonder-blocks-testing-core/dist/es/index.js	3.25 kB
packages/wonder-blocks-testing/dist/es/index.js	978 B
packages/wonder-blocks-theming/dist/es/index.js	384 B
packages/wonder-blocks-timing/dist/es/index.js	1.37 kB
packages/wonder-blocks-tokens/dist/es/index.js	5.18 kB
packages/wonder-blocks-toolbar/dist/es/index.js	916 B
packages/wonder-blocks-tooltip/dist/es/index.js	6.02 kB
packages/wonder-blocks-typography/dist/es/index.js	1.58 kB

_{compressed-size-action}

[github-actions]

A new build was pushed to Chromatic! 🚀

https://5e1bf4b385e3fb0020b7073c-tkrmptqllj.chromatic.com/

Chromatic results:

Metric	Total
Captured snapshots	246
Tests with visual changes	0
Total stories	835
Inherited (not captured) snapshots [TurboSnap]	216
Tests on the build	462

[handeyeco]

Strut is deprecated! We recommend using css's gap property whenever possible!

https://khan.github.io/wonder-blocks/?path=/docs/packages-layout-strut--docs

https://khanacademy.slack.com/archives/C8Z9DSKC7/p1777572946853399

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 0.00%. Comparing base (546d693) to head (a39e491).
⚠️ Report is 2 commits behind head on main.

Additional details and impacted files

@@     Coverage Diff      @@
##   main   #3029   +/-   ##
============================
============================

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 546d693...a39e491. Read the comment docs.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

npm Snapshot: Published

🎉 Good news!! We've packaged up the latest commit from this PR (8f7b61a) and published all packages with changesets to npm.

You can install the packages in frontend by running:

./dev/tools/deploy_wonder_blocks.js --tag="PR3029"

Packages can also be installed manually by running:

pnpm add @khanacademy/wonder-blocks-<package-name>@PR3029