fix(ProgressBar): pass-through style props

[hussam-i-am]

• Closes ProgressBar.Item does not pass through style prop #6168

Changelog

New

Changed

• Appends the passed in style props to the existing styles object

Removed

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

Testing & Reviewing

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: 3202498

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Minor

Not sure what this means? Click here to learn what changesets are.

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

[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!

[Copilot]

Pull Request Overview

This PR enables consumers to pass a style prop to the ProgressBar.Item component and have it merged with the component’s internal CSS custom properties.

• Destructure and forward the style prop in ProgressBar.Item
• Change internal styles object to React.CSSProperties
• Merge internal styles and consumer-provided styles when rendering

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File	Description
packages/react/src/ProgressBar/ProgressBar.tsx	Destructure style, convert styles to React.CSSProperties, and merge it with incoming style
.changeset/small-baboons-press.md	Add changeset for style prop pass-through

Comments suppressed due to low confidence (2)

packages/react/src/ProgressBar/ProgressBar.tsx:35

• New style prop pass-through functionality lacks unit tests. Consider adding tests to verify that custom style properties are correctly merged and override internal styles.

style,

packages/react/src/ProgressBar/ProgressBar.tsx:35

• Component documentation and Storybook stories should be updated to reflect that the style prop is now supported and passed through to the root element.

style,

[francinelucca]

can you elaborate as to why this is needed? 🙏

[hussam-i-am]

Oh, forgot to mention it in the description, this updates the definition of CSSProperties to allow for CSS variables, so that we can just used React.CSS properties as the type in https://github.com/primer/react/pull/6169/files#diff-c755511099c2739a4276dc3b714e3ad5083385129f4fb3a461115179c50cbcbcR52, instead of {[key: string]: string} which is a bit too generic.

[hussam-i-am]

Actually looks like its causing the build to fail, so reverting that part of the change

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	94.55 KB (+0.06% 🔺)
packages/react/dist/browser.umd.js	94.71 KB (+0.08% 🔺)