fix(kanban): adjust elevation and boxShadow for KanbanCard and KanbanColumn components

Author: MickaelAustoni

CHANGELOG.md

@@ -1,6 +1,6 @@
 # [Releases](https://github.com/Tracktor/design-system/releases)
 
-## v4.31.0
+## v4.31.1
 
-### Feat 
-- Update subtitle rendering in KanbanCard and adjust related types
+### Fix 
+- Adjust elevation and boxShadow for KanbanCard and KanbanColumn components

package.json

@@ -2,7 +2,7 @@
   "name": "@tracktor/design-system",
   "description": "Tracktor Design System",
   "sideEffects": false,
-  "version": "4.31.0",
+  "version": "4.31.1",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",

src/components/DataDisplay/Kanban/components/KanbanCard.tsx

@@ -205,18 +205,17 @@ const KanbanCard = memo(({ item, activeItemId, gutterSize, onClickItem, variant
     <Box component="div" style={{ paddingLeft: gutterSize, paddingRight: gutterSize }}>
       <Card
         variant="elevation"
-        elevation={palette.mode === "dark" ? 5 : 0}
         onClick={() => onClickItem?.(id)}
         sx={{
           ".grabbing &": {
             cursor: "grabbing",
             pointerEvents: "none",
           },
           "&:hover": {
-            boxShadow: 8,
+            boxShadow: 4,
           },
           background: "background.paper",
-          border: `1px solid ${active ? palette.action.active : palette.mode === "dark" ? palette.divider : "transparent"}`,
+          border: `1px solid ${active ? palette.action.active : "transparent"}`,
           boxShadow: "0px 0 8px 0 rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 3px 0px rgba(0, 0, 0, 0.03)",
           cursor: "pointer",
           flexShrink: 0,

src/components/DataDisplay/Kanban/components/KanbanColumn.tsx

@@ -124,6 +124,8 @@ const KanbanColumn = memo(
           {isFetching && <CircularProgress size={16} sx={{ color: "text.secondary" }} />}
         </Stack>
         <Card
+          variant="elevation"
+          elevation={0}
           sx={{
             ".kanban-virtual-list": {
               "&::-webkit-scrollbar": { display: "none" },
@@ -139,7 +141,6 @@ const KanbanColumn = memo(
             height: 0,
             width: listWidth,
           }}
-          elevation={0}
         >
           <Stack height="100%">
             {/* Content */}