fix(progresscircle): naming class more specific

aramos-adobe · castastrophe · commit 8e626509b5c6 · 2025-02-04T22:38:32.000-05:00
diff --git a/components/progresscircle/index.css b/components/progresscircle/index.css
@@ -50,7 +50,7 @@ governing permissions and limitations under the License.
 	}
 
 	.spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) {
-		.spectrum-Circle {
+		.spectrum-innerCircle {
 			stroke: CanvasText;
 		}
 
diff --git a/components/progresscircle/stories/template.js b/components/progresscircle/stories/template.js
@@ -41,7 +41,7 @@ export const Template = ({
 			data-testid=${ifDefined(testId)}
 		>
 			<svg fill="none" width="100%" height="100%" class="spectrum-outerCircle">
-				<circle class="spectrum-Circle" cx="50%" cy="50%" r=${insideRadius} stroke-width="2" />
+				<circle class="spectrum-innerCircle" cx="50%" cy="50%" r=${insideRadius} stroke-width="2" />
 				<circle
 					cx="50%"
 					cy="50%"

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ governing permissions and limitations under the License.`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`.spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) {`
`53`		`- .spectrum-Circle {`
	`53`	`+ .spectrum-innerCircle {`
`54`	`54`	`stroke: CanvasText;`
`55`	`55`	`}`
`56`	`56`
Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ export const Template = ({`
`41`	`41`	`data-testid=${ifDefined(testId)}`
`42`	`42`	`>`
`43`	`43`	`<svg fill="none" width="100%" height="100%" class="spectrum-outerCircle">`
`44`		`- <circle class="spectrum-Circle" cx="50%" cy="50%" r=${insideRadius} stroke-width="2" />`
	`44`	`+ <circle class="spectrum-innerCircle" cx="50%" cy="50%" r=${insideRadius} stroke-width="2" />`
`45`	`45`	`<circle`
`46`	`46`	`cx="50%"`
`47`	`47`	`cy="50%"`