feat!(BREAKING CHANGE): remove misused styling props

[paanSinghCoder]

Summary

Removes one-off styling props across components that should be handled via className / style, and reshapes Callout's outline boolean into a proper variant axis. These props let callers inline layout/width overrides that bypass the design system.

CSS defaults are preserved (input/textarea/search containers stay width: 100%; dialogs stay 400px), so default rendering is unchanged — only explicit prop usage needs migration.

⚠️ Breaking changes

Component	Change
Callout	Removed width. outline boolean → variant="outline" (variant?: 'solid' | 'outline', default solid)
Button	Removed width, maxWidth
Input	Removed width
TextArea	Removed width
List	Removed maxWidth (on List) and minWidth (on List.Label)
Flex	Removed width="full"
Dialog.Content	Removed width
AlertDialog.Content	Removed width

variant on Callout is a separate axis from type, so the combination is preserved — e.g. <Callout type="success" variant="outline"> still works.

Migration

Before	After
<Callout outline>	<Callout variant="outline">
<Callout width={500}>	<Callout style={{ width: 500 }}>
<Button width="100%">	<Button style={{ width: '100%' }}>
<Flex width="full">	<Flex style={{ width: '100%' }}>
<List maxWidth="600px">	<List style={{ maxWidth: '600px' }}>
<List.Label minWidth="88px">	<List.Label style={{ minWidth: '88px' }}>
<Dialog.Content width={500}>	<Dialog.Content style={{ width: 500 }}>
<TextArea width="300px">	<TextArea style={{ width: '300px' }}>
<Input width="560px">	wrap in a sized container, or classNames={{ container }}

Not in this PR (follow-up)

• Search.width removal and Input type-level hardening are deferred. They're coupled — Search extends InputProps, and DataView.Search / DataView.Search (beta) / TableSearch all forward to Search — so they'll land together. A few Input doc examples still reference width and will be migrated in that follow-up.

Verification

• ✅ All in-scope component test suites pass (270 tests)
• ✅ tsc clean for changed areas; Biome clean
• ✅ Audited repo-wide: no dangling references, Figma Code Connect (callout.figma.tsx) updated to map variant, docs/demos/playground migrated

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
apsara	Ready	Preview, Comment	Jun 8, 2026 10:24am

[coderabbitai]

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

• @coderabbitai resume to resume automatic reviews.
• @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

• ▶️ Resume reviews
• 🔍 Trigger review

📝 Walkthrough

Walkthrough

This pull request removes width-related styling props (width, maxWidth, minWidth) across components and demos, migrating callers to use explicit inline style objects instead. Flex drops its width='full' variant; Callout replaces boolean outline with a variant prop and drops width. Dialog/AlertDialog, Button, Input, TextArea, and List APIs remove width-related props. Demo snippets, docs, Figma mapping, and tests were updated accordingly.

Suggested reviewers

• rsbh
• rohanchkrabrty
• rohilsurana

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 17.24% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the main change: removing styling props and converting Callout's outline boolean to a variant, which aligns with the PR's primary objective.
Description check	✅ Passed	The description is well-structured and directly relates to the changeset, providing clear context about styling prop removals, breaking changes, migration examples, and verification details.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[rohanchkrabrty]

Also the v1-migration.md needs to be updated too