@mantine/charts 8.1.3 → 8.2.0

package/lib/RadialBarChart/RadialBarChart.d.ts

@@ -1,6 +1,7 @@
 import { LegendProps, RadialBarProps, RadialBarChart as ReChartsRadialBarChart, TooltipProps } from 'recharts';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '@mantine/core';
-export type RadialBarChartStylesNames = 'root' | 'tooltip';
+import { ChartLegendStylesNames } from '../ChartLegend';
+export type RadialBarChartStylesNames = 'root' | 'tooltip' | ChartLegendStylesNames;
 export type RadialBarChartCssVariables = {
     root: '--chart-empty-background';
 };
@@ -11,19 +12,19 @@ export interface RadialBarChartProps extends BoxProps, StylesApiProps<RadialBarC
     dataKey: string;
     /** Size of bars in px, `20` by default */
     barSize?: number;
-    /** Determines whether empty bars area should be visible, `true` by default */
+    /** Determines whether empty bars area should be visible @default `true` */
     withBackground?: boolean;
-    /** Determines whether labels should be displayed, `false` by default */
+    /** Determines whether labels should be displayed @default `false` */
     withLabels?: boolean;
-    /** Determines whether the legend should be displayed, `false` by default */
+    /** Determines whether the legend should be displayed @default `false` */
     withLegend?: boolean;
-    /** Determines whether the tooltip should be displayed when one of the bars is hovered, `true` by default */
+    /** Determines whether the tooltip should be displayed when one of the bars is hovered @default `true` */
     withTooltip?: boolean;
     /** Color of the empty background, by default depends on the color scheme */
     emptyBackgroundColor?: string;
-    /** Angle at which chart starts, `90` by default */
+    /** Angle at which chart starts @default `90` */
     startAngle?: number;
-    /** Angle at which chart ends, `-270` by default */
+    /** Angle at which chart ends @default `-270` */
     endAngle?: number;
     /** Props passed down to recharts RadialBar component */
     radialBarProps?: Omit<RadialBarProps, 'ref'>;

package/lib/Sparkline/Sparkline.d.ts

@@ -13,19 +13,19 @@ export type SparklineCssVariables = {
 export interface SparklineProps extends BoxProps, StylesApiProps<SparklineFactory>, ElementProps<'div'> {
     /** Data used to render the chart */
     data: (number | null)[];
-    /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */
+    /** Key of `theme.colors` or any valid CSS color @default `theme.primaryColor` */
     color?: MantineColor;
-    /** Determines whether the chart fill should be a gradient, `true` by default */
+    /** Determines whether the chart fill should be a gradient @default `true` */
     withGradient?: boolean;
-    /** Controls fill opacity of the area, `0.6` by default */
+    /** Controls fill opacity of the area @default `0.6` */
     fillOpacity?: number;
-    /** Type of the curve, `'linear'` by default */
+    /** Type of the curve @default `'linear'` */
     curveType?: AreaChartCurveType;
-    /** Area stroke width, `2` by default */
+    /** Area stroke width @default `2` */
     strokeWidth?: number;
     /** If set, `color` prop is ignored and chart color is determined by the difference between first and last value. */
     trendColors?: SparklineTrendColors;
-    /** Determines whether null values should be connected with other values, `true` by default */
+    /** Determines whether null values should be connected with other values @default `true` */
     connectNulls?: boolean;
     /** Props passed down to the underlying recharts `Area` component */
     areaProps?: Omit<AreaProps, 'data' | 'dataKey' | 'ref'>;

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-import type { CartesianGridProps, LabelProps, LegendProps, ReferenceLineProps, TooltipProps, XAxisProps, YAxisProps } from 'recharts';
+import type { CartesianGridProps, DotProps, LabelProps, LegendProps, ReferenceLineProps, TooltipProps, XAxisProps, YAxisProps } from 'recharts';
 import type { MantineColor } from '@mantine/core';
 export interface ChartReferenceLineProps extends Omit<ReferenceLineProps, 'ref' | 'label'> {
     color?: MantineColor;
@@ -67,3 +67,6 @@ export interface GridChartBaseProps {
     /** Determines whether additional y-axis should be displayed on the right side of the chart, `false` by default */
     withRightYAxis?: boolean;
 }
+export type MantineChartDotProps = Omit<DotProps, 'ref'> & {
+    strokeWidth?: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/charts",
-  "version": "8.1.3",
+  "version": "8.2.0",
   "description": "Charts components built with recharts and Mantine",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -35,11 +35,11 @@
     "directory": "packages/@mantine/charts"
   },
   "peerDependencies": {
-    "@mantine/core": "8.1.3",
-    "@mantine/hooks": "8.1.3",
+    "@mantine/core": "8.2.0",
+    "@mantine/hooks": "8.2.0",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x",
-    "recharts": "^2.13.3"
+    "recharts": ">=2.13.3"
   },
   "devDependencies": {
     "@mantine-tests/core": "workspace:*",