patternfly / patternfly/patternfly-react
Bug - Multiple File Upload - `progressVariant` is limited to "success|warning|danger" bar colors and the BLUE color is not possible
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 862
- Forks
- 392
- Avg merge
- 4d 8h
- Merged PRs (30d)
- 9
Description
Describe the problem
The component https://v5-archive.patternfly.org/components/file-upload/multiple-file-upload does not allow to have BLUE bar colors as mentioned in the Design Guidelines https://v5-archive.patternfly.org/components/file-upload/multiple-file-upload/design-guidelines/
The guidelines indicate that the BLUE color can be used for "In Progress" statuses. However, the current progressVariant does not allow you to set a value so the progress bar becomes BLUE
How do you reproduce the problem?
Provide steps to reproduce. A codesandbox demonstrating the problem is appreciated.
Expected behavior
progressVariantshould allow a value for BLUE or- If
progressVariant=null|undefined then BLUE should be applied automatically
Is this issue blocking you?
List the workaround if there is one.
Screenshots
If applicable, add screenshots to help explain the issue.
What is your environment?
- OS: Fedora 41
- Browser Chrome
What is your product and what release date are you targeting?
Any other information?
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Multiple File Upload component and trace how its progressVariant prop controls the progress bar color. Compare the component behavior with the linked design guidelines and verify whether an additional blue value or a default for null or undefined is appropriate. Done means in-progress uploads render blue while the existing success, warning, and danger variants continue to work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100