@mui/x-charts 8.1.0 → 8.3.0

package/RadarChart/RadarGrid/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./RadarGrid.js";
-export type { RadarGridProps } from './RadarGrid.types';
+export type { RadarGridProps } from "./RadarGrid.types.js";

package/RadarChart/RadarSeriesPlot/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./RadarSeriesPlot.js";
-export type * from './RadarSeriesPlot.types';
+export type * from "./RadarSeriesPlot.types.js";
 export { RadarSeriesArea } from "./RadarSeriesArea.js";
 export { RadarSeriesMarks } from "./RadarSeriesMarks.js";
-export type { RadarSeriesPlotClasses, RadarSeriesPlotClassKey } from './radarSeriesPlotClasses';
+export type { RadarSeriesPlotClasses, RadarSeriesPlotClassKey } from "./radarSeriesPlotClasses.js";
 export { radarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -17,12 +17,12 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
   }[];
   type: "radar";
   label?: string | ((location: "tooltip" | "legend") => string) | undefined;
-  highlightScope?: Partial<import("../..").HighlightScope> | undefined;
-  labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("../..").ChartsLabelCustomMarkProps> | undefined;
+  highlightScope?: Partial<import("../../index.js").HighlightScope> | undefined;
+  labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("../../index.js").ChartsLabelCustomMarkProps> | undefined;
   hideMark?: boolean | undefined;
   fillArea?: boolean | undefined;
   data: number[];
   color: string;
   id: SeriesId;
-  valueFormatter: import("../../internals").SeriesValueFormatter<number>;
+  valueFormatter: import("../../internals/index.js").SeriesValueFormatter<number>;
 }[];

package/RadarChart/index.d.ts

@@ -1,7 +1,7 @@
 export { RadarChart as Unstable_RadarChart } from "./RadarChart.js";
 export { RadarDataProvider as Unstable_RadarDataProvider } from "./RadarDataProvider/index.js";
-export type { RadarChartProps } from './RadarChart';
-export type { RadarDataProviderProps } from './RadarDataProvider';
+export type { RadarChartProps } from "./RadarChart.js";
+export type { RadarDataProviderProps } from "./RadarDataProvider/index.js";
 export * from "./RadarGrid/index.js";
 export * from "./RadarAxisHighlight/index.js";
 export * from "./RadarMetricLabels/index.js";

package/RadarChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'radar'>;
 export default getSeriesWithDefaultValues;

package/RadarChart/seriesConfig/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { AxisTooltipGetter, TooltipGetter } from '../../internals/plugins/models';
+import type { AxisTooltipGetter, TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'radar'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'radar', 'rotation'>;
 export default tooltipGetter;

package/RadarChart/useRadarChartProps.d.ts

@@ -1,7 +1,7 @@
-import type { RadarChartProps } from './RadarChart';
+import type { RadarChartProps } from "./RadarChart.js";
 import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
 import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
 import { RadarGridProps } from "./RadarGrid/index.js";

package/ScatterChart/ScatterChart.js

@@ -161,7 +161,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,
   /**

package/ScatterChart/ScatterMarker.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ScatterMarkerProps } from './ScatterMarker';
+import type { ScatterMarkerProps } from "./ScatterMarker.js";
 export interface ScatterMarkerSlots {
   /**
    * The component that renders the marker for a scatter point.

package/ScatterChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'scatter'>;
 export default getSeriesWithDefaultValues;

package/ScatterChart/seriesConfig/seriesProcessor.js

@@ -14,7 +14,7 @@ const seriesProcessor = ({
     const datasetKeys = seriesData?.datasetKeys;
     const missingKeys = ['x', 'y', 'id'].filter(key => typeof datasetKeys?.[key] !== 'string');
     if (seriesData?.datasetKeys && missingKeys.length > 0) {
-      throw new Error([`MUI X: scatter series with id='${seriesId}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
+      throw new Error([`MUI X Charts: scatter series with id='${seriesId}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
     }
     const data = !datasetKeys ? seriesData.data ?? [] : dataset?.map(d => {
       return {

package/ScatterChart/seriesConfig/tooltip.d.ts

@@ -1,3 +1,3 @@
-import type { TooltipGetter } from '../../internals/plugins/models';
+import type { TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'scatter'>;
 export default tooltipGetter;

package/ScatterChart/useScatterChartProps.d.ts

@@ -5,9 +5,9 @@ import { ChartsGridProps } from "../ChartsGrid/index.js";
 import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
 import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartContainerProps } from "../ChartContainer/index.js";
-import type { ScatterChartProps } from './ScatterChart';
-import type { ScatterPlotProps } from './ScatterPlot';
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ScatterChartProps } from "./ScatterChart.js";
+import type { ScatterPlotProps } from "./ScatterPlot.js";
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { ScatterChartPluginsSignatures } from "./ScatterChart.plugins.js";
 /**
  * A helper function that extracts ScatterChartProps from the input props

package/SparkLineChart/SparkLineChart.d.ts

@@ -86,6 +86,25 @@ export interface SparkLineChartProps extends Omit<ChartContainerProps, 'series'
    * @default rainbowSurgePalette[0]
    */
   color?: ChartsColor;
+  /**
+   * When `true`, the chart's drawing area will not be clipped and elements within can visually overflow the chart.
+   *
+   * @default false
+   */
+  disableClipping?: boolean;
+  /**
+   * The clipped area offset in pixels.
+   *
+   * This prevents partial clipping of lines when they are drawn on the edge of the drawing area.
+   *
+   * @default { top: 1, right: 1, bottom: 1, left: 1 }
+   */
+  clipAreaOffset?: {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+  };
 }
 /**
  * Demos:

package/SparkLineChart/SparkLineChart.js

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _ChartsClipPath = require("../ChartsClipPath");
 var _BarChart = require("../BarChart");
 var _LineChart = require("../LineChart");
 var _ChartContainer = require("../ChartContainer");
@@ -18,7 +20,7 @@ var _constants = require("../constants");
 var _ChartsTooltip = require("../ChartsTooltip");
 var _ChartsAxisHighlight = require("../ChartsAxisHighlight");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["xAxis", "yAxis", "width", "height", "margin", "color", "sx", "showTooltip", "showHighlight", "axisHighlight", "children", "slots", "slotProps", "data", "plotType", "valueFormatter", "area", "curve", "className"];
+const _excluded = ["xAxis", "yAxis", "width", "height", "margin", "color", "sx", "showTooltip", "showHighlight", "axisHighlight", "children", "slots", "slotProps", "data", "plotType", "valueFormatter", "area", "curve", "className", "disableClipping", "clipAreaOffset"];
 const SPARK_LINE_DEFAULT_MARGIN = 5;
 
 /**
@@ -50,9 +52,19 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
       valueFormatter = value => value === null ? '' : value.toString(),
       area,
       curve = 'linear',
-      className
+      className,
+      disableClipping,
+      clipAreaOffset
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const id = (0, _useId.default)();
+  const clipPathId = `${id}-clip-path`;
+  const clipPathOffset = {
+    top: clipAreaOffset?.top ?? 1,
+    right: clipAreaOffset?.right ?? 1,
+    bottom: clipAreaOffset?.bottom ?? 1,
+    left: clipAreaOffset?.left ?? 1
+  };
   const defaultXHighlight = showHighlight && plotType === 'bar' ? {
     x: 'band'
   } : {
@@ -99,23 +111,29 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
     colors: colors,
     sx: sx,
     disableAxisListener: (!showTooltip || slotProps?.tooltip?.trigger !== 'axis') && axisHighlight?.x === 'none' && axisHighlight?.y === 'none',
-    children: [plotType === 'bar' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarPlot, {
-      skipAnimation: true,
-      slots: slots,
-      slotProps: slotProps
-    }), plotType === 'line' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.AreaPlot, {
-        skipAnimation: true,
-        slots: slots,
-        slotProps: slotProps
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LinePlot, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+      clipPath: `url(#${clipPathId})`,
+      children: [plotType === 'bar' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarPlot, {
         skipAnimation: true,
         slots: slots,
         slotProps: slotProps
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LineHighlightPlot, {
-        slots: slots,
-        slotProps: slotProps
+      }), plotType === 'line' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.AreaPlot, {
+          skipAnimation: true,
+          slots: slots,
+          slotProps: slotProps
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LinePlot, {
+          skipAnimation: true,
+          slots: slots,
+          slotProps: slotProps
+        })]
       })]
+    }), plotType === 'line' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LineHighlightPlot, {
+      slots: slots,
+      slotProps: slotProps
+    }), disableClipping ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, {
+      id: clipPathId,
+      offset: clipPathOffset
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlight)), showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({}, props.slotProps?.tooltip)), children]
   }));
 });
@@ -139,6 +157,19 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }),
   children: _propTypes.default.node,
   className: _propTypes.default.string,
+  /**
+   * The clipped area offset in pixels.
+   *
+   * This prevents partial clipping of lines when they are drawn on the edge of the drawing area.
+   *
+   * @default { top: 1, right: 1, bottom: 1, left: 1 }
+   */
+  clipAreaOffset: _propTypes.default.shape({
+    bottom: _propTypes.default.number,
+    left: _propTypes.default.number,
+    right: _propTypes.default.number,
+    top: _propTypes.default.number
+  }),
   /**
    * Color used to colorize the sparkline.
    * @default rainbowSurgePalette[0]
@@ -163,6 +194,12 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * @default false
    */
   disableAxisListener: _propTypes.default.bool,
+  /**
+   * When `true`, the chart's drawing area will not be clipped and elements within can visually overflow the chart.
+   *
+   * @default false
+   */
+  disableClipping: _propTypes.default.bool,
   /**
    * If true, the voronoi interaction are ignored.
    */
@@ -205,7 +242,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,
   /**

package/Toolbar/Toolbar.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface ToolbarProps extends React.PropsWithChildren {}
+export declare function Toolbar({
+  children
+}: ToolbarProps): React.JSX.Element;

package/Toolbar/Toolbar.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbar = Toolbar;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const ToolbarRoot = (0, _styles.styled)('div', {
+  name: 'MuiChartsToolbar',
+  slot: 'Root'
+})(({
+  theme
+}) => ({
+  flex: 0,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'end',
+  gap: theme.spacing(0.25),
+  padding: theme.spacing(0.5),
+  minHeight: 44,
+  boxSizing: 'border-box',
+  border: `1px solid ${(theme.vars || theme).palette.divider}`,
+  borderRadius: 4
+}));
+function Toolbar({
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarRoot, {
+    children: children
+  });
+}

package/Toolbar/ToolbarButton.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ChartBaseIconButtonProps } from "../models/slots/chartsBaseSlotProps.js";
+export interface ToolbarButtonProps extends ChartBaseIconButtonProps {}
+declare const ToolbarButton: React.ForwardRefExoticComponent<Omit<ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { ToolbarButton };

package/Toolbar/ToolbarButton.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _material = require("../internals/material");
+var _jsxRuntime = require("react/jsx-runtime");
+const ToolbarButton = exports.ToolbarButton = /*#__PURE__*/React.forwardRef(function ToolbarButton(props, ref) {
+  const IconButton = _material.defaultSlotsMaterial.baseIconButton;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, (0, _extends2.default)({
+    ref: ref
+  }, props));
+});
+process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  className: _propTypes.default.string,
+  style: _propTypes.default.object
+} : void 0;

package/Toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Toolbar.js";
+export * from "./ToolbarButton.js";

package/Toolbar/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Toolbar = require("./Toolbar");
+Object.keys(_Toolbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Toolbar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Toolbar[key];
+    }
+  });
+});
+var _ToolbarButton = require("./ToolbarButton");
+Object.keys(_ToolbarButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ToolbarButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ToolbarButton[key];
+    }
+  });
+});

package/colorPalettes/categorical/blueberryTwilight.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const blueberryTwilightPaletteLight: string[];
+export declare const blueberryTwilightPaletteDark: string[];
+export declare const blueberryTwilightPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/blueberryTwilight.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blueberryTwilightPaletteLight = exports.blueberryTwilightPaletteDark = exports.blueberryTwilightPalette = void 0;
+const blueberryTwilightPaletteLight = exports.blueberryTwilightPaletteLight = ['#02B2AF', '#2E96FF', '#B800D8', '#60009B', '#2731C8', '#03008D'];
+const blueberryTwilightPaletteDark = exports.blueberryTwilightPaletteDark = ['#02B2AF', '#72CCFF', '#DA00FF', '#9001CB', '#2E96FF', '#3B48E0'];
+const blueberryTwilightPalette = mode => mode === 'dark' ? blueberryTwilightPaletteDark : blueberryTwilightPaletteLight;
+exports.blueberryTwilightPalette = blueberryTwilightPalette;

package/colorPalettes/categorical/cheerfulFiesta.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const cheerfulFiestaPaletteDark: string[];
+export declare const cheerfulFiestaPaletteLight: string[];
+export declare const cheerfulFiestaPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/cheerfulFiesta.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cheerfulFiestaPaletteLight = exports.cheerfulFiestaPaletteDark = exports.cheerfulFiestaPalette = void 0;
+const cheerfulFiestaPaletteDark = exports.cheerfulFiestaPaletteDark = ['#0059B2', '#2E96FF', '#FFC24C', '#FF9F0E', '#F38200', '#2ABFDE', '#1F94AD', '#BD2C38', '#FF3143', '#FF8282'];
+const cheerfulFiestaPaletteLight = exports.cheerfulFiestaPaletteLight = ['#003A75', '#007FFF', '#FFC24C', '#FF9D09', '#CA6C00', '#127D94', '#1F94AD', '#C82634', '#FF3143', '#FF7E7E'];
+const cheerfulFiestaPalette = mode => mode === 'dark' ? cheerfulFiestaPaletteDark : cheerfulFiestaPaletteLight;
+exports.cheerfulFiestaPalette = cheerfulFiestaPalette;

package/colorPalettes/categorical/mangoFusion.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const mangoFusionPaletteLight: string[];
+export declare const mangoFusionPaletteDark: string[];
+export declare const mangoFusionPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/mangoFusion.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mangoFusionPaletteLight = exports.mangoFusionPaletteDark = exports.mangoFusionPalette = void 0;
+const mangoFusionPaletteLight = exports.mangoFusionPaletteLight = ['#173A5E', '#00A3A0', '#C91B63', '#EF5350', '#FFA726', '#B800D8', '#60009B', '#2E96FF', '#2731C8', '#03008D'];
+const mangoFusionPaletteDark = exports.mangoFusionPaletteDark = ['#41698F', '#19D0CD', '#DE196B', '#FC5F5C', '#FFD771', '#DA00FF', '#9001CB', '#72CCFF', '#2E96FF', '#3B48E0'];
+const mangoFusionPalette = mode => mode === 'dark' ? mangoFusionPaletteDark : mangoFusionPaletteLight;
+exports.mangoFusionPalette = mangoFusionPalette;

package/colorPalettes/categorical/rainbowSurge.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const rainbowSurgePaletteLight: string[];
+export declare const rainbowSurgePaletteDark: string[];
+export declare const rainbowSurgePalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/rainbowSurge.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rainbowSurgePaletteLight = exports.rainbowSurgePaletteDark = exports.rainbowSurgePalette = void 0;
+const rainbowSurgePaletteLight = exports.rainbowSurgePaletteLight = ['#4254FB', '#FFB422', '#FA4F58', '#0DBEFF', '#22BF75', '#FA83B4', '#FF7511'];
+const rainbowSurgePaletteDark = exports.rainbowSurgePaletteDark = ['#495AFB', '#FFC758', '#F35865', '#30C8FF', '#44CE8D', '#F286B3', '#FF8C39'];
+const rainbowSurgePalette = mode => mode === 'dark' ? rainbowSurgePaletteDark : rainbowSurgePaletteLight;
+exports.rainbowSurgePalette = rainbowSurgePalette;

package/colorPalettes/index.d.ts

@@ -1 +1,14 @@
-export * from "./colorPalettes.js";
+export * from "./types.js";
+export * from "./categorical/rainbowSurge.js";
+export * from "./categorical/blueberryTwilight.js";
+export * from "./categorical/mangoFusion.js";
+export * from "./categorical/cheerfulFiesta.js";
+export * from "./sequential/strawberrySky.js";
+export * from "./sequential/blue.js";
+export * from "./sequential/cyan.js";
+export * from "./sequential/green.js";
+export * from "./sequential/orange.js";
+export * from "./sequential/pink.js";
+export * from "./sequential/purple.js";
+export * from "./sequential/red.js";
+export * from "./sequential/yellow.js";

package/colorPalettes/index.js

@@ -3,14 +3,157 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _colorPalettes = require("./colorPalettes");
-Object.keys(_colorPalettes).forEach(function (key) {
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _colorPalettes[key]) return;
+  if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _colorPalettes[key];
+      return _types[key];
+    }
+  });
+});
+var _rainbowSurge = require("./categorical/rainbowSurge");
+Object.keys(_rainbowSurge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rainbowSurge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _rainbowSurge[key];
+    }
+  });
+});
+var _blueberryTwilight = require("./categorical/blueberryTwilight");
+Object.keys(_blueberryTwilight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _blueberryTwilight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _blueberryTwilight[key];
+    }
+  });
+});
+var _mangoFusion = require("./categorical/mangoFusion");
+Object.keys(_mangoFusion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mangoFusion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mangoFusion[key];
+    }
+  });
+});
+var _cheerfulFiesta = require("./categorical/cheerfulFiesta");
+Object.keys(_cheerfulFiesta).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cheerfulFiesta[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cheerfulFiesta[key];
+    }
+  });
+});
+var _strawberrySky = require("./sequential/strawberrySky");
+Object.keys(_strawberrySky).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _strawberrySky[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _strawberrySky[key];
+    }
+  });
+});
+var _blue = require("./sequential/blue");
+Object.keys(_blue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _blue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _blue[key];
+    }
+  });
+});
+var _cyan = require("./sequential/cyan");
+Object.keys(_cyan).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cyan[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cyan[key];
+    }
+  });
+});
+var _green = require("./sequential/green");
+Object.keys(_green).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _green[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _green[key];
+    }
+  });
+});
+var _orange = require("./sequential/orange");
+Object.keys(_orange).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _orange[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _orange[key];
+    }
+  });
+});
+var _pink = require("./sequential/pink");
+Object.keys(_pink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pink[key];
+    }
+  });
+});
+var _purple = require("./sequential/purple");
+Object.keys(_purple).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _purple[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _purple[key];
+    }
+  });
+});
+var _red = require("./sequential/red");
+Object.keys(_red).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _red[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _red[key];
+    }
+  });
+});
+var _yellow = require("./sequential/yellow");
+Object.keys(_yellow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _yellow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _yellow[key];
     }
   });
 });

package/colorPalettes/sequential/blue.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const bluePaletteLight: string[];
+export declare const bluePaletteDark: string[];
+export declare const bluePalette: ChartsColorPaletteCallback;