fix(swatch+swatchgroup): style fix

cdransf · cdransf · commit 766e7bc690dd · 2025-04-21T14:07:06.000-07:00
diff --git a/components/swatch/index.css b/components/swatch/index.css
@@ -331,10 +331,6 @@
 	&.is-selected .spectrum-Swatch-fill::before {
 		border-radius: var(--mod-swatch-border-radius, var(--spectrum-corner-radius-75));
 	}
-
-	&.is-selected .spectrum-Swatch-fill {
-		clip-path: circle(calc(50% - (var(--spectrum-swatch-border-thickness-selected) * 2)) at 50% 50%);
-	}
 }
 
 /* Variant: Rounding - Full */
@@ -349,6 +345,10 @@
 		&.is-selected .spectrum-Swatch-fill::before {
 			border-radius: var(--mod-corner-radius-full, var(--spectrum-corner-radius-full));
 		}
+
+		&.is-selected .spectrum-Swatch-fill {
+			clip-path: circle(calc(50% - (var(--spectrum-swatch-border-thickness-selected) * 2)) at 50% 50%);
+		}
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -331,10 +331,6 @@`
`331`	`331`	`&.is-selected .spectrum-Swatch-fill::before {`
`332`	`332`	`border-radius: var(--mod-swatch-border-radius, var(--spectrum-corner-radius-75));`
`333`	`333`	`}`
`334`		`-`
`335`		`- &.is-selected .spectrum-Swatch-fill {`
`336`		`- clip-path: circle(calc(50% - (var(--spectrum-swatch-border-thickness-selected) * 2)) at 50% 50%);`
`337`		`- }`
`338`	`334`	`}`
`339`	`335`
`340`	`336`	`/* Variant: Rounding - Full */`
`@@ -349,6 +345,10 @@`
`349`	`345`	`&.is-selected .spectrum-Swatch-fill::before {`
`350`	`346`	`border-radius: var(--mod-corner-radius-full, var(--spectrum-corner-radius-full));`
`351`	`347`	`}`
	`348`	`+`
	`349`	`+ &.is-selected .spectrum-Swatch-fill {`
	`350`	`+ clip-path: circle(calc(50% - (var(--spectrum-swatch-border-thickness-selected) * 2)) at 50% 50%);`
	`351`	`+ }`
`352`	`352`	`}`
`353`	`353`	`}`
`354`	`354`