@mui/x-charts 8.27.5 → 8.28.2

package/BarChart/BarLabel/barLabelClasses.d.ts

@@ -1,35 +1,40 @@
 import type { BarLabelOwnerState } from "./BarLabel.types.js";
 /**
- * @deprecated Use `BarClasses` from `../barClasses` instead.
+ * @deprecated Use `BarClasses` instead.
  */
 export interface BarLabelClasses {
-  /** Styles applied to the root element. */
+  /** Styles applied to the root element.
+   * @deprecated Use `barClasses.label` instead.
+   */
   root: string;
   /** Styles applied to the root element if it is highlighted. */
   highlighted: string;
   /** Styles applied to the root element if it is faded. */
   faded: string;
-  /** Styles applied to the root element if it is animated. */
+  /** Styles applied to the root element if it is animated.
+   * @deprecated Use `barClasses.labelAnimate` instead.
+   */
   animate: string;
   /**
    * Styles applied to the root element for a specified series.
    * Needs to be suffixed with the series ID: `.${barLabelClasses.series}-${seriesId}`.
+   * @deprecated Use `[data-series="${seriesId}"]` selector instead.
    */
   series: string;
 }
 /**
- * @deprecated Use `BarClassKey` from `../barClasses` instead.
+ * @deprecated Use `BarClassKey` instead.
  */
 export type BarLabelClassKey = keyof BarLabelClasses;
 /**
- * @deprecated Use `getBarUtilityClass` from `../barClasses` instead.
+ * @deprecated Use `getBarUtilityClass` instead.
  */
 export declare function getBarLabelUtilityClass(slot: string): string;
 /**
- * @deprecated Use `barClasses` from `../barClasses` instead.
+ * @deprecated Use `barClasses` instead.
  */
 export declare const barLabelClasses: Record<"root" | "animate" | "highlighted" | "faded", string>;
 /**
- * @deprecated Use `useBarLabelUtilityClasses` from `../barClasses` instead.
+ * @deprecated Use `useBarLabelUtilityClasses` instead.
  */
 export declare const useUtilityClasses: (ownerState: BarLabelOwnerState) => Record<"root", string>;

package/BarChart/BarLabel/barLabelClasses.js

@@ -11,27 +11,27 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 /**
- * @deprecated Use `BarClasses` from `../barClasses` instead.
+ * @deprecated Use `BarClasses` instead.
  */
 
 /**
- * @deprecated Use `BarClassKey` from `../barClasses` instead.
+ * @deprecated Use `BarClassKey` instead.
  */
 
 /**
- * @deprecated Use `getBarUtilityClass` from `../barClasses` instead.
+ * @deprecated Use `getBarUtilityClass` instead.
  */
 function getBarLabelUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiBarLabel', slot);
 }
 
 /**
- * @deprecated Use `barClasses` from `../barClasses` instead.
+ * @deprecated Use `barClasses` instead.
  */
 const barLabelClasses = exports.barLabelClasses = (0, _generateUtilityClasses.default)('MuiBarLabel', ['root', 'highlighted', 'faded', 'animate']);
 
 /**
- * @deprecated Use `useBarLabelUtilityClasses` from `../barClasses` instead.
+ * @deprecated Use `useBarLabelUtilityClasses` instead.
  */
 const useUtilityClasses = ownerState => {
   const {

package/BarChart/barElementClasses.d.ts

@@ -1,10 +1,13 @@
 import type { BarElementOwnerState } from "./barClasses.js";
 export { type BarElementOwnerState };
 /**
- * @deprecated Use `BarClasses` from `./barClasses` instead.
+ * @deprecated Use `BarClasses` instead.
  */
 export interface BarElementClasses {
-  /** Styles applied to the root element. */
+  /**
+   * Styles applied to the root element.
+   * @deprecated Use `barClasses.element` instead.
+   */
   root: string;
   /** Styles applied to the root element if it is highlighted. */
   highlighted: string;
@@ -13,22 +16,23 @@ export interface BarElementClasses {
   /**
    * Styles applied to the root element for a specified series.
    * Needs to be suffixed with the series ID: `.${barElementClasses.series}-${seriesId}`.
+   * @deprecated Use `[data-series="${seriesId}"]` selector instead.
    */
   series: string;
 }
 /**
- * @deprecated Use `BarClassKey` from `./barClasses` instead.
+ * @deprecated Use `BarClassKey` instead.
  */
 export type BarElementClassKey = keyof BarElementClasses;
 /**
- * @deprecated Use `getBarUtilityClass` from `./barClasses` instead.
+ * @deprecated Use `getBarUtilityClass` instead.
  */
 export declare function getBarElementUtilityClass(slot: string): string;
 /**
- * @deprecated Use `barClasses` from `./barClasses` instead.
+ * @deprecated Use `barClasses` instead.
  */
 export declare const barElementClasses: BarElementClasses;
 /**
- * @deprecated Use `useBarElementUtilityClasses` from `./barClasses` instead.
+ * @deprecated Use `useBarElementUtilityClasses` instead.
  */
 export declare const useUtilityClasses: (ownerState: BarElementOwnerState) => Record<"root", string>;

package/BarChart/barElementClasses.js

@@ -11,27 +11,27 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 /**
- * @deprecated Use `BarClasses` from `./barClasses` instead.
+ * @deprecated Use `BarClasses` instead.
  */
 
 /**
- * @deprecated Use `BarClassKey` from `./barClasses` instead.
+ * @deprecated Use `BarClassKey` instead.
  */
 
 /**
- * @deprecated Use `getBarUtilityClass` from `./barClasses` instead.
+ * @deprecated Use `getBarUtilityClass` instead.
  */
 function getBarElementUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiBarElement', slot);
 }
 
 /**
- * @deprecated Use `barClasses` from `./barClasses` instead.
+ * @deprecated Use `barClasses` instead.
  */
 const barElementClasses = exports.barElementClasses = (0, _generateUtilityClasses.default)('MuiBarElement', ['root', 'highlighted', 'faded', 'series']);
 
 /**
- * @deprecated Use `useBarElementUtilityClasses` from `./barClasses` instead.
+ * @deprecated Use `useBarElementUtilityClasses` instead.
  */
 const useUtilityClasses = ownerState => {
   const {

package/BarChart/index.d.ts

@@ -6,5 +6,5 @@ export * from "./FocusedBar.js";
 export * from "./barElementClasses.js";
 export * from "./BarChart.plugins.js";
 export { type BarProps } from "./AnimatedBarElement.js";
-export { barClasses, getBarUtilityClass } from "./barClasses.js";
+export { barClasses } from "./barClasses.js";
 export type { BarClassKey, BarClasses } from "./barClasses.js";

package/BarChart/index.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  barClasses: true,
-  getBarUtilityClass: true
+  barClasses: true
 };
 Object.defineProperty(exports, "barClasses", {
   enumerable: true,
@@ -13,12 +12,6 @@ Object.defineProperty(exports, "barClasses", {
     return _barClasses.barClasses;
   }
 });
-Object.defineProperty(exports, "getBarUtilityClass", {
-  enumerable: true,
-  get: function () {
-    return _barClasses.getBarUtilityClass;
-  }
-});
 var _BarChart = require("./BarChart");
 Object.keys(_BarChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/CHANGELOG.md

@@ -5,6 +5,161 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.28.2
+
+_Apr 1, 2026_
+
+We'd like to extend a big thank you to the 4 contributors who made this release possible.
+
+Special thanks go out to this community member for their valuable contribution:
+@mixelburg, @sibananda485
+
+The following team members contributed to this release:
+@dav-is, @JCQuintas
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.28.2`
+
+- [DataGrid] Export `GridColumnUnsortedIconProps` for custom column icon slots (#21898) @mixelburg
+
+#### `@mui/x-data-grid-pro@8.28.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.28.2`.
+
+#### `@mui/x-data-grid-premium@8.28.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.28.2`, plus:
+
+- [DataGridPremium] Fix clipboard paste issue in portal (#21949) @sibananda485
+
+### Charts
+
+#### `@mui/x-charts@8.28.2`
+
+- [charts] Fix zoom slider preview with discard filter mode (#21906) @JCQuintas
+
+#### `@mui/x-charts-pro@8.28.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.28.2`.
+
+#### `@mui/x-charts-premium@8.28.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.28.2`.
+
+### Docs
+
+- [docs] Fix JSDOM → jsdom casing (#21908) @JCQuintas
+
+### Core
+
+- [docs-infra] Set `SEARCH_INDEX` Env for v8 (#21875) @dav-is
+
+## 8.28.1
+
+_Mar 26, 2026_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible.
+
+The following team members contributed to this release:
+@arminmeh, @cherniavskii
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.28.1`
+
+- [DataGrid] Prevent repeated `hasScrollbar` state updates (#21847) @arminmeh
+
+#### `@mui/x-data-grid-pro@8.28.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.28.1`, plus:
+
+- [DataGridPro] `fetchRows()` API's default `start` and `end` params based on scroll position with lazy loading (#21811) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.28.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.28.1`.
+
+### Core
+
+- [internal] Remove headless data grid packages (#21848) @cherniavskii
+
+## 8.28.0
+
+_Mar 19, 2026_
+
+We'd like to extend a big thank you to the 5 contributors who made this release possible.
+
+The following team members contributed to this release:
+@alexfauquette, @brijeshb42, @Janpot, @JCQuintas, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.28.0`
+
+- [DataGrid] Move `elementOverrides` to constants and remove duplicates (@sai6855) (#21752) @github-actions[bot]
+
+#### `@mui/x-data-grid-pro@8.28.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.28.0`.
+
+#### `@mui/x-data-grid-premium@8.28.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.28.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.27.2`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.27.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.27.2`.
+
+### Charts
+
+#### `@mui/x-charts@8.28.0`
+
+- [charts] Improve deprecation warnings (#21760) (#21767) @alexfauquette
+- [charts] Refactor `FunnelChart` classes structure (@JCQuintas) (#21763) @github-actions[bot]
+- [charts] Refactor `Heatmap` classes structure (#21653) (#21745) @JCQuintas
+- [charts] Refactor `PieChart` classes structure (@JCQuintas) (#21715) @github-actions[bot]
+- [charts] Refactor `RadarChart` classes structure (@JCQuintas) (#21730) @github-actions[bot]
+- [charts] Refactor `SankeyChart` classes structure (#21654) (#21726) @JCQuintas
+- [charts] Rename `data-series-id` by `data-series` (#21761) (#21772) @alexfauquette
+
+#### `@mui/x-charts-pro@8.28.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.28.0`, plus:
+
+- [charts-pro] Allow `brush` interaction to accept `requiredKeys/pointerMode` (#21723) @JCQuintas
+
+#### `@mui/x-charts-premium@8.28.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.28.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.27.2`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.27.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.27.2`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.27.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Fix contributor generation in changelog (#21712) @brijeshb42
+- [code-infra] Install pkg-pr-new (#21778) @Janpot
+
 ## 8.27.5
 
 _Mar 11, 2026_

package/LineChart/AreaElement.d.ts

@@ -3,10 +3,13 @@ import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { type AnimatedAreaProps } from "./AnimatedArea.js";
 import { type SeriesId } from "../models/seriesType/common.js";
 /**
- * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ * @deprecated Use `LineClasses` instead.
  */
 export interface AreaElementClasses {
-  /** Styles applied to the root element. */
+  /**
+   * Styles applied to the root element.
+   * @deprecated Use `lineClasses.area` instead.
+   */
   root: string;
   /** Styles applied to the root element when highlighted. */
   highlighted: string;
@@ -15,11 +18,12 @@ export interface AreaElementClasses {
   /**
    * Styles applied to the root element for a specified series.
    * Needs to be suffixed with the series ID: `.${areaElementClasses.series}-${seriesId}`.
+   * @deprecated Use `[data-series="${seriesId}"]` selector instead.
    */
   series: string;
 }
 /**
- * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ * @deprecated Use `LineClassKey` instead.
  */
 export type AreaElementClassKey = keyof AreaElementClasses;
 export interface AreaElementOwnerState {
@@ -31,11 +35,11 @@ export interface AreaElementOwnerState {
   classes?: Partial<AreaElementClasses>;
 }
 /**
- * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ * @deprecated Use `getLineUtilityClass` instead.
  */
 export declare function getAreaElementUtilityClass(slot: string): string;
 /**
- * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ * @deprecated Use `lineClasses` instead.
  */
 export declare const areaElementClasses: AreaElementClasses;
 export interface AreaElementSlots {

package/LineChart/AreaElement.js

@@ -24,25 +24,25 @@ var _lineClasses = require("./lineClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["id", "classes", "color", "gradientId", "slots", "slotProps", "onClick"];
 /**
- * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ * @deprecated Use `LineClasses` instead.
  */
 /**
- * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ * @deprecated Use `LineClassKey` instead.
  */
 /**
- * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ * @deprecated Use `getLineUtilityClass` instead.
  */
 function getAreaElementUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiAreaElement', slot);
 }
 
 /**
- * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ * @deprecated Use `lineClasses` instead.
  */
 const areaElementClasses = exports.areaElementClasses = (0, _generateUtilityClasses.default)('MuiAreaElement', ['root', 'highlighted', 'faded', 'series']);
 
 /**
- * @deprecated Use `useUtilityClasses` from `./lineClasses` instead.
+ * @deprecated Use `useUtilityClasses` instead.
  */
 const useDeprecatedUtilityClasses = ownerState => {
   const {
@@ -106,7 +106,8 @@ function AreaElement(props) {
       cursor: onClick ? 'pointer' : 'unset',
       'data-highlighted': isHighlighted || undefined,
       'data-faded': isFaded || undefined,
-      'data-series-id': id
+      'data-series-id': id,
+      'data-series': id
     }),
     className: `${classes.area} ${deprecatedClasses.root}`,
     ownerState

package/LineChart/CircleMarkElement.js

@@ -92,6 +92,7 @@ function CircleMarkElement(props) {
     "data-highlighted": isHighlighted || undefined,
     "data-faded": isFaded || undefined,
     "data-series-id": id,
+    "data-series": id,
     "data-index": dataIndex,
     opacity: hidden ? 0 : 1
   }));

package/LineChart/LineElement.d.ts

@@ -3,10 +3,13 @@ import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { type AnimatedLineProps } from "./AnimatedLine.js";
 import { type SeriesId } from "../models/seriesType/common.js";
 /**
- * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ * @deprecated Use `LineClasses` instead.
  */
 export interface LineElementClasses {
-  /** Styles applied to the root element. */
+  /**
+   * Styles applied to the root element.
+   * @deprecated Use `lineClasses.line` instead.
+   */
   root: string;
   /** Styles applied to the root element when highlighted. */
   highlighted: string;
@@ -15,11 +18,12 @@ export interface LineElementClasses {
   /**
    * Styles applied to the root element for a specified series.
    * Needs to be suffixed with the series ID: `.${lineElementClasses.series}-${seriesId}`.
+   * @deprecated Use `[data-series="${seriesId}"]` selector instead.
    */
   series: string;
 }
 /**
- * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ * @deprecated Use `LineClassKey` instead.
  */
 export type LineElementClassKey = keyof LineElementClasses;
 export interface LineElementOwnerState {
@@ -33,11 +37,11 @@ export interface LineElementOwnerState {
   hidden?: boolean;
 }
 /**
- * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ * @deprecated Use `getLineUtilityClass` instead.
  */
 export declare function getLineElementUtilityClass(slot: string): string;
 /**
- * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ * @deprecated Use `lineClasses` instead.
  */
 export declare const lineElementClasses: LineElementClasses;
 export interface LineElementSlots {

package/LineChart/LineElement.js

@@ -24,25 +24,25 @@ var _lineClasses = require("./lineClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["id", "classes", "color", "gradientId", "slots", "slotProps", "onClick", "hidden"];
 /**
- * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ * @deprecated Use `LineClasses` instead.
  */
 /**
- * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ * @deprecated Use `LineClassKey` instead.
  */
 /**
- * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ * @deprecated Use `getLineUtilityClass` instead.
  */
 function getLineElementUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiLineElement', slot);
 }
 
 /**
- * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ * @deprecated Use `lineClasses` instead.
  */
 const lineElementClasses = exports.lineElementClasses = (0, _generateUtilityClasses.default)('MuiLineElement', ['root', 'highlighted', 'faded', 'series']);
 
 /**
- * @deprecated Use `useUtilityClasses` from `./lineClasses` instead.
+ * @deprecated Use `useUtilityClasses` instead.
  */
 const useDeprecatedUtilityClasses = ownerState => {
   const {
@@ -108,7 +108,8 @@ function LineElement(props) {
       cursor: onClick ? 'pointer' : 'unset',
       'data-highlighted': isHighlighted || undefined,
       'data-faded': isFaded || undefined,
-      'data-series-id': id
+      'data-series-id': id,
+      'data-series': id
     }),
     className: `${classes.line} ${deprecatedClasses.root}`,
     ownerState

package/LineChart/LineHighlightElement.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { type SeriesId } from "../models/seriesType/common.js";
 /**
- * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ * @deprecated Use `LineClasses` instead.
  */
 export interface LineHighlightElementClasses {
   /** Styles applied to the root element. */
   root: string;
 }
 /**
- * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ * @deprecated Use `LineClassKey` instead.
  */
 export type HighlightElementClassKey = keyof LineHighlightElementClasses;
 interface LineHighlightElementCommonProps {
@@ -19,11 +19,11 @@ interface LineHighlightElementCommonProps {
   classes?: Partial<LineHighlightElementClasses>;
 }
 /**
- * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ * @deprecated Use `getLineUtilityClass` instead.
  */
 export declare function getHighlightElementUtilityClass(slot: string): string;
 /**
- * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ * @deprecated Use `lineClasses` instead.
  */
 export declare const lineHighlightElementClasses: LineHighlightElementClasses;
 export type LineHighlightElementProps = (LineHighlightElementCommonProps & ({

package/LineChart/LineHighlightElement.js

@@ -23,25 +23,25 @@ var _lineClasses = require("./lineClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["x", "y", "id", "classes", "color", "shape"];
 /**
- * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ * @deprecated Use `LineClasses` instead.
  */
 /**
- * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ * @deprecated Use `LineClassKey` instead.
  */
 /**
- * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ * @deprecated Use `getLineUtilityClass` instead.
  */
 function getHighlightElementUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiHighlightElement', slot);
 }
 
 /**
- * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ * @deprecated Use `lineClasses` instead.
  */
 const lineHighlightElementClasses = exports.lineHighlightElementClasses = (0, _generateUtilityClasses.default)('MuiHighlightElement', ['root']);
 
 /**
- * @deprecated Use `useUtilityClasses` from `./lineClasses` instead.
+ * @deprecated Use `useUtilityClasses` instead.
  */
 const useDeprecatedUtilityClasses = ownerState => {
   const {

package/LineChart/MarkElement.js

@@ -92,6 +92,7 @@ function MarkElement(props) {
     "data-highlighted": isHighlighted || undefined,
     "data-faded": isFaded || undefined,
     "data-series-id": id,
+    "data-series": id,
     "data-index": dataIndex,
     opacity: hidden ? 0 : 1,
     strokeWidth: 2,

package/LineChart/index.d.ts

@@ -13,5 +13,5 @@ export * from "./LineHighlightElement.js";
 export * from "./LineChart.plugins.js";
 export type { MarkElementClasses, MarkElementClassKey } from "./markElementClasses.js";
 export { getMarkElementUtilityClass, markElementClasses } from "./markElementClasses.js";
-export { lineClasses, getLineUtilityClass } from "./lineClasses.js";
+export { lineClasses } from "./lineClasses.js";
 export type { LineClassKey, LineClasses } from "./lineClasses.js";

package/LineChart/index.js

@@ -6,15 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   getMarkElementUtilityClass: true,
   markElementClasses: true,
-  lineClasses: true,
-  getLineUtilityClass: true
+  lineClasses: true
 };
-Object.defineProperty(exports, "getLineUtilityClass", {
-  enumerable: true,
-  get: function () {
-    return _lineClasses.getLineUtilityClass;
-  }
-});
 Object.defineProperty(exports, "getMarkElementUtilityClass", {
   enumerable: true,
   get: function () {