[@mantine/charts] Fix strokeColor prop being passed to the DOM elem…

…ent (#6507)
mantinedev · Jul 12, 2024 · 308761e · 308761e
1 parent 3d36f0e
commit 308761e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/packages/@mantine/charts/src/DonutChart/DonutChart.story.tsx b/packages/@mantine/charts/src/DonutChart/DonutChart.story.tsx
@@ -12,7 +12,7 @@ const data = [
 export function Usage() {
   return (
     <div style={{ padding: 40 }}>
-      <DonutChart data={data} strokeWidth={1} />
+      <DonutChart data={data} strokeWidth={1} strokeColor="red" />
     </div>
   );
 }

diff --git a/packages/@mantine/charts/src/DonutChart/DonutChart.tsx b/packages/@mantine/charts/src/DonutChart/DonutChart.tsx
@@ -158,6 +158,7 @@ export const DonutChart = factory<DonutChartFactory>((_props, ref) => {
     children,
     pieChartProps,
     valueFormatter,
+    strokeColor,
     ...others
   } = props;
 

diff --git a/packages/@mantine/charts/src/PieChart/PieChart.story.tsx b/packages/@mantine/charts/src/PieChart/PieChart.story.tsx
@@ -14,7 +14,7 @@ const data: PieChartCell[] = [
 export function Usage() {
   return (
     <div style={{ padding: 40 }}>
-      <PieChart data={data} strokeWidth={1} />
+      <PieChart data={data} strokeWidth={1} strokeColor="red" />
     </div>
   );
 }

diff --git a/packages/@mantine/charts/src/PieChart/PieChart.tsx b/packages/@mantine/charts/src/PieChart/PieChart.tsx
@@ -186,6 +186,7 @@ export const PieChart = factory<PieChartFactory>((_props, ref) => {
     labelsPosition,
     valueFormatter,
     labelsType,
+    strokeColor,
     ...others
   } = props;