DialogV2: Reduce the buttons in Storybook story

[TylerJDev]

Reduces the amount of buttons in our "Stress Test" story, so that the dialog always retains enough space for each section (header, body, footer).

Supplements #5629

Changelog

Changed

• Reduces amount of buttons in "Stress Test" story, from 10 to 3.

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

Testing & Reviewing

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

⚠️ No Changeset found

Latest commit: 55ac8eb

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	105.94 KB (0%)
packages/react/dist/browser.umd.js	106.3 KB (0%)

[francinelucca]

I'm confused on this one 😅 . Can you add more context as to why this is needed? I see in the snapshots all the buttons fit in the original, is this to accommodate for #5629 ? If so can you elaborate on the issue it's solving for? 🙏

[TylerJDev]

@francinelucca, the dialog's body isn't visible if the height/width is too small. For example, at 320 x 312, the body itself isn't accessible. #5629 enhances this by having the buttons placed in the footer horizontally rather than vertically. We can still present this story as a stress test, but reduce the amount of buttons, as we probably wouldn't want consumers to use more than 2-3 buttons at a given time in a footer 😅

More context is in this issue: https://github.com/github/accessibility-audits/issues/10071

Also attached an image of how it looks with a smaller screen size.

[francinelucca]

Thanks for the context! 💃