fix button text not wrapping

[jivey]

https://openstax.atlassian.net/browse/CORE-2918

This fixes an issue with the button text not wrapping when the button becomes longer than the width of the viewport, creating overflow. It should instead wrap to a new line (and not be limited by height.) I also customized the list of ladle viewport sizes to include 320, it will hopefully make it easier to test that minimum size to spot issues like this in the future.

Before:

After:

Text without spaces:

[Copilot]

Copilot review overview

🟡 Changes recommended

The story contains a critical TypeScript callback error and the input lacks an accessible name.

Get a fresh assessment by requesting another Copilot review.

Review effort: Lite
Findings: 1 · 1

Open (2)

• Handle Input's controlled value instead of a change event · New
• Add an accessible name to the text input · New

What changed in this PR

This PR fixes long button labels overflowing narrow viewports and adds a 320px Ladle viewport for testing.

Changes:

• Enables multiline button labels with flexible height.
• Adds editable button text to the Primary story.
• Adds viewport presets and bumps the package version to 1.23.10.

File	Summary
src/​components/​Button.stories.tsx	Adds interactive button text testing. Critical finding (2 votes): the Input callback uses an invalid native event shape. Nit (2 votes): the input lacks an accessible name.
src/​components/​Button.css	Enables text wrapping and dynamic button height.
package.json	Bumps the package version.
.ladle/​config.mjs	Adds viewport width presets.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[jivey]

@RoyEJohnson What's the @types/dompurify deletion?

[RoyEJohnson]

It was generating a warning that "@types/dompurify is a stub. It is not needed." Starting with version 3.2.0, it ships with TS definitions.