patternfly / patternfly/patternfly-react

Bug - Multiple File Upload - `progressVariant` is limited to "success|warning|danger" bar colors and the BLUE color is not possible

Open
#11,276 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Stale
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

  • progressVariant should 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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.