Text: add whiteSpace prop to control CSS white-space property

[jonrohan]

Closes #7607

The docs for Text listed whiteSpace as a supported prop, but the component did not actually accept it, resulting in a type error when used. This PR adds first-class support for the whiteSpace prop so the implementation matches the documentation.

The prop maps to the CSS white-space property via a data-white-space attribute and supports the values pre, normal, nowrap, pre-wrap, and pre-line.

Changelog

New

• Added a whiteSpace prop to the Text component that controls the CSS white-space property. Supported values: pre, normal, nowrap, pre-wrap, pre-line.
• Added Storybook feature stories for each whiteSpace value and a whiteSpace control to the Text playground.

Changed

• Text now renders a data-white-space attribute and applies the corresponding white-space styling in Text.module.css.

Removed

• N/A

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

• Added unit tests verifying the data-white-space attribute is set for each supported value and is omitted when the prop is not provided.
• Verify the new whiteSpace stories in Storybook (Components → Text → Features) render the expected white-space behavior.

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-ui (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: 2cf3933

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

This PR includes changesets to release 1 package

Name	Type
@primer/react	Minor

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

[github-actions]

⚠️ Action required

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Check the integration testing docs for step-by-step instructions. Or, apply the integration-tests: skipped manually label to skip these checks.

To publish a canary release for integration testing, apply the Canary Release label to this PR.

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

[primer-integration]

👋 Hi from github/github-ui! Your integration PR is ready: https://github.com/github/github-ui/pull/21964

[primer-integration]

Integration test results from github/github-ui:

  CI Passed
  VRT Passed
  Projects Passed

All checks passed!