@mui/x-charts 7.23.2 → 7.23.6

package/README.md

@@ -1,7 +1,7 @@
 # MUI X Charts
 
 This package is the community edition of the chart components.
-It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.
+It's part of [MUI X](https://mui.com/x/), an open-core extension of our Core libraries, with advanced components.
 
 ## Installation
 

package/ResponsiveChartContainer/useChartContainerDimensions.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export declare const useChartContainerDimensions: (inWidth?: number, inHeight?: number, resolveSizeBeforeRender?: boolean) => {
-    containerRef: React.MutableRefObject<null>;
+    containerRef: React.RefObject<null>;
     width: number;
     height: number;
 };

package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts

@@ -13,7 +13,7 @@ export declare const useResponsiveChartContainerProps: (props: ResponsiveChartCo
             width: number | undefined;
             height: number | undefined;
         };
-        ref: import("react").MutableRefObject<null>;
+        ref: import("react").RefObject<null>;
         className?: string | undefined;
     };
 };

package/ScatterChart/ScatterChart.d.ts

@@ -30,7 +30,7 @@ export interface ScatterChartProps extends Omit<ResponsiveChartContainerProps, '
     tooltip?: ChartsTooltipProps<'scatter'>;
     /**
      * The configuration of axes highlight.
-     * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+     * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
      * @default { x: 'none', y: 'none' }
      */
     axisHighlight?: ChartsAxisHighlightProps;

package/ScatterChart/ScatterChart.js

@@ -62,7 +62,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    * @default { x: 'none', y: 'none' }
    */
   axisHighlight: PropTypes.shape({

package/SparkLineChart/SparkLineChart.js

@@ -90,10 +90,7 @@ const SparkLineChart = /*#__PURE__*/React.forwardRef(function SparkLineChart(pro
     children: [plotType === 'bar' && /*#__PURE__*/_jsx(BarPlot, {
       skipAnimation: true,
       slots: slots,
-      slotProps: slotProps,
-      sx: {
-        shapeRendering: 'auto'
-      }
+      slotProps: slotProps
     }), plotType === 'line' && /*#__PURE__*/_jsxs(React.Fragment, {
       children: [/*#__PURE__*/_jsx(AreaPlot, {
         skipAnimation: true,

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -3,33 +3,33 @@ import { AxisConfig, ScaleName } from '../../models';
 import { ChartsAxisProps } from '../../models/axis';
 export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, axisName: "x" | "y") => {
     reverse?: boolean | undefined;
-    fill?: string | undefined;
-    stroke?: string | undefined;
+    valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
     data?: any[] | undefined;
+    dataKey?: string | undefined;
     label?: string | undefined;
-    max?: (number | Date) | undefined;
     min?: (number | Date) | undefined;
-    valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
-    dataKey?: string | undefined;
-    sx?: import("@mui/system").SxProps | undefined;
-    classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
+    max?: (number | Date) | undefined;
     tickMaxStep?: number | undefined;
     tickMinStep?: number | undefined;
     tickNumber?: number | undefined;
     disableLine?: boolean | undefined;
     disableTicks?: boolean | undefined;
+    fill?: string | undefined;
     tickFontSize?: number | undefined;
     tickLabelStyle?: import("../..").ChartsTextProps["style"];
     labelStyle?: import("../..").ChartsTextProps["style"];
     tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
     labelFontSize?: number | undefined;
+    stroke?: string | undefined;
     tickSize?: number | undefined;
+    classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
     slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
     slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
+    sx?: import("@mui/system").SxProps | undefined;
     tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
     tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
     tickLabelPlacement?: ("middle" | "tick") | undefined;
-    scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
+    scaleType?: "linear" | "band" | "point" | "log" | "pow" | "sqrt" | "time" | "utc" | undefined;
     colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {

package/context/DrawingProvider.d.ts

@@ -3,7 +3,7 @@ import { LayoutConfig } from '../models/layout';
 import { Initializable } from './context.types';
 export interface DrawingProviderProps extends LayoutConfig {
     children: React.ReactNode;
-    svgRef: React.RefObject<SVGSVGElement>;
+    svgRef: React.RefObject<SVGSVGElement | null>;
 }
 /**
  * Defines the area in which it is possible to draw the charts.
@@ -57,6 +57,6 @@ export declare const DrawingContext: React.Context<DrawingArea & {
      */
     chartId: string;
 }>;
-export type SvgContextState = React.RefObject<SVGSVGElement>;
+export type SvgContextState = React.RefObject<SVGSVGElement | null>;
 export declare const SvgContext: React.Context<Initializable<SvgContextState>>;
 export declare function DrawingProvider(props: DrawingProviderProps): React.JSX.Element;

package/context/PluginProvider/mergePlugins.d.ts

@@ -11,14 +11,6 @@ export declare const defaultPlugins: ({
     yExtremumGetter?: ExtremumGetter<"bar"> | undefined;
     rotationExtremumGetter?: ExtremumGetter<"bar"> | undefined;
     radiusExtremumGetter?: ExtremumGetter<"bar"> | undefined;
-} | {
-    seriesType: "line";
-    seriesFormatter: SeriesFormatter<"line">;
-    colorProcessor: ColorProcessor<"line">;
-    xExtremumGetter?: ExtremumGetter<"line"> | undefined;
-    yExtremumGetter?: ExtremumGetter<"line"> | undefined;
-    rotationExtremumGetter?: ExtremumGetter<"line"> | undefined;
-    radiusExtremumGetter?: ExtremumGetter<"line"> | undefined;
 } | {
     seriesType: "scatter";
     seriesFormatter: SeriesFormatter<"scatter">;
@@ -27,6 +19,14 @@ export declare const defaultPlugins: ({
     yExtremumGetter?: ExtremumGetter<"scatter"> | undefined;
     rotationExtremumGetter?: ExtremumGetter<"scatter"> | undefined;
     radiusExtremumGetter?: ExtremumGetter<"scatter"> | undefined;
+} | {
+    seriesType: "line";
+    seriesFormatter: SeriesFormatter<"line">;
+    colorProcessor: ColorProcessor<"line">;
+    xExtremumGetter?: ExtremumGetter<"line"> | undefined;
+    yExtremumGetter?: ExtremumGetter<"line"> | undefined;
+    rotationExtremumGetter?: ExtremumGetter<"line"> | undefined;
+    radiusExtremumGetter?: ExtremumGetter<"line"> | undefined;
 } | {
     seriesType: "pie";
     seriesFormatter: SeriesFormatter<"pie">;

package/hooks/useSvgRef.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function useSvgRef(): React.MutableRefObject<SVGSVGElement>;
+export declare function useSvgRef(): React.RefObject<SVGSVGElement | null>;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.23.2
+ * @mui/x-charts v7.23.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/defaultizeColor.d.ts

@@ -1,8 +1,8 @@
 import { AllSeriesType } from '../models/seriesType';
 export declare function defaultizeColor(series: AllSeriesType, seriesIndex: number, colors?: string[]): {
     data: {
-        color: string;
         label?: (string | ((location: "tooltip" | "legend" | "arc") => string)) | undefined;
+        color: string;
         value: number;
         id?: import("..").PieItemId | undefined;
     }[];

package/modern/BarChart/BarChart.js

@@ -63,7 +63,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    * The configuration of axes highlight.
    * Default is set to 'band' in the bar direction.
    * Depends on `layout` prop.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    */
   axisHighlight: PropTypes.shape({
     x: PropTypes.oneOf(['band', 'line', 'none']),

package/modern/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -102,10 +102,10 @@ function ChartsVoronoiHandler(props) {
     lastFind.current = undefined;
   }, [defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis, drawingArea]);
   React.useEffect(() => {
-    const element = svgRef.current;
-    if (element === null) {
+    if (svgRef.current === null) {
       return undefined;
     }
+    const element = svgRef.current;
     function getClosestPoint(event) {
       // Get mouse coordinate in global SVG space
       const svgPoint = getSVGPoint(element, event);

package/modern/LineChart/AnimatedArea.js

@@ -57,7 +57,10 @@ function AnimatedArea(props) {
   return /*#__PURE__*/_jsx(AppearingMask, {
     skipAnimation: skipAnimation,
     id: `${ownerState.id}-area-clip`,
-    children: transitionChange((style, interpolator) => /*#__PURE__*/_jsx(AreaElementPath, _extends({}, other, {
+    children: transitionChange((style, interpolator) =>
+    /*#__PURE__*/
+    // @ts-expect-error
+    _jsx(AreaElementPath, _extends({}, other, {
       ownerState: ownerState,
       d: style.value.to(interpolator)
     })))

package/modern/LineChart/AnimatedLine.js

@@ -59,7 +59,10 @@ function AnimatedLine(props) {
   return /*#__PURE__*/_jsx(AppearingMask, {
     skipAnimation: skipAnimation,
     id: `${ownerState.id}-line-clip`,
-    children: transitionChange((style, interpolator) => /*#__PURE__*/_jsx(LineElementPath, _extends({}, other, {
+    children: transitionChange((style, interpolator) =>
+    /*#__PURE__*/
+    // @ts-expect-error
+    _jsx(LineElementPath, _extends({}, other, {
       ownerState: ownerState,
       d: style.value.to(interpolator)
     })))

package/modern/LineChart/AppearingMask.js

@@ -29,6 +29,7 @@ export function AppearingMask(props) {
     children: [/*#__PURE__*/_jsx("clipPath", {
       id: clipId,
       children: transitionAppear(style => /*#__PURE__*/_jsx(animated.rect, {
+        // @ts-expect-error
         x: 0,
         y: 0,
         width: style.animatedWidth,

package/modern/LineChart/CircleMarkElement.js

@@ -68,6 +68,7 @@ function CircleMarkElement(props) {
   };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(animated.circle, _extends({}, other, {
+    // @ts-expect-error
     cx: position.x,
     cy: position.y,
     r: 5,

package/modern/LineChart/LineChart.js

@@ -69,7 +69,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    * @default { x: 'line' }
    */
   axisHighlight: PropTypes.shape({

package/modern/LineChart/MarkElement.js

@@ -79,7 +79,9 @@ function MarkElement(props) {
       transform: to([position.x, position.y], (pX, pY) => `translate(${pX}px, ${pY}px)`),
       transformOrigin: to([position.x, position.y], (pX, pY) => `${pX}px ${pY}px`)
     },
-    ownerState: ownerState,
+    ownerState: ownerState
+    // @ts-expect-error
+    ,
     className: classes.root,
     d: d3Symbol(d3SymbolsFill[getSymbol(shape)])(),
     onClick: onClick,

package/modern/PieChart/PieArc.js

@@ -76,7 +76,9 @@ function PieArc(props) {
       innerRadius: iR,
       outerRadius: oR
     })),
-    visibility: to([startAngle, endAngle], (sA, eA) => sA === eA ? 'hidden' : 'visible'),
+    visibility: to([startAngle, endAngle], (sA, eA) => sA === eA ? 'hidden' : 'visible')
+    // @ts-expect-error
+    ,
     onClick: onClick,
     cursor: onClick ? 'pointer' : 'unset',
     ownerState: ownerState,

package/modern/PieChart/PieArcLabel.js

@@ -84,15 +84,19 @@ function PieArcLabel(props) {
     isHighlighted
   };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PieArcLabelRoot, _extends({
-    className: classes.root
-  }, other, {
-    style: _extends({
-      x: to([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
-      y: to([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'y'))
-    }, style),
-    children: formattedArcLabel
-  }));
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error
+    _jsx(PieArcLabelRoot, _extends({
+      className: classes.root
+    }, other, {
+      style: _extends({
+        x: to([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
+        y: to([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'y'))
+      }, style),
+      children: formattedArcLabel
+    }))
+  );
 }
 process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
   // ----------------------------- Warning --------------------------------

package/modern/PieChart/PieChart.js

@@ -137,7 +137,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    * @default { x: 'none', y: 'none' }
    */
   axisHighlight: PropTypes.shape({

package/modern/ScatterChart/ScatterChart.js

@@ -62,7 +62,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    * @default { x: 'none', y: 'none' }
    */
   axisHighlight: PropTypes.shape({

package/modern/SparkLineChart/SparkLineChart.js

@@ -90,10 +90,7 @@ const SparkLineChart = /*#__PURE__*/React.forwardRef(function SparkLineChart(pro
     children: [plotType === 'bar' && /*#__PURE__*/_jsx(BarPlot, {
       skipAnimation: true,
       slots: slots,
-      slotProps: slotProps,
-      sx: {
-        shapeRendering: 'auto'
-      }
+      slotProps: slotProps
     }), plotType === 'line' && /*#__PURE__*/_jsxs(React.Fragment, {
       children: [/*#__PURE__*/_jsx(AreaPlot, {
         skipAnimation: true,

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.23.2
+ * @mui/x-charts v7.23.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/BarChart/BarChart.js

@@ -70,7 +70,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    * The configuration of axes highlight.
    * Default is set to 'band' in the bar direction.
    * Depends on `layout` prop.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    */
   axisHighlight: _propTypes.default.shape({
     x: _propTypes.default.oneOf(['band', 'line', 'none']),

package/node/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -109,10 +109,10 @@ function ChartsVoronoiHandler(props) {
     lastFind.current = undefined;
   }, [defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis, drawingArea]);
   React.useEffect(() => {
-    const element = svgRef.current;
-    if (element === null) {
+    if (svgRef.current === null) {
       return undefined;
     }
+    const element = svgRef.current;
     function getClosestPoint(event) {
       // Get mouse coordinate in global SVG space
       const svgPoint = (0, _getSVGPoint.getSVGPoint)(element, event);

package/node/LineChart/AnimatedArea.js

@@ -65,7 +65,10 @@ function AnimatedArea(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppearingMask.AppearingMask, {
     skipAnimation: skipAnimation,
     id: `${ownerState.id}-area-clip`,
-    children: transitionChange((style, interpolator) => /*#__PURE__*/(0, _jsxRuntime.jsx)(AreaElementPath, (0, _extends2.default)({}, other, {
+    children: transitionChange((style, interpolator) =>
+    /*#__PURE__*/
+    // @ts-expect-error
+    (0, _jsxRuntime.jsx)(AreaElementPath, (0, _extends2.default)({}, other, {
       ownerState: ownerState,
       d: style.value.to(interpolator)
     })))

package/node/LineChart/AnimatedLine.js

@@ -67,7 +67,10 @@ function AnimatedLine(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppearingMask.AppearingMask, {
     skipAnimation: skipAnimation,
     id: `${ownerState.id}-line-clip`,
-    children: transitionChange((style, interpolator) => /*#__PURE__*/(0, _jsxRuntime.jsx)(LineElementPath, (0, _extends2.default)({}, other, {
+    children: transitionChange((style, interpolator) =>
+    /*#__PURE__*/
+    // @ts-expect-error
+    (0, _jsxRuntime.jsx)(LineElementPath, (0, _extends2.default)({}, other, {
       ownerState: ownerState,
       d: style.value.to(interpolator)
     })))

package/node/LineChart/AppearingMask.js

@@ -35,6 +35,7 @@ function AppearingMask(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
       id: clipId,
       children: transitionAppear(style => /*#__PURE__*/(0, _jsxRuntime.jsx)(_web.animated.rect, {
+        // @ts-expect-error
         x: 0,
         y: 0,
         width: style.animatedWidth,

package/node/LineChart/CircleMarkElement.js

@@ -75,6 +75,7 @@ function CircleMarkElement(props) {
   };
   const classes = (0, _markElementClasses.useUtilityClasses)(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_web.animated.circle, (0, _extends2.default)({}, other, {
+    // @ts-expect-error
     cx: position.x,
     cy: position.y,
     r: 5,

package/node/LineChart/LineChart.js

@@ -76,7 +76,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    * @default { x: 'line' }
    */
   axisHighlight: _propTypes.default.shape({

package/node/LineChart/MarkElement.js

@@ -86,7 +86,9 @@ function MarkElement(props) {
       transform: (0, _web.to)([position.x, position.y], (pX, pY) => `translate(${pX}px, ${pY}px)`),
       transformOrigin: (0, _web.to)([position.x, position.y], (pX, pY) => `${pX}px ${pY}px`)
     },
-    ownerState: ownerState,
+    ownerState: ownerState
+    // @ts-expect-error
+    ,
     className: classes.root,
     d: (0, _d3Shape.symbol)(_d3Shape.symbolsFill[(0, _getSymbol.getSymbol)(shape)])(),
     onClick: onClick,

package/node/PieChart/PieArc.js

@@ -85,7 +85,9 @@ function PieArc(props) {
       innerRadius: iR,
       outerRadius: oR
     })),
-    visibility: (0, _web.to)([startAngle, endAngle], (sA, eA) => sA === eA ? 'hidden' : 'visible'),
+    visibility: (0, _web.to)([startAngle, endAngle], (sA, eA) => sA === eA ? 'hidden' : 'visible')
+    // @ts-expect-error
+    ,
     onClick: onClick,
     cursor: onClick ? 'pointer' : 'unset',
     ownerState: ownerState,

package/node/PieChart/PieArcLabel.js

@@ -93,15 +93,19 @@ function PieArcLabel(props) {
     isHighlighted
   };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PieArcLabelRoot, (0, _extends2.default)({
-    className: classes.root
-  }, other, {
-    style: (0, _extends2.default)({
-      x: (0, _web.to)([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
-      y: (0, _web.to)([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'y'))
-    }, style),
-    children: formattedArcLabel
-  }));
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error
+    (0, _jsxRuntime.jsx)(PieArcLabelRoot, (0, _extends2.default)({
+      className: classes.root
+    }, other, {
+      style: (0, _extends2.default)({
+        x: (0, _web.to)([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
+        y: (0, _web.to)([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'y'))
+      }, style),
+      children: formattedArcLabel
+    }))
+  );
 }
 process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
   // ----------------------------- Warning --------------------------------

package/node/PieChart/PieChart.js

@@ -144,7 +144,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    * @default { x: 'none', y: 'none' }
    */
   axisHighlight: _propTypes.default.shape({

package/node/ScatterChart/ScatterChart.js

@@ -69,7 +69,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
    * @default { x: 'none', y: 'none' }
    */
   axisHighlight: _propTypes.default.shape({

package/node/SparkLineChart/SparkLineChart.js

@@ -97,10 +97,7 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
     children: [plotType === 'bar' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarPlot, {
       skipAnimation: true,
       slots: slots,
-      slotProps: slotProps,
-      sx: {
-        shapeRendering: 'auto'
-      }
+      slotProps: slotProps
     }), plotType === 'line' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.AreaPlot, {
         skipAnimation: true,

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.23.2
+ * @mui/x-charts v7.23.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.23.2",
+  "version": "7.23.6",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,8 +35,8 @@
     "@react-spring/web": "^9.7.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts-vendor": "7.20.0",
-    "@mui/x-internals": "7.23.0"
+    "@mui/x-internals": "7.23.6",
+    "@mui/x-charts-vendor": "7.20.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",