Update Hidden.examples.stories.tsx to no longer use styled-components

[Copilot]

Migrated packages/react/src/Hidden/Hidden.examples.stories.tsx away from styled-components as part of the ongoing effort to remove styled-components dependencies from storybook stories.

Changes Made

Replaced styled-components usage with CSS Modules:

• Box components: Replaced <Box sx={{padding: 3}}> with <div className={classes.Container}>
• Text components: Replaced <Text sx={{fontSize: 1, color: 'fg.muted'}}> with <span className={classes.DescriptionText}>
• Link components: Replaced sx={{fontWeight: 'bold'}} prop with className={classes.BoldLink}

Created CSS Module file:

Added Hidden.examples.stories.module.css with equivalent styles:

.Container {
  padding: var(--base-size-16);
}

.DescriptionText {
  font-size: var(--text-body-size-small);
  color: var(--fgColor-muted);
}

.BoldLink {
  font-weight: var(--base-text-weight-semibold);
}

Cleaned up imports:

• Removed Box and Text from component imports
• Removed unused clsx import
• Added CSS module import

Screenshots

The migration maintains identical visual appearance and functionality:

Pull Request Page Example:

Webhooks Example:

All Hidden component examples continue to render correctly with proper responsive behavior, styling, and layout while eliminating styled-components dependencies.

Fixes #6530.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[changeset-bot]

⚠️ No Changeset found

Latest commit: fa772c1

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]

Pull Request Overview

This PR migrates the Hidden component's example stories from styled-components to CSS Modules as part of the ongoing effort to remove styled-components dependencies from Storybook stories.

• Replaced Box and Text components with plain HTML elements (div, span) using CSS Module classes
• Removed styled-components-based sx props in favor of className attributes
• Created a new CSS Module file with equivalent styles using CSS custom properties

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
packages/react/src/Hidden/Hidden.examples.stories.tsx	Migrated from styled-components to CSS Modules, replacing Box/Text components with HTML elements and sx props with className
packages/react/src/Hidden/Hidden.examples.stories.module.css	Added CSS Module with equivalent styles using CSS custom properties for container padding, description text, and bold links

[github-actions]

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	90.13 KB (0%)
packages/react/dist/browser.umd.js	90.31 KB (0%)