Skip to content

Commit

Permalink
Merge pull request #3380 from adobe/aramos-adobe/css763-progress-circ…
Browse files Browse the repository at this point in the history
…le-s2-tokens

feat(progress-circle): migrating s2 tokens, refactor markup to use SVG element
  • Loading branch information
aramos-adobe authored Jan 24, 2025
2 parents f360c68 + 4c4ddb8 commit 7bbc448
Show file tree
Hide file tree
Showing 7 changed files with 176 additions and 1,210 deletions.
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

0 comments on commit 7bbc448

Please sign in to comment.