Progress - Design System
@mariamontes7 is already working on this.
Since Jun 17, 2025.
Assessment
This issue has not been assessed yet.
Description
Progress - Design System
1 - Prerequisites
- Host element will have the
.dcx-progressclass name
2 - Overview
2.1 - Possible states
| Name | Description |
|---|---|
| Default | Instance without specific properties defined |
2.2 - Variants
- No variants
2.3 - Structure
| Element | Description | Token Name |
|---|---|---|
| ProgressBox | Container native Input | spacing-x-formcontrol |
| Progress | Native progress itself | formcontrol |
2.4 - Tokens definition
Considerations:
- Add the tokens to
src/design-system/tokens.json - Define all styles in
src/design-system/forminput.css - Add import to the new CSS file in
src/design-system/index.css
Possible tokens:
- spacing-x-formcontrol
- color-background-progress_box
- color-background-formcontrol
- etc.
Follow the naming pattern
3 - Storybook
Create the pages for:
- Playground
- Default
- AccessibleTheme
- DarkTheme
- MaterialTheme
On each MDX page make examples for each possible variant
4 - Initial setup
Please follow these steps to create your branch:
git checkout release/1.1.0
git pull
git checkout -b 'feature/progress-design-system'
- Dominant language
- TypeScript
- Stars
- 120
- Forks
- 6
- PR merge metrics
- No merged PRs in 30d
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.
More from Capgemini/dcx-react-library
-
enhancement
Capgemini/dcx-react-library#707 · 1 assignee ·
-
a11y bug
Capgemini/dcx-react-library#705 · 1 assignee ·
-
design-system
Difficulty 5/5 Over a week Newbie friendliness 10/100
Capgemini/dcx-react-library#686 ·
-
Tabs - Design System Opendesign-system
Capgemini/dcx-react-library#685 · 1 assignee ·
-
design-system
Difficulty 4/5 3-5 days Newbie friendliness 35/100
Capgemini/dcx-react-library#684 ·
All issues in Capgemini/dcx-react-library
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Eynzof/Hermes-CN-Desktop#610 ·
-
bug clawsweeper:linked-pr-open clawsweeper:needs-live-repro clawsweeper:no-new-fix-pr impact:message-loss issue-rating: 🐚 platinum hermit P2 regression
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
-
calcite-components needs triage refactor
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Esri/calcite-design-system#15203 ·
-
Difficulty 1/5 Under an hour Newbie friendliness 78/100
fullcalendar/fullcalendar#8106 ·