Skip to content

Commit 7bbc448

Browse files
authored
Merge pull request #3380 from adobe/aramos-adobe/css763-progress-circle-s2-tokens
feat(progress-circle): migrating s2 tokens, refactor markup to use SVG element
2 parents f360c68 + 4c4ddb8 commit 7bbc448

File tree

7 files changed

+176
-1210
lines changed

7 files changed

+176
-1210
lines changed

.changeset/itchy-kids-travel.md

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
"@spectrum-css/progresscircle": major
3+
---
4+
5+
## Progress circle S2 migration
6+
7+
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`
8+
9+
### Animation
10+
11+
`@keyframes spectrum-dashoffset-animation`:
12+
This animation was created by React Spectrum and used to keep the same speed and bezier curve.
13+
14+
### Added tokens
15+
16+
### Removed styles & mods
17+
18+
`--spectrum-progress-circle-track-border-color-over-background`
19+
`--spectrum-progress-circle-fill-border-color-over-background`
20+
`--spectrum-progress-circle-track-border-style`
21+
`--spectrum-progress-circle-track-border-style`
22+
`--highcontrast-progress-circle-track-border-style`
23+
`--mod-progress-circle-track-border-style`
24+
`--spectrum-progress-circle-track-border-style`

0 commit comments

Comments
 (0)