Uh oh!
There was an error while loading. Please reload this page.
fix(ui): Balance headings and prettify body text to reduce widows - #9157
Conversation
🦋 Changeset detectedLatest commit: 8b7232b The changes in this PR will be included in the next version bump. This PR includes changesets to release 3 packages
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 |
The latest updates on your projects. Learn more about Vercel for GitHub.
|
📝 WalkthroughWalkthrough
ChangesText Wrapping Defaults
Estimated code review effort: 1 (Trivial) | ~2 minutes Poem
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches📝 Generate docstrings
Comment |
@clerk/astro@clerk/backend@clerk/chrome-extension@clerk/clerk-js@clerk/electron@clerk/electron-passkeys@clerk/eslint-plugin@clerk/expo@clerk/expo-passkeys@clerk/express@clerk/fastify@clerk/hono@clerk/localizations@clerk/nextjs@clerk/nuxt@clerk/react@clerk/react-router@clerk/shared@clerk/tanstack-react-start@clerk/testing@clerk/ui@clerk/upgrade@clerk/vuecommit: |
API Changes Report
Summary
No API Changes DetectedAll packages have stable APIs with no detected changes. Report generated by Break Check Last ran on |
Description
Reduces text widows and orphans in Clerk UI by setting
text-wrapcentrally on the two legacy text primitives:Headingusestext-wrap: balance(evens out line lengths on short titles) andTextusestext-wrap: pretty(prevents widows on longer body copy). Applying this in the primitives' base styles covers every heading and text element without per-component edits, and it's a progressive enhancement that falls back to normal wrapping in browsers without support. This is purely cosmetic and backwards-compatible.Checklist
pnpm testruns as expected.pnpm buildruns as expected.Type of change
Summary by CodeRabbit