limit style changes to only non-selectable elements

Author: adierkens

packages/react/src/ActionList/ActionList.module.css

@@ -187,7 +187,7 @@
 
     /* active state [aria-current] */
     &:where([data-active]),
-    &:where([aria-selected='true']) {
+    &:where([aria-selected='true']):not([data-selectable]) {
       background: var(--control-transparent-bgColor-selected);
 
       /* provides a visual indication of the current item for Windows high-contrast mode */

packages/react/src/ActionList/Item.tsx

@@ -255,6 +255,7 @@ const UnwrappedItem = <As extends React.ElementType = 'li'>(
         ref={listSemantics ? forwardedRef : null}
         data-variant={variant === 'danger' ? variant : undefined}
         data-active={active ? true : undefined}
+        data-selectable={includeSelectionAttribute ? true : undefined}
         data-inactive={inactiveText ? true : undefined}
         data-has-subitem={slots.subItem ? true : undefined}
         data-has-description={slots.description ? true : false}