Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(progress-circle): migrating s2 tokens, refactor markup to use SVG element #3380

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
c5b31fe
feat(progress-circle): migrating s2 tokens
aramos-adobe Nov 10, 2024
6278667
feat(progresscircle): adding infield variant to progresscircle
aramos-adobe Nov 12, 2024
f58e9b5
feat(progresscircle): in field progress circle now in button, combobo…
aramos-adobe Nov 12, 2024
3c3ede2
chore(progresscircle): add tokens to project
aramos-adobe Nov 13, 2024
f3434e3
docs(progresscircle): making some changes
aramos-adobe Nov 20, 2024
73f5fda
feat(infieldprogress): add new component
aramos-adobe Nov 20, 2024
45c2bb6
feat(progresscircle): fixing animation stuff
aramos-adobe Nov 21, 2024
d608b19
feat(progresscircle): isolate progress circle
aramos-adobe Dec 5, 2024
bb62298
fix(progresscircle): remove token dupes
aramos-adobe Dec 6, 2024
ebe97e0
chore(progresscircle): removing unused import
aramos-adobe Jan 7, 2025
57c899f
chore(progresscircle): removing more unused imports
aramos-adobe Jan 7, 2025
298aed3
feat(progresscircle): update story and hcm
aramos-adobe Jan 13, 2025
b56ec29
feat(progresscircle): adding border for determinate version
aramos-adobe Jan 13, 2025
aeb4f40
fix(progresscircle): naming class more specific
aramos-adobe Jan 13, 2025
8487540
fix(progresscircle): revert comp stories to original
aramos-adobe Jan 14, 2025
d131967
docs(progresscircle): making some changes
aramos-adobe Nov 20, 2024
0ae5afa
feat(infieldprogress): add new component
aramos-adobe Nov 20, 2024
82e758f
feat(progresscircle): isolate progress circle
aramos-adobe Dec 5, 2024
ad10337
fix(progresscircle): remove token dupes
aramos-adobe Dec 6, 2024
fb78ba8
chore(progresscircle): removing unused import
aramos-adobe Jan 7, 2025
95debd0
chore(progresscircle): removing more unused imports
aramos-adobe Jan 7, 2025
634e28c
chore(pc): rebasing branch
aramos-adobe Jan 7, 2025
31c91c6
feat(progresscircle): update story and hcm
aramos-adobe Jan 13, 2025
d56b183
feat(progresscircle): adding border for determinate version
aramos-adobe Jan 13, 2025
7a612e6
fix(progresscircle): naming class more specific
aramos-adobe Jan 13, 2025
c029055
chore(progresscircle): adding metadata
aramos-adobe Jan 13, 2025
b4c24e8
fix(progresscircle): revert comp stories to original
aramos-adobe Jan 14, 2025
de0b23f
chore(progresscircle): adding build files
aramos-adobe Jan 22, 2025
4c4ddb8
feat(progresscircle): resolving comments
aramos-adobe Jan 23, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions .changeset/itchy-kids-travel.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
---
"@spectrum-css/progresscircle": major
---

## Progress circle S2 migration

This is the S2 migration of the progress circle. The original markup has changed to an svg and circle element to allow CSS styles such as `stroke-linecap`. This was necessary to match the design. The `--small/--medium/--large` sizing classes have been deprecated in favor of t-shirt classes `--sizeS/--sizeM/--sizeL`

### Animation

`@keyframes spectrum-dashoffset-animation`:
This animation was created by React Spectrum and used to keep the same speed and bezier curve.

### Added tokens

### Removed styles & mods

`--spectrum-progress-circle-track-border-color-over-background`
`--spectrum-progress-circle-fill-border-color-over-background`
`--spectrum-progress-circle-track-border-style`
`--spectrum-progress-circle-track-border-style`
`--highcontrast-progress-circle-track-border-style`
`--mod-progress-circle-track-border-style`
`--spectrum-progress-circle-track-border-style`
Loading
Loading