Merge pull request #1122 from nsbno/fix-card-props

Stop Card from overriding style props
nsbno · Apr 25, 2024 · b19f0fc · b19f0fc
2 parents 351ca1a + 457fd2a
commit b19f0fc
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/.changeset/plenty-gorillas-collect.md b/.changeset/plenty-gorillas-collect.md
@@ -0,0 +1,5 @@
+---
+"@vygruppen/spor-react": patch
+---
+
+Stop Card from disregarding allowed styling related props
diff --git a/packages/spor-react/src/card/Card.tsx b/packages/spor-react/src/card/Card.tsx
@@ -1,6 +1,11 @@
-import { As, chakra, forwardRef, useStyleConfig } from "@chakra-ui/react";
+import {
+  As,
+  Box,
+  BoxProps,
+  forwardRef,
+  useStyleConfig,
+} from "@chakra-ui/react";
 import React from "react";
-import { BoxProps } from "../layout";
 
 export type CardProps = Exclude<BoxProps, "size"> & {
   size?: "sm" | "lg";
@@ -53,9 +58,9 @@ export const Card = forwardRef<CardProps, As>(
     });
 
     return (
-      <chakra.div sx={styles} {...props} ref={ref}>
+      <Box __css={styles} {...props} ref={ref}>
         {children}
-      </chakra.div>
+      </Box>
     );
   },
 );