fix: small mistake in CSS selector (#5776)

etienne-scaleway · philibea · web-flow · commit 3d50ab113d2c · 2025-11-10T13:03:51.000Z
Co-authored-by: philibeaux &lt;aphilibeaux@scaleway.com&gt;
diff --git a/packages/ui/src/components/SelectableCardOptionGroup/styles.css.ts b/packages/ui/src/components/SelectableCardOptionGroup/styles.css.ts
@@ -39,22 +39,22 @@ globalStyle(`${optionSelectInput} ${selectBarBase}`, {
 })
 
 globalStyle(
-  `${optionSelectInput} ${selectBarBase}:hover, ${optionSelectInput} ${selectBarBase}:focus, ${optionSelectInput} ${selectBarBase}:active, `,
+  `${optionSelectInput} ${selectBarBase}:hover, ${optionSelectInput} ${selectBarBase}:focus, ${optionSelectInput} ${selectBarBase}:active`,
   {
     borderColor: theme.colors.neutral.border,
     outline: 'none',
   },
 )
 
 globalStyle(
-  `${optionSelectInputDisabled} ${selectBarBase}:hover, ${optionSelectInputDisabled} ${selectBarBase}:focus, ${optionSelectInputDisabled} ${selectBarBase}:active, `,
+  `${optionSelectInputDisabled} ${selectBarBase}:hover, ${optionSelectInputDisabled} ${selectBarBase}:focus, ${optionSelectInputDisabled} ${selectBarBase}:active`,
   {
     borderColor: theme.colors.neutral.borderDisabled,
   },
 )
 
 globalStyle(
-  `${optionSelectInputError} ${selectBarBase}:hover, ${optionSelectInputError} ${selectBarBase}:focus, ${optionSelectInputError} ${selectBarBase}:active, `,
+  `${optionSelectInputError} ${selectBarBase}:hover, ${optionSelectInputError} ${selectBarBase}:focus, ${optionSelectInputError} ${selectBarBase}:active`,
   {
     borderColor: theme.colors.danger.border,
   },

Original file line number	Diff line number	Diff line change
@@ -39,22 +39,22 @@ globalStyle(`${optionSelectInput} ${selectBarBase}`, {
`39`	`39`	`})`
`40`	`40`
`41`	`41`	`globalStyle(`
`42`		- `${optionSelectInput} ${selectBarBase}:hover, ${optionSelectInput} ${selectBarBase}:focus, ${optionSelectInput} ${selectBarBase}:active, `,
	`42`	+ `${optionSelectInput} ${selectBarBase}:hover, ${optionSelectInput} ${selectBarBase}:focus, ${optionSelectInput} ${selectBarBase}:active`,
`43`	`43`	`{`
`44`	`44`	`borderColor: theme.colors.neutral.border,`
`45`	`45`	`outline: 'none',`
`46`	`46`	`},`
`47`	`47`	`)`
`48`	`48`
`49`	`49`	`globalStyle(`
`50`		- `${optionSelectInputDisabled} ${selectBarBase}:hover, ${optionSelectInputDisabled} ${selectBarBase}:focus, ${optionSelectInputDisabled} ${selectBarBase}:active, `,
	`50`	+ `${optionSelectInputDisabled} ${selectBarBase}:hover, ${optionSelectInputDisabled} ${selectBarBase}:focus, ${optionSelectInputDisabled} ${selectBarBase}:active`,
`51`	`51`	`{`
`52`	`52`	`borderColor: theme.colors.neutral.borderDisabled,`
`53`	`53`	`},`
`54`	`54`	`)`
`55`	`55`
`56`	`56`	`globalStyle(`
`57`		- `${optionSelectInputError} ${selectBarBase}:hover, ${optionSelectInputError} ${selectBarBase}:focus, ${optionSelectInputError} ${selectBarBase}:active, `,
	`57`	+ `${optionSelectInputError} ${selectBarBase}:hover, ${optionSelectInputError} ${selectBarBase}:focus, ${optionSelectInputError} ${selectBarBase}:active`,
`58`	`58`	`{`
`59`	`59`	`borderColor: theme.colors.danger.border,`
`60`	`60`	`},`