fix(List): disabld state not properly working

scaleway · Dec 20, 2024 · b0a6172 · b0a6172
1 parent 8bc5a6e
commit b0a6172
Show file tree

Hide file tree

Showing 3 changed files with 94 additions and 89 deletions.
diff --git a/.changeset/gentle-cars-clean.md b/.changeset/gentle-cars-clean.md
@@ -0,0 +1,5 @@
+---
+"@ultraviolet/ui": patch
+---
+
+Fix `<List />` when disabled state the row doens't change color on hover
diff --git a/packages/ui/src/components/List/Row.tsx b/packages/ui/src/components/List/Row.tsx
@@ -93,11 +93,11 @@ export const StyledRow = styled('tr', {
       border-color 200ms ease;
   }
 
-  &:hover::before {
+  &:not([aria-disabled='true']):hover::before {
     border-color: ${({ theme }) => theme.colors.primary.border};
   }
 
-  &:hover + ${ExpandableWrapper}:before {
+  &:not([aria-disabled='true']):hover + ${ExpandableWrapper}:before {
     border-color: ${({ theme }) => theme.colors.primary.border};
   }
 
@@ -117,7 +117,7 @@ export const StyledRow = styled('tr', {
 
     ${
       sentiment === 'neutral'
-        ? `&:hover {
+        ? `&:not([aria-disabled='true']):hover {
           border-color: ${theme.colors.primary.border};
           box-shadow: ${theme.shadows.hoverPrimary};
         }