-
Notifications
You must be signed in to change notification settings - Fork 644
Fix css module filenames for stories: LabelGroupStories.module.css → LabelGroup.stories.module.css #7172
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
Co-authored-by: siddharthkp <[email protected]>
|
👋 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. Or, apply the |
siddharthkp
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good bot
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR standardizes CSS module file naming for Storybook stories by converting the inconsistent *Stories.module.css pattern to the lowercase *.stories.module.css pattern across the repository.
Key Changes:
- Renamed 10 CSS module files from
*Stories.module.cssto*.stories.module.css - Updated all corresponding import statements in 15 TypeScript story files
- Ensures consistent naming convention matching the existing
*.stories.tsxpattern
Reviewed Changes
Copilot reviewed 16 out of 26 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
packages/react/src/stories/useFocusZone.stories.tsx |
Updated import to reference renamed FocusZone.stories.module.css |
packages/react/src/stories/useFocusTrap.stories.tsx |
Updated import to reference renamed FocusTrap.stories.module.css |
packages/react/src/stories/useAnchoredPosition.stories.tsx |
Updated import to reference renamed AnchoredPosition.stories.module.css |
packages/react/src/stories/deprecated/ActionMenu.stories.tsx |
Updated import to reference renamed ActionMenu.stories.module.css |
packages/react/src/stories/deprecated/ActionMenu.stories.module.css |
Newly created file with renamed CSS module for ActionMenu stories |
packages/react/src/stories/deprecated/ActionList.stories.tsx |
Updated import to reference renamed ActionList.stories.module.css |
packages/react/src/stories/deprecated/ActionList.stories.module.css |
Newly created file with renamed CSS module for ActionList stories |
packages/react/src/stories/ThemeProvider.stories.tsx |
Updated import to reference renamed ThemeProvider.stories.module.css |
packages/react/src/stories/ThemeProvider.stories.module.css |
Newly created file with renamed CSS module for ThemeProvider stories |
packages/react/src/stories/FocusZone.stories.module.css |
Newly created file with renamed CSS module for FocusZone stories |
packages/react/src/stories/FocusTrap.stories.module.css |
Newly created file with renamed CSS module for FocusTrap stories |
packages/react/src/stories/AnchoredPosition.stories.module.css |
Newly created file with renamed CSS module for AnchoredPosition stories |
packages/react/src/experimental/SelectPanel2/SelectPanel2.stories.module.css |
Newly created file with renamed CSS module shared across SelectPanel2 stories |
packages/react/src/experimental/SelectPanel2/SelectPanel.stories.tsx |
Updated import to reference renamed SelectPanel2.stories.module.css |
packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.tsx |
Updated import to reference renamed SelectPanel2.stories.module.css |
packages/react/src/experimental/SelectPanel2/SelectPanel.features.stories.tsx |
Updated import to reference renamed SelectPanel2.stories.module.css |
packages/react/src/experimental/SelectPanel2/SelectPanel.examples.stories.tsx |
Updated import to reference renamed SelectPanel2.stories.module.css |
packages/react/src/TreeView/TreeViewWithLeadingAction.stories.tsx |
Updated import to reference renamed TreeView.stories.module.css |
packages/react/src/TreeView/TreeView.stories.tsx |
Updated import to reference renamed TreeView.stories.module.css |
packages/react/src/TreeView/TreeView.stories.module.css |
Newly created file with renamed CSS module for TreeView stories |
packages/react/src/TreeView/TreeView.examples.stories.tsx |
Updated import to reference renamed TreeView.stories.module.css |
packages/react/src/Spinner/Spinner.stories.module.css |
Newly created file with renamed CSS module for Spinner stories |
packages/react/src/Spinner/Spinner.examples.stories.tsx |
Updated import to reference renamed Spinner.stories.module.css |
packages/react/src/LabelGroup/LabelGroup.stories.tsx |
Updated import to reference renamed LabelGroup.stories.module.css |
packages/react/src/LabelGroup/LabelGroup.stories.module.css |
Newly created file with renamed CSS module for LabelGroup stories |
packages/react/src/LabelGroup/LabelGroup.features.stories.tsx |
Updated import to reference renamed LabelGroup.stories.module.css |
Standardizes CSS module file naming for Storybook stories. Previously, some story-related CSS modules used
*Stories.module.csswhile others used*.stories.module.css. This inconsistency has been resolved in favor of the lowercase pattern.Rollout strategy
Original prompt
💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.