fix(checkbox): removes + selector to solve grey flicker (#2662)

paulchan14 · Paul Peterson · LFDanLu · web-flow · commit 4a5fa5fc059e · 2021-12-09T13:31:16.000-08:00
Co-authored-by: Paul Peterson &lt;paulpeterson@workfront.com&gt;
Co-authored-by: Daniel Lu &lt;dlu@livefyre.com&gt;
diff --git a/packages/@adobe/spectrum-css-temp/components/checkbox/skin.css b/packages/@adobe/spectrum-css-temp/components/checkbox/skin.css
@@ -37,7 +37,7 @@ governing permissions and limitations under the License.
 
 /* Indeterminate is basically a checked state, so handle colors for checked state here */
 .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box,
-.spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
+.spectrum-Checkbox.is-checked .spectrum-Checkbox-box {
   &:before {
     border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected);
   }

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ governing permissions and limitations under the License.`
`37`	`37`
`38`	`38`	`/* Indeterminate is basically a checked state, so handle colors for checked state here */`
`39`	`39`	`.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box,`
`40`		`-.spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {`
	`40`	`+.spectrum-Checkbox.is-checked .spectrum-Checkbox-box {`
`41`	`41`	`&:before {`
`42`	`42`	`border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected);`
`43`	`43`	`}`