fix(BulkActions): select all semantic styling (#3574)

lumada-design · Aug 7, 2023 · 6e1f278 · 6e1f278
1 parent a4cc96d
commit 6e1f278
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/core/src/components/BulkActions/BulkActions.tsx b/packages/core/src/components/BulkActions/BulkActions.tsx
@@ -150,7 +150,7 @@ export const HvBulkActions = (props: HvBulkActionsProps) => {
         { [classes.semantic]: isSemantic },
         isSemantic &&
           css({
-            "& $selectAll div": {
+            [`& .${staticClasses.selectAll} div`]: {
               color: theme.colors.base_dark,
 
               "&:hover:not(:disabled)": {
@@ -163,12 +163,12 @@ export const HvBulkActions = (props: HvBulkActionsProps) => {
               },
             },
 
-            "& $selectAll:focus-within div": {
+            [`& .${staticClasses.selectAll}:focus-within div`]: {
               backgroundColor: hexToRgbA(baseColor, 0.3),
             },
 
             // IE fallback code (using focus-within-polyfill)
-            "& $selectAll.focus-within div": {
+            [`& .${staticClasses.selectAll}.focus-within div`]: {
               backgroundColor: hexToRgbA(baseColor, 0.3),
             },
           }),