-
Notifications
You must be signed in to change notification settings - Fork 198
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #3380 from adobe/aramos-adobe/css763-progress-circ…
…le-s2-tokens feat(progress-circle): migrating s2 tokens, refactor markup to use SVG element
- Loading branch information
Showing
7 changed files
with
176 additions
and
1,210 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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` |
Oops, something went wrong.