Skip to content

Commit 0f07686

Browse files
aramos-adobecastastrophe
authored andcommitted
feat(progresscircle): adding border for determinate version
1 parent 5eed379 commit 0f07686

File tree

2 files changed

+15
-1
lines changed

2 files changed

+15
-1
lines changed

components/progresscircle/dist/metadata.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,9 @@
99
".spectrum-ProgressCircle-fill",
1010
".spectrum-ProgressCircle-track",
1111
".spectrum-ProgressCircle.spectrum-ProgressCircle--staticBlack",
12-
".spectrum-ProgressCircle.spectrum-ProgressCircle--staticWhite"
12+
".spectrum-ProgressCircle.spectrum-ProgressCircle--staticWhite",
13+
".spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) .spectrum-Circle",
14+
".spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) .spectrum-outerCircle"
1315
],
1416
"modifiers": [
1517
"--mod-progress-circle-fill-border-color",

components/progresscircle/index.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,18 @@ governing permissions and limitations under the License.
4747
/* fill is bright color */
4848
--highcontrast-progress-circle-fill-border-color: Highlight;
4949
}
50+
51+
.spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) {
52+
.spectrum-Circle {
53+
stroke: CanvasText;
54+
}
55+
56+
.spectrum-outerCircle {
57+
border: 1px solid;
58+
border-color: CanvasText;
59+
border-radius: 50%;
60+
}
61+
}
5062
}
5163

5264
.spectrum-ProgressCircle {

0 commit comments

Comments
 (0)