removing checkbox appearance when touch scrolling on mobile (#2823)

Author: LFDanLu

packages/@adobe/spectrum-css-temp/components/card/index.css

@@ -129,10 +129,9 @@ user-provided
       calc(50% - calc(var(--spectrum-checkbox-box-size) / 2));
   }
 
-  &.is-focused,
   &.is-selected,
   &.focus-ring, /* only for visible focus */
-  &:hover {
+  &.is-hovered {
     .spectrum-Card-checkboxWrapper {
       /* Ideally, this would simply apply is-open to the QuickActions component */
       visibility: visible;
@@ -951,8 +950,7 @@ For now working around it with a useLayoutEffect in CardBase.
   }
   &.is-focused,
   &.is-selected,
-  &:focus,
-  &:hover {
+  &.is-hovered {
     .spectrum-Card-checkboxWrapper {
       display: none;
     }
@@ -1039,8 +1037,7 @@ For now working around it with a useLayoutEffect in CardBase.
   }
   &.is-focused,
   &.is-selected,
-  &:focus,
-  &:hover {
+  &.is-hovered {
     .spectrum-Card-checkboxWrapper {
       display: none;
     }