Skip to content

feat(react-headless-components-preview): update stories styles to use CSS modules#36097

Merged
dmytrokirpa merged 1 commit into
microsoft:masterfrom
dmytrokirpa:feat/headless-stories-styles-update
May 5, 2026
Merged

feat(react-headless-components-preview): update stories styles to use CSS modules#36097
dmytrokirpa merged 1 commit into
microsoft:masterfrom
dmytrokirpa:feat/headless-stories-styles-update

Conversation

@dmytrokirpa
Copy link
Copy Markdown
Contributor

@dmytrokirpa dmytrokirpa commented May 5, 2026

Summary

  • Use consistent styles across Card, Dialog, Drawer, Input, MessageBar, Popover, Rating, Select, SpinButton, TabList, and Textarea stories (theme colors, no more black&white theming, focus outline, etc)
  • Refactor all Tooltip stories to use tooltip.module.css instead of TW styles
Screen.Recording.2026-05-05.at.15.56.46.mov

Test plan

  • Visually verify each component story renders correctly in Storybook
  • Confirm styles are scoped and no cross-component leakage

🤖 Generated with Claude Code

… CSS modules

Migrates inline/shared styles across Card, Dialog, Drawer, Input, MessageBar,
Popover, Rating, Select, SpinButton, TabList, Textarea, and Tooltip stories
to scoped CSS module files, and adds a new tooltip.module.css for Tooltip stories.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 5, 2026

📊 Bundle size report

✅ No changes found

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 5, 2026

Pull request demo site: URL

@dmytrokirpa dmytrokirpa self-assigned this May 5, 2026
@dmytrokirpa dmytrokirpa marked this pull request as ready for review May 5, 2026 13:56
@dmytrokirpa dmytrokirpa requested a review from a team as a code owner May 5, 2026 13:56
@dmytrokirpa dmytrokirpa requested review from Hotell and mainframev May 5, 2026 13:56
Copy link
Copy Markdown
Contributor

@Hotell Hotell left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@dmytrokirpa dmytrokirpa merged commit 30a4280 into microsoft:master May 5, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants