@mui/x-charts 9.13.0 → 9.15.0

package/ChartsLabel/ChartsLabelMark.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["type", "markShape", "color", "className", "classes"];
 import * as React from 'react';
 import clsx from 'clsx';

package/ChartsLayerContainer/ChartsLayerContainer.js

@@ -77,7 +77,7 @@ const ChartsLayerContainer = exports.ChartsLayerContainer = /*#__PURE__*/React.f
   if (process.env.NODE_ENV !== 'production') {
     React.Children.forEach(children, child => {
       if (typeof child === 'object' && child != null && 'type' in child && child.type === _ChartsSurface.ChartsSurface) {
-        (0, _warning.warnOnce)('MUI X Charts: ChartsSurface should not be used inside ChartsLayerContainer. Render a ChartsSvgLayer instead.', 'error');
+        (0, _warning.errorOnce)('MUI X Charts: ChartsSurface should not be used inside ChartsLayerContainer. Render a ChartsSvgLayer instead.');
       }
     });
   }

package/ChartsLayerContainer/ChartsLayerContainer.mjs

@@ -1,12 +1,12 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["children", "title", "desc", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import { styled, useThemeProps } from '@mui/material/styles';
 import useForkRef from '@mui/utils/useForkRef';
 import useId from '@mui/utils/useId';
@@ -71,7 +71,7 @@ const ChartsLayerContainer = /*#__PURE__*/React.forwardRef(function ChartsLayerC
   if (process.env.NODE_ENV !== 'production') {
     React.Children.forEach(children, child => {
       if (typeof child === 'object' && child != null && 'type' in child && child.type === ChartsSurface) {
-        warnOnce('MUI X Charts: ChartsSurface should not be used inside ChartsLayerContainer. Render a ChartsSvgLayer instead.', 'error');
+        errorOnce('MUI X Charts: ChartsSurface should not be used inside ChartsLayerContainer. Render a ChartsSvgLayer instead.');
       }
     });
   }

package/ChartsLegend/ChartsLegend.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
 const _excluded = ["direction", "onItemClick", "className", "classes", "toggleVisibilityOnClick"];
 import * as React from 'react';
 import { styled } from '@mui/material/styles';

package/ChartsLegend/ContinuousColorLegend.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
 const _excluded = ["minLabel", "maxLabel", "direction", "axisDirection", "axisId", "rotateGradient", "reverse", "classes", "className", "gradientId", "labelPosition", "thickness"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/ChartsLegend/PiecewiseColorLegend.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
 const _excluded = ["direction", "classes", "className", "markType", "labelPosition", "axisDirection", "axisId", "labelFormatter", "onItemClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/ChartsLocalizationProvider/ChartsLocalizationProvider.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["localeText"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/ChartsOverlay/ChartsLoadingOverlay.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";
 import { useChartsLocalization } from "../hooks/useChartsLocalization.mjs";
 import { StyledText } from "./common.mjs";

package/ChartsOverlay/ChartsNoDataOverlay.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";
 import { useChartsLocalization } from "../hooks/useChartsLocalization.mjs";
 import { StyledText } from "./common.mjs";

package/ChartsOverlay/ChartsOverlay.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ChartsLoadingOverlay } from "./ChartsLoadingOverlay.mjs";
 import { useSeries } from "../hooks/useSeries.mjs";

package/ChartsOverlay/common.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { styled } from '@mui/material/styles';
 export const StyledText = styled('text', {
   slot: 'internal',

package/ChartsRadialAxisHighlight/ChartsRadialAxisHighlightPath.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { styled } from '@mui/material/styles';
 export const ChartsRadialAxisHighlightPath = styled('path', {
   name: 'MuiChartsRadialAxisHighlight',

package/ChartsRadialDataProvider/ChartsRadialDataProvider.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { defaultSlotsMaterial } from "../internals/material/index.mjs";

package/ChartsRadialDataProvider/useChartsRadialDataProviderProps.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["children", "localeText", "plugins", "slots", "slotProps", "seriesConfig"];
 import { useTheme, useThemeProps } from '@mui/material/styles';
 import { RADIAL_PLUGINS } from "./ChartsRadialDataProvider.plugins.mjs";

package/ChartsRadialGrid/ChartsRadialGrid.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "rotation", "radius"];
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/ChartsRadiusAxis/ChartsRadiusAxis.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { useTheme } from '@mui/material/styles';

package/ChartsReferenceLine/ChartsReferenceLine.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import PropTypes from 'prop-types';
 import { ChartsXReferenceLine } from "./ChartsXReferenceLine.mjs";

package/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -84,7 +84,7 @@ function ChartsXReferenceLine(props) {
   const xPosition = xAxisScale(x);
   if (xPosition === undefined) {
     if (process.env.NODE_ENV !== 'production') {
-      (0, _warning.warnOnce)(`MUI X Charts: the value ${x} does not exist in the data of x axis with id ${axisId}.`, 'error');
+      (0, _warning.errorOnce)(`MUI X Charts: the value ${x} does not exist in the data of x axis with id ${axisId}.`);
     }
     return null;
   }

package/ChartsReferenceLine/ChartsXReferenceLine.mjs

@@ -1,9 +1,9 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import { useDrawingArea, useXScale } from "../hooks/index.mjs";
 import { DEFAULT_SPACING, DEFAULT_SPACING_MIDDLE_OTHER_AXIS, ReferenceLineRoot } from "./common.mjs";
 import { ChartsText } from "../ChartsText/index.mjs";
@@ -77,7 +77,7 @@ function ChartsXReferenceLine(props) {
   const xPosition = xAxisScale(x);
   if (xPosition === undefined) {
     if (process.env.NODE_ENV !== 'production') {
-      warnOnce(`MUI X Charts: the value ${x} does not exist in the data of x axis with id ${axisId}.`, 'error');
+      errorOnce(`MUI X Charts: the value ${x} does not exist in the data of x axis with id ${axisId}.`);
     }
     return null;
   }

package/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -84,7 +84,7 @@ function ChartsYReferenceLine(props) {
   const yPosition = yAxisScale(y);
   if (yPosition === undefined) {
     if (process.env.NODE_ENV !== 'production') {
-      (0, _warning.warnOnce)(`MUI X Charts: the value ${y} does not exist in the data of y axis with id ${axisId}.`, 'error');
+      (0, _warning.errorOnce)(`MUI X Charts: the value ${y} does not exist in the data of y axis with id ${axisId}.`);
     }
     return null;
   }

package/ChartsReferenceLine/ChartsYReferenceLine.mjs

@@ -1,9 +1,9 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import { useDrawingArea, useYScale } from "../hooks/index.mjs";
 import { DEFAULT_SPACING, DEFAULT_SPACING_MIDDLE_OTHER_AXIS, ReferenceLineRoot } from "./common.mjs";
 import { ChartsText } from "../ChartsText/index.mjs";
@@ -77,7 +77,7 @@ function ChartsYReferenceLine(props) {
   const yPosition = yAxisScale(y);
   if (yPosition === undefined) {
     if (process.env.NODE_ENV !== 'production') {
-      warnOnce(`MUI X Charts: the value ${y} does not exist in the data of y axis with id ${axisId}.`, 'error');
+      errorOnce(`MUI X Charts: the value ${y} does not exist in the data of y axis with id ${axisId}.`);
     }
     return null;
   }

package/ChartsReferenceLine/common.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { styled } from '@mui/material/styles';
 import { referenceLineClasses } from "./chartsReferenceLineClasses.mjs";
 export const DEFAULT_SPACING = 5;

package/ChartsRotationAxis/ChartsRotationAxis.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { useTheme } from '@mui/material/styles';

package/ChartsSurface/ChartsSurface.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["children", "className", "title", "desc"];
 import clsx from 'clsx';
 import { useThemeProps } from '@mui/material/styles';

package/ChartsSvgLayer/ChartsSvgLayer.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["children", "className"];
 import { styled, useThemeProps } from '@mui/material/styles';
 import PropTypes from 'prop-types';

package/ChartsText/ChartsText.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["x", "y", "style", "text", "ownerState"],
   _excluded2 = ["angle", "textAnchor", "dominantBaseline"];
 import * as React from 'react';

package/ChartsTooltip/ChartsTooltip.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["classes", "trigger", "sort"];
 import PropTypes from 'prop-types';
 import HTMLElementType from '@mui/utils/HTMLElementType';

package/ChartsTooltip/ChartsTooltipContainer.js

@@ -107,10 +107,10 @@ function ChartsTooltipContainer(inProps) {
     const isItemControlled = store.state.tooltip?.itemIsControlled ?? false;
     const isAxisControlled = store.state.controlledCartesianAxisTooltip !== undefined;
     if (trigger !== 'item' && isItemControlled) {
-      (0, _warning.warnOnce)([`MUI X Charts: The \`tooltipItem\` prop is provided, but the tooltip trigger is set to '${trigger}'.`, "The `tooltipItem` prop only has an effect when the tooltip trigger is 'item'."], 'error');
+      (0, _warning.errorOnce)([`MUI X Charts: The \`tooltipItem\` prop is provided, but the tooltip trigger is set to '${trigger}'.`, "The `tooltipItem` prop only has an effect when the tooltip trigger is 'item'."].join('\n'));
     }
     if (trigger !== 'axis' && isAxisControlled) {
-      (0, _warning.warnOnce)([`MUI X Charts: The \`tooltipAxis\` prop is provided, but the tooltip trigger is set to '${trigger}'.`, "The `tooltipAxis` prop only has an effect when the tooltip trigger is 'axis'."], 'error');
+      (0, _warning.errorOnce)([`MUI X Charts: The \`tooltipAxis\` prop is provided, but the tooltip trigger is set to '${trigger}'.`, "The `tooltipAxis` prop only has an effect when the tooltip trigger is 'axis'."].join('\n'));
     }
   }
   const chartsLayerContainerRef = (0, _hooks.useChartsLayerContainerRef)();

package/ChartsTooltip/ChartsTooltipContainer.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["trigger", "position", "anchor", "classes", "children"];
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
@@ -14,7 +14,7 @@ import { styled, useThemeProps } from '@mui/material/styles';
 import Popper from '@mui/material/Popper';
 import NoSsr from '@mui/material/NoSsr';
 import { rafThrottle } from '@mui/x-internals/rafThrottle';
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import { useIsFineMainPointer } from "./utils.mjs";
 import { useUtilityClasses } from "./chartsTooltipClasses.mjs";
 import { useStore } from "../internals/store/useStore.mjs";
@@ -100,10 +100,10 @@ function ChartsTooltipContainer(inProps) {
     const isItemControlled = store.state.tooltip?.itemIsControlled ?? false;
     const isAxisControlled = store.state.controlledCartesianAxisTooltip !== undefined;
     if (trigger !== 'item' && isItemControlled) {
-      warnOnce([`MUI X Charts: The \`tooltipItem\` prop is provided, but the tooltip trigger is set to '${trigger}'.`, "The `tooltipItem` prop only has an effect when the tooltip trigger is 'item'."], 'error');
+      errorOnce([`MUI X Charts: The \`tooltipItem\` prop is provided, but the tooltip trigger is set to '${trigger}'.`, "The `tooltipItem` prop only has an effect when the tooltip trigger is 'item'."].join('\n'));
     }
     if (trigger !== 'axis' && isAxisControlled) {
-      warnOnce([`MUI X Charts: The \`tooltipAxis\` prop is provided, but the tooltip trigger is set to '${trigger}'.`, "The `tooltipAxis` prop only has an effect when the tooltip trigger is 'axis'."], 'error');
+      errorOnce([`MUI X Charts: The \`tooltipAxis\` prop is provided, but the tooltip trigger is set to '${trigger}'.`, "The `tooltipAxis` prop only has an effect when the tooltip trigger is 'axis'."].join('\n'));
     }
   }
   const chartsLayerContainerRef = useChartsLayerContainerRef();

package/ChartsWrapper/ChartsWrapper.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["children", "sx", "extendVertically", "hideLegend", "legendDirection", "legendPosition"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/ChartsXAxis/ChartsGroupedXAxisTicks.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { isOrdinalScale } from "../internals/scaleGuards.mjs";

package/ChartsXAxis/ChartsSingleXAxisTicks.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { useRtl } from '@mui/system/RtlProvider';
 import { useIsHydrated } from '@mui/x-internals/useIsHydrated';

package/ChartsXAxis/ChartsXAxis.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import { warnOnce } from '@mui/x-internals/warning';
 import { useXAxes } from "../hooks/useAxis.mjs";

package/ChartsXAxis/ChartsXAxisImpl.js

@@ -21,6 +21,7 @@ var _isInfinity = require("../internals/isInfinity");
 var _utilities = require("./utilities");
 var _hooks = require("../hooks");
 var _domUtils = require("../internals/domUtils");
+var _getInlineTypographyStyle = require("../internals/getInlineTypographyStyle");
 var _AxisSharedComponents = require("../internals/components/AxisSharedComponents");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["axis"],
@@ -80,7 +81,7 @@ function ChartsXAxisImpl(_ref) {
     externalSlotProps: slotProps?.axisLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: (0, _extends2.default)({}, theme.typography.body1, {
+      style: (0, _extends2.default)({}, (0, _getInlineTypographyStyle.getInlineTypographyStyle)(theme.typography.body1), {
         lineHeight: 1,
         fontSize: 14,
         textAnchor: 'middle',

package/ChartsXAxis/ChartsXAxisImpl.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["axis"],
   _excluded2 = ["scale", "tickNumber", "reverse", "ordinalTimeTicks"];
 import * as React from 'react';
@@ -16,6 +16,7 @@ import { isInfinity } from "../internals/isInfinity.mjs";
 import { defaultProps, useUtilityClasses } from "./utilities.mjs";
 import { useDrawingArea } from "../hooks/index.mjs";
 import { getStringSize } from "../internals/domUtils.mjs";
+import { getInlineTypographyStyle } from "../internals/getInlineTypographyStyle.mjs";
 import { AxisRoot } from "../internals/components/AxisSharedComponents.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const XAxisRoot = styled(AxisRoot, {
@@ -73,7 +74,7 @@ export function ChartsXAxisImpl(_ref) {
     externalSlotProps: slotProps?.axisLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: _extends({}, theme.typography.body1, {
+      style: _extends({}, getInlineTypographyStyle(theme.typography.body1), {
         lineHeight: 1,
         fontSize: 14,
         textAnchor: 'middle',

package/ChartsXAxis/useAxisTicksProps.d.mts

@@ -3896,11 +3896,11 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     onTransitionStart?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-atomic"?: "false" | "true" | boolean | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-busy"?: "false" | "true" | boolean | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
@@ -3911,37 +3911,37 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-disabled"?: "false" | "true" | boolean | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-expanded"?: "false" | "true" | boolean | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-grabbed"?: "false" | "true" | boolean | undefined;
     "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+    "aria-hidden"?: "false" | "true" | boolean | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: ("false" | "true" | boolean) | undefined;
-    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
-    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-modal"?: "false" | "true" | boolean | undefined;
+    "aria-multiline"?: "false" | "true" | boolean | undefined;
+    "aria-multiselectable"?: "false" | "true" | boolean | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-readonly"?: "false" | "true" | boolean | undefined;
     "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-required"?: "false" | "true" | boolean | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-selected"?: "false" | "true" | boolean | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -3978,7 +3978,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ascent?: number | string | undefined;
     attributeName?: string | undefined;
     attributeType?: string | undefined;
-    autoReverse?: ("false" | "true" | boolean) | undefined;
+    autoReverse?: "false" | "true" | boolean | undefined;
     azimuth?: number | string | undefined;
     baseFrequency?: number | string | undefined;
     baselineShift?: number | string | undefined;
@@ -4017,7 +4017,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     enableBackground?: number | string | undefined;
     end?: number | string | undefined;
     exponent?: number | string | undefined;
-    externalResourcesRequired?: ("false" | "true" | boolean) | undefined;
+    externalResourcesRequired?: "false" | "true" | boolean | undefined;
     fill?: string | undefined;
     fillOpacity?: number | string | undefined;
     fillRule?: "nonzero" | "evenodd" | "inherit" | undefined;
@@ -4026,7 +4026,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     filterUnits?: number | string | undefined;
     floodColor?: number | string | undefined;
     floodOpacity?: number | string | undefined;
-    focusable?: ("false" | "true" | boolean) | "auto" | undefined;
+    focusable?: "false" | "true" | boolean | "auto" | undefined;
     fontFamily?: string | undefined;
     fontSize?: number | string | undefined;
     fontSizeAdjust?: number | string | undefined;
@@ -4106,7 +4106,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     pointsAtX?: number | string | undefined;
     pointsAtY?: number | string | undefined;
     pointsAtZ?: number | string | undefined;
-    preserveAlpha?: ("false" | "true" | boolean) | undefined;
+    preserveAlpha?: "false" | "true" | boolean | undefined;
     preserveAspectRatio?: string | undefined;
     primitiveUnits?: number | string | undefined;
     r?: number | string | undefined;
@@ -4210,7 +4210,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     zoomAndPan?: string | undefined;
     ref: ((instance: any | null) => void) | null;
     text?: string | undefined;
-    style?: (import("../index.mjs").ChartsTextStyle & import("react").CSSProperties) | undefined;
+    style?: import("../index.mjs").ChartsTextStyle & import("react").CSSProperties | undefined;
     needsComputation?: boolean;
     lineHeight?: number;
     ownerState: any;