Lin the code

fcollonval · fcollonval · commit adc1f2b1cfb7 · 2024-01-04T09:41:17.000+01:00
diff --git a/packages/components/src/radio/radio.styles.ts b/packages/components/src/radio/radio.styles.ts
@@ -153,7 +153,8 @@ export const radioStyles: FoundationElementTemplate<
       border: calc(${strokeWidth} * 1px) solid ${accentFillHover};
     }
 
-    :host([aria-invalid='true'][aria-checked='true']:not([disabled])) .control:hover {
+    :host([aria-invalid='true'][aria-checked='true']:not([disabled]))
+      .control:hover {
       background-color: ${errorFillHover};
       border-color: ${errorFillHover};
     }
@@ -170,7 +171,8 @@ export const radioStyles: FoundationElementTemplate<
       border: calc(${strokeWidth} * 1px) solid ${accentFillActive};
     }
 
-    :host([aria-invalid='true'][aria-checked='true']:not([disabled])) .control:active {
+    :host([aria-invalid='true'][aria-checked='true']:not([disabled]))
+      .control:active {
       background-color: ${errorFillActive};
       border-color: ${errorFillActive};
     }
diff --git a/packages/components/src/switch/switch.styles.ts b/packages/components/src/switch/switch.styles.ts
@@ -191,7 +191,8 @@ export const switchStyles: FoundationElementTemplate<
       border-color: ${errorFillRest};
     }
 
-    :host([aria-invalid='true'][aria-checked='true']:not([disabled])) .switch:hover {
+    :host([aria-invalid='true'][aria-checked='true']:not([disabled]))
+      .switch:hover {
       background-color: ${errorFillHover};
       border-color: ${errorFillHover};
     }
@@ -207,7 +208,8 @@ export const switchStyles: FoundationElementTemplate<
       border-color: ${accentFillActive};
     }
 
-    :host([aria-invalid='true'][aria-checked='true']:not([disabled])) .switch:active {
+    :host([aria-invalid='true'][aria-checked='true']:not([disabled]))
+      .switch:active {
       background-color: ${errorFillActive};
       border-color: ${errorFillActive};
     }

Original file line number	Diff line number	Diff line change
`@@ -153,7 +153,8 @@ export const radioStyles: FoundationElementTemplate<`
`153`	`153`	`border: calc(${strokeWidth} * 1px) solid ${accentFillHover};`
`154`	`154`	`}`
`155`	`155`
`156`		`- :host([aria-invalid='true'][aria-checked='true']:not([disabled])) .control:hover {`
	`156`	`+ :host([aria-invalid='true'][aria-checked='true']:not([disabled]))`
	`157`	`+ .control:hover {`
`157`	`158`	`background-color: ${errorFillHover};`
`158`	`159`	`border-color: ${errorFillHover};`
`159`	`160`	`}`
`@@ -170,7 +171,8 @@ export const radioStyles: FoundationElementTemplate<`
`170`	`171`	`border: calc(${strokeWidth} * 1px) solid ${accentFillActive};`
`171`	`172`	`}`
`172`	`173`
`173`		`- :host([aria-invalid='true'][aria-checked='true']:not([disabled])) .control:active {`
	`174`	`+ :host([aria-invalid='true'][aria-checked='true']:not([disabled]))`
	`175`	`+ .control:active {`
`174`	`176`	`background-color: ${errorFillActive};`
`175`	`177`	`border-color: ${errorFillActive};`
`176`	`178`	`}`
Original file line number	Diff line number	Diff line change
`@@ -191,7 +191,8 @@ export const switchStyles: FoundationElementTemplate<`
`191`	`191`	`border-color: ${errorFillRest};`
`192`	`192`	`}`
`193`	`193`
`194`		`- :host([aria-invalid='true'][aria-checked='true']:not([disabled])) .switch:hover {`
	`194`	`+ :host([aria-invalid='true'][aria-checked='true']:not([disabled]))`
	`195`	`+ .switch:hover {`
`195`	`196`	`background-color: ${errorFillHover};`
`196`	`197`	`border-color: ${errorFillHover};`
`197`	`198`	`}`
`@@ -207,7 +208,8 @@ export const switchStyles: FoundationElementTemplate<`
`207`	`208`	`border-color: ${accentFillActive};`
`208`	`209`	`}`
`209`	`210`
`210`		`- :host([aria-invalid='true'][aria-checked='true']:not([disabled])) .switch:active {`
	`211`	`+ :host([aria-invalid='true'][aria-checked='true']:not([disabled]))`
	`212`	`+ .switch:active {`
`211`	`213`	`background-color: ${errorFillActive};`
`212`	`214`	`border-color: ${errorFillActive};`
`213`	`215`	`}`