fix: update selector for leading visual

joshblack · joshblack · commit 775aa5654ba0 · 2024-12-06T11:04:33.000-06:00
diff --git a/packages/react/src/FormControl/FormControl.module.css b/packages/react/src/FormControl/FormControl.module.css
@@ -1,7 +1,7 @@
 .ControlHorizontalLayout {
   display: flex;
 
-  *:where([data-has-leading-visual]) {
+  &:where([data-has-leading-visual]) {
     align-items: center;
   }
 }
diff --git a/packages/react/src/FormControl/FormControl.tsx b/packages/react/src/FormControl/FormControl.tsx
@@ -226,7 +226,7 @@ const StyledHorizontalLayout = toggleStyledComponent(
   styled.div`
     display: flex;
 
-    *:where([data-has-leading-visual]) {
+    &:where([data-has-leading-visual]) {
       align-items: center;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`.ControlHorizontalLayout {`
`2`	`2`	`display: flex;`
`3`	`3`
`4`		`- *:where([data-has-leading-visual]) {`
	`4`	`+ &:where([data-has-leading-visual]) {`
`5`	`5`	`align-items: center;`
`6`	`6`	`}`
`7`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -226,7 +226,7 @@ const StyledHorizontalLayout = toggleStyledComponent(`
`226`	`226`	styled.div`
`227`	`227`	`display: flex;`
`228`	`228`
`229`		`- *:where([data-has-leading-visual]) {`
	`229`	`+ &:where([data-has-leading-visual]) {`
`230`	`230`	`align-items: center;`
`231`	`231`	`}`
`232`	`232`