npm - @mui/x-charts - Versions diffs - 9.13.0 → 9.15.0 - Mend

@mui/x-charts 9.13.0 → 9.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (342) hide show

package/ChartsXAxis/useAxisTicksProps.d.ts CHANGED Viewed

@@ -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.js").ChartsTextStyle & import("react").CSSProperties) | undefined;
+    style?: import("../index.js").ChartsTextStyle & import("react").CSSProperties | undefined;
     needsComputation?: boolean;
     lineHeight?: number;
     ownerState: any;

package/ChartsXAxis/useAxisTicksProps.js CHANGED Viewed

@@ -15,6 +15,7 @@ var _ChartsText = require("../ChartsText");
 var _useAxis = require("../hooks/useAxis");
 var _defaultTextPlacement = require("../ChartsText/defaultTextPlacement");
 var _invertTextAnchor = require("../internals/invertTextAnchor");
+var _getInlineTypographyStyle = require("../internals/getInlineTypographyStyle");
 var _utilities = require("./utilities");
 var _constants = require("../constants");
 const _excluded = ["scale", "tickNumber", "reverse"];
@@ -57,7 +58,7 @@ function useAxisTicksProps(inProps) {
     externalSlotProps: slotProps?.axisTickLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: (0, _extends2.default)({}, theme.typography.caption, {
+      style: (0, _extends2.default)({}, (0, _getInlineTypographyStyle.getInlineTypographyStyle)(theme.typography.caption), {
         fontSize: _constants.DEFAULT_TICK_LABEL_FONT_SIZE,
         lineHeight: 1.25,
         textAnchor: isRtl ? (0, _invertTextAnchor.invertTextAnchor)(defaultTextAnchor) : defaultTextAnchor,

package/ChartsXAxis/useAxisTicksProps.mjs CHANGED Viewed

@@ -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 = ["scale", "tickNumber", "reverse"];
 import useSlotProps from '@mui/utils/useSlotProps';
 import { useThemeProps, useTheme } from '@mui/material/styles';
@@ -10,6 +10,7 @@ import { ChartsText } from "../ChartsText/index.mjs";
 import { useXAxes } from "../hooks/useAxis.mjs";
 import { getDefaultBaseline, getDefaultTextAnchor } from "../ChartsText/defaultTextPlacement.mjs";
 import { invertTextAnchor } from "../internals/invertTextAnchor.mjs";
+import { getInlineTypographyStyle } from "../internals/getInlineTypographyStyle.mjs";
 import { defaultProps, useUtilityClasses } from "./utilities.mjs";
 import { DEFAULT_TICK_LABEL_FONT_SIZE } from "../constants/index.mjs";
 export function useAxisTicksProps(inProps) {
@@ -51,7 +52,7 @@ export function useAxisTicksProps(inProps) {
     externalSlotProps: slotProps?.axisTickLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: _extends({}, theme.typography.caption, {
+      style: _extends({}, getInlineTypographyStyle(theme.typography.caption), {
         fontSize: DEFAULT_TICK_LABEL_FONT_SIZE,
         lineHeight: 1.25,
         textAnchor: isRtl ? invertTextAnchor(defaultTextAnchor) : defaultTextAnchor,

package/ChartsYAxis/ChartsGroupedYAxisTicks.mjs CHANGED Viewed

@@ -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/ChartsYAxis/ChartsSingleYAxisTicks.mjs CHANGED Viewed

@@ -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/ChartsYAxis/ChartsYAxis.mjs CHANGED Viewed

@@ -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 { useYAxes } from "../hooks/index.mjs";

package/ChartsYAxis/ChartsYAxisImpl.js CHANGED Viewed

@@ -22,6 +22,7 @@ var _isInfinity = require("../internals/isInfinity");
 var _useDrawingArea = require("../hooks/useDrawingArea");
 var _scaleGuards = require("../internals/scaleGuards");
 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"],
@@ -90,7 +91,7 @@ function ChartsYAxisImpl(_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,
         angle: positionSign * 90,

package/ChartsYAxis/ChartsYAxisImpl.mjs CHANGED Viewed

@@ -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';
@@ -17,6 +17,7 @@ import { isInfinity } from "../internals/isInfinity.mjs";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";
 import { isOrdinalScale } from "../internals/scaleGuards.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 YAxisRoot = styled(AxisRoot, {
@@ -83,7 +84,7 @@ export function ChartsYAxisImpl(_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,
         angle: positionSign * 90,

package/ChartsYAxis/useAxisTicksProps.d.mts CHANGED Viewed

@@ -3815,11 +3815,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3830,37 +3830,37 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     "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;
@@ -3897,7 +3897,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3936,7 +3936,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3945,7 +3945,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -4025,7 +4025,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -4129,7 +4129,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;

package/ChartsYAxis/useAxisTicksProps.d.ts CHANGED Viewed

@@ -3815,11 +3815,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3830,37 +3830,37 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     "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;
@@ -3897,7 +3897,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3936,7 +3936,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3945,7 +3945,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -4025,7 +4025,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -4129,7 +4129,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     zoomAndPan?: string | undefined;
     ref: ((instance: any | null) => void) | null;
     text?: string | undefined;
-    style?: (import("../index.js").ChartsTextStyle & import("react").CSSProperties) | undefined;
+    style?: import("../index.js").ChartsTextStyle & import("react").CSSProperties | undefined;
     needsComputation?: boolean;
     lineHeight?: number;
     ownerState: any;

package/ChartsYAxis/useAxisTicksProps.js CHANGED Viewed

@@ -15,6 +15,7 @@ var _ChartsText = require("../ChartsText");
 var _useAxis = require("../hooks/useAxis");
 var _defaultTextPlacement = require("../ChartsText/defaultTextPlacement");
 var _invertTextAnchor = require("../internals/invertTextAnchor");
+var _getInlineTypographyStyle = require("../internals/getInlineTypographyStyle");
 var _utilities = require("./utilities");
 var _constants = require("../constants");
 const _excluded = ["scale", "tickNumber", "reverse"];
@@ -57,7 +58,7 @@ function useAxisTicksProps(inProps) {
     externalSlotProps: slotProps?.axisTickLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: (0, _extends2.default)({}, theme.typography.caption, {
+      style: (0, _extends2.default)({}, (0, _getInlineTypographyStyle.getInlineTypographyStyle)(theme.typography.caption), {
         fontSize: tickFontSize,
         textAnchor: isRtl ? (0, _invertTextAnchor.invertTextAnchor)(defaultTextAnchor) : defaultTextAnchor,
         dominantBaseline: defaultDominantBaseline

package/ChartsYAxis/useAxisTicksProps.mjs CHANGED Viewed

@@ -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 = ["scale", "tickNumber", "reverse"];
 import useSlotProps from '@mui/utils/useSlotProps';
 import { useThemeProps, useTheme } from '@mui/material/styles';
@@ -10,6 +10,7 @@ import { ChartsText } from "../ChartsText/index.mjs";
 import { useYAxes } from "../hooks/useAxis.mjs";
 import { getDefaultBaseline, getDefaultTextAnchor } from "../ChartsText/defaultTextPlacement.mjs";
 import { invertTextAnchor } from "../internals/invertTextAnchor.mjs";
+import { getInlineTypographyStyle } from "../internals/getInlineTypographyStyle.mjs";
 import { defaultProps, useUtilityClasses } from "./utilities.mjs";
 import { DEFAULT_TICK_LABEL_FONT_SIZE } from "../constants/index.mjs";
 export function useAxisTicksProps(inProps) {
@@ -51,7 +52,7 @@ export function useAxisTicksProps(inProps) {
     externalSlotProps: slotProps?.axisTickLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: _extends({}, theme.typography.caption, {
+      style: _extends({}, getInlineTypographyStyle(theme.typography.caption), {
         fontSize: tickFontSize,
         textAnchor: isRtl ? invertTextAnchor(defaultTextAnchor) : defaultTextAnchor,
         dominantBaseline: defaultDominantBaseline

package/Gauge/Gauge.mjs CHANGED Viewed

@@ -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 = ["text", "children", "classes", "className", "skipAnimation"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/Gauge/GaugeContainer.mjs CHANGED Viewed

@@ -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 = ["width", "height", "margin", "title", "desc", "value", "valueMin", "valueMax", "startAngle", "endAngle", "outerRadius", "innerRadius", "cornerRadius", "cx", "cy", "children"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/Gauge/GaugeReferenceArc.mjs CHANGED Viewed

@@ -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"];
 import * as React from 'react';
 import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';

package/Gauge/GaugeValueArc.mjs CHANGED Viewed

@@ -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"],
   _excluded2 = ["cx", "cy", "startAngle", "endAngle", "cornerRadius", "innerRadius", "outerRadius", "skipAnimation"];
 import * as React from 'react';

package/Gauge/GaugeValueText.mjs CHANGED Viewed

@@ -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 = ["text", "className"];
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/LineChart/AnimatedArea.mjs CHANGED Viewed

@@ -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 = ["skipAnimation", "ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/AnimatedLine.mjs CHANGED Viewed

@@ -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 = ["skipAnimation", "ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/AreaElement.mjs CHANGED Viewed

@@ -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 = ["seriesId", "classes", "color", "gradientId", "slots", "slotProps", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/AreaPlot.mjs CHANGED Viewed

@@ -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 = ["slots", "slotProps", "onItemClick", "skipAnimation", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/CircleMarkElement.mjs CHANGED Viewed

@@ -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", "seriesId", "classes", "color", "dataIndex", "onClick", "skipAnimation", "isFaded", "isHighlighted", "shape", "hidden"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/LineChart.mjs CHANGED Viewed

@@ -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 { useThemeProps } from '@mui/material/styles';

package/LineChart/LineElement.mjs CHANGED Viewed

@@ -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 = ["seriesId", "classes", "color", "gradientId", "slots", "slotProps", "onClick", "hidden"];
 import * as React from 'react';
 import PropTypes from 'prop-types';