Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Nov 10, 2025

Standardizes CSS module file naming for Storybook stories. Previously, some story-related CSS modules used *Stories.module.css while others used *.stories.module.css. This inconsistency has been resolved in favor of the lowercase pattern.

Rollout strategy

  • None; only modifies css filenames for stories, no user impact
Original prompt

In packages/react, find all css files with names that look like SomethingStories.module.css and convert them into Something.stories.module.css

For example, FocusTrapStories.module.css should be FocusTrap.stories.module.css


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

@changeset-bot
Copy link

changeset-bot bot commented Nov 10, 2025

⚠️ No Changeset found

Latest commit: 4bf13d3

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copilot AI changed the title [WIP] Rename CSS files for storybook format Normalize CSS module naming: *Stories.module.css → *.stories.module.css Nov 10, 2025
Copilot AI requested a review from siddharthkp November 10, 2025 10:54
Copilot finished work on behalf of siddharthkp November 10, 2025 10:54
@github-actions github-actions bot added the integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm label Nov 12, 2025
@github-actions
Copy link
Contributor

👋 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 integration-tests: skipped manually label to skip these checks.

Copy link
Member

@siddharthkp siddharthkp left a comment

Choose a reason for hiding this comment

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

Good bot

@siddharthkp siddharthkp marked this pull request as ready for review November 13, 2025 20:36
@siddharthkp siddharthkp requested a review from a team as a code owner November 13, 2025 20:36
@siddharthkp siddharthkp changed the title Normalize CSS module naming: *Stories.module.css → *.stories.module.css Normalize CSS module naming: LabelGroupStories.module.css → LabelGroup.stories.module.css Nov 13, 2025
@siddharthkp siddharthkp changed the title Normalize CSS module naming: LabelGroupStories.module.css → LabelGroup.stories.module.css Fix css module filenames for stories: LabelGroupStories.module.css → LabelGroup.stories.module.css Nov 13, 2025
@siddharthkp siddharthkp added the integration-tests: skipped manually Changes in this PR do not require an integration test label Nov 13, 2025
Copilot finished reviewing on behalf of siddharthkp November 13, 2025 20:38
Copy link
Contributor

Copilot AI left a 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.css to *.stories.module.css
  • Updated all corresponding import statements in 15 TypeScript story files
  • Ensures consistent naming convention matching the existing *.stories.tsx pattern

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm integration-tests: skipped manually Changes in this PR do not require an integration test skip changeset This change does not need a changelog

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants