@aivenio/aquarium 2.3.1 → 2.4.0

package/dist/src/charts/AreaChart/AreaChart.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { Area as _Area, AreaChart as _AreaChart, type AreaProps } from 'recharts';
 import { type ContainerProps } from '../../../src/charts/Container/Container';
+import { type PaletteProps } from '../../../src/charts/DefaultPalette/DefaultPalette';
 import { type ChartProps } from '../../../src/charts/lib/utils';
 type ComposedAreaChart = {
     Area: typeof Area;
 };
-type AreaChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _AreaChart>;
+type AreaChartProps = ChartProps & ContainerProps & PaletteProps & React.ComponentProps<typeof _AreaChart>;
 export declare const AreaChart: ComposedAreaChart & React.FC<AreaChartProps>;
 export declare const Area: ((props: Omit<AreaProps, "ref">) => React.JSX.Element) & typeof _Area;
 export {};

package/dist/src/charts/AreaChart/AreaChart.js

@@ -11,47 +11,31 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { Area as _Area, AreaChart as _AreaChart } from 'recharts';
-import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/charts/Axis/Axis';
 import { ResponsiveContainer } from '../../../src/charts/Container/Container';
+import { DefaultPalette } from '../../../src/charts/DefaultPalette/DefaultPalette';
 import { CartesianGrid } from '../../../src/charts/Grid/Grid';
-import { DEFAULT_MARGINS, extractChildByDisplayName, getDisplayName } from '../../../src/charts/lib/utils';
+import { useDefaultColor } from '../../../src/charts/hooks';
+import { DEFAULT_MARGINS, extractChildByDisplayName, renderChartChildren } from '../../../src/charts/lib/utils';
 import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
-const renderChildren = (props) => {
-    return React.Children.map(props.children, (child) => {
-        if (!child) {
-            return child;
-        }
-        switch (getDisplayName(child.type)) {
-            case Axis.XAxis.displayName: {
-                return renderXAxis(child, props);
-            }
-            case Axis.XAxis.Time.displayName: {
-                return renderXTimeAxis(child, props);
-            }
-            case Axis.YAxis.displayName: {
-                return renderYAxis(child, props);
-            }
-            default: {
-                return child;
-            }
-        }
-    });
-};
 export const AreaChart = (_a) => {
-    var { isBusy, busyLabel, margin = DEFAULT_MARGINS } = _a, props = __rest(_a, ["isBusy", "busyLabel", "margin"]);
+    var { isBusy, busyLabel, margin = DEFAULT_MARGINS, palette } = _a, props = __rest(_a, ["isBusy", "busyLabel", "margin", "palette"]);
     const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
-    return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
-        React.createElement(_AreaChart, { accessibilityLayer: tooltip !== undefined, data: props.data, style: { stroke: '#fff', strokeWidth: 1 }, margin: margin },
-            React.createElement(CartesianGrid, null),
-            renderChildren(props))));
+    return (React.createElement(DefaultPalette, { palette: palette },
+        React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
+            React.createElement(_AreaChart, { accessibilityLayer: tooltip !== undefined, data: props.data, style: { stroke: '#fff', strokeWidth: 1 }, margin: margin },
+                React.createElement(CartesianGrid, null),
+                React.Children.map(props.children, (child) => renderChartChildren(child, props))))));
 };
 export const Area = Object.assign((props) => {
     var _a;
-    return (React.createElement(_Area, Object.assign({ type: "linear", strokeWidth: 2, dot: false }, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : props.stroke, fillOpacity: 0.1, isAnimationActive: false })));
+    const stroke = useDefaultColor(props.dataKey.toString(), props.stroke);
+    const fill = useDefaultColor(props.dataKey.toString(), (_a = props.fill) !== null && _a !== void 0 ? _a : stroke);
+    return (React.createElement(_Area, Object.assign({ type: "linear", strokeWidth: 2, dot: false }, props, { stroke: stroke, fill: fill, fillOpacity: 0.1, isAnimationActive: false })));
 }, _Area);
 Area.defaultProps = Object.assign({}, _Area.defaultProps, {
     fillOpacity: 0.1,
     fill: undefined,
+    stroke: undefined,
 });
 AreaChart.Area = Area;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJlYUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9BcmVhQ2hhcnQvQXJlYUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxJQUFJLEtBQUssRUFBRSxTQUFTLElBQUksVUFBVSxFQUFrQixNQUFNLFVBQVUsQ0FBQztBQUVsRixPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkYsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGVBQWUsRUFBRSx5QkFBeUIsRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuSCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFRckQsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFxQixFQUFFLEVBQUU7SUFDL0MsT0FBTyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDbEQsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ1gsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO1FBRUQsUUFBUSxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7WUFDbkMsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7Z0JBQzVCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztZQUNuQyxDQUFDO1lBRUQsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO2dCQUNqQyxPQUFPLGVBQWUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDdkMsQ0FBQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO2dCQUM1QixPQUFPLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDbkMsQ0FBQztZQUVELE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ1IsT0FBTyxLQUFLLENBQUM7WUFDZixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFpRCxDQUFDLEVBS3ZFLEVBQUUsRUFBRTtRQUxtRSxFQUN0RSxNQUFNLEVBQ04sU0FBUyxFQUNULE1BQU0sR0FBRyxlQUFlLE9BRXpCLEVBREksS0FBSyxjQUo4RCxpQ0FLdkUsQ0FEUztJQUVSLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyx5QkFBeUIsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUVqRixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUztRQUNqRyxvQkFBQyxVQUFVLElBQ1Qsa0JBQWtCLEVBQUUsT0FBTyxLQUFLLFNBQVMsRUFDekMsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUN6QyxNQUFNLEVBQUUsTUFBTTtZQUVkLG9CQUFDLGFBQWEsT0FBRztZQUNoQixjQUFjLENBQUMsS0FBSyxDQUFDLENBQ1gsQ0FDTyxDQUN2QixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQy9CLENBQUMsS0FBNkIsRUFBRSxFQUFFOztJQUFDLE9BQUEsQ0FDakMsb0JBQUMsS0FBSyxrQkFDSixJQUFJLEVBQUMsUUFBUSxFQUNiLFdBQVcsRUFBRSxDQUFDLEVBQ2QsR0FBRyxFQUFFLEtBQUssSUFDTixLQUFLLElBQ1QsSUFBSSxFQUFFLE1BQUEsS0FBSyxDQUFDLElBQUksbUNBQUksS0FBSyxDQUFDLE1BQU0sRUFDaEMsV0FBVyxFQUFFLEdBQUcsRUFDaEIsaUJBQWlCLEVBQUUsS0FBSyxJQUN4QixDQUNILENBQUE7Q0FBQSxFQUNELEtBQUssQ0FDTixDQUFDO0FBRUYsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsWUFBWSxFQUFFO0lBQ3hELFdBQVcsRUFBRSxHQUFHO0lBQ2hCLElBQUksRUFBRSxTQUFTO0NBQ2hCLENBQUMsQ0FBQztBQUVILFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJlYUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9BcmVhQ2hhcnQvQXJlYUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxJQUFJLEtBQUssRUFBRSxTQUFTLElBQUksVUFBVSxFQUFrQixNQUFNLFVBQVUsQ0FBQztBQUVsRixPQUFPLEVBQXVCLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDMUYsT0FBTyxFQUFFLGNBQWMsRUFBcUIsTUFBTSwwQ0FBMEMsQ0FBQztBQUM3RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25ELE9BQU8sRUFBbUIsZUFBZSxFQUFFLHlCQUF5QixFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEgsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBUXJELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBaUQsQ0FBQyxFQU12RSxFQUFFLEVBQUU7UUFObUUsRUFDdEUsTUFBTSxFQUNOLFNBQVMsRUFDVCxNQUFNLEdBQUcsZUFBZSxFQUN4QixPQUFPLE9BRVIsRUFESSxLQUFLLGNBTDhELDRDQU12RSxDQURTO0lBRVIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLHlCQUF5QixDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRWpGLE9BQU8sQ0FDTCxvQkFBQyxjQUFjLElBQUMsT0FBTyxFQUFFLE9BQU87UUFDOUIsb0JBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUztZQUNqRyxvQkFBQyxVQUFVLElBQ1Qsa0JBQWtCLEVBQUUsT0FBTyxLQUFLLFNBQVMsRUFDekMsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUN6QyxNQUFNLEVBQUUsTUFBTTtnQkFFZCxvQkFBQyxhQUFhLE9BQUc7Z0JBQ2hCLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUN0RSxDQUNPLENBQ1AsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBNkIsRUFBRSxFQUFFOztJQUNsRSxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkUsTUFBTSxJQUFJLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLEVBQUUsTUFBQSxLQUFLLENBQUMsSUFBSSxtQ0FBSSxNQUFNLENBQUMsQ0FBQztJQUU3RSxPQUFPLENBQ0wsb0JBQUMsS0FBSyxrQkFDSixJQUFJLEVBQUMsUUFBUSxFQUNiLFdBQVcsRUFBRSxDQUFDLEVBQ2QsR0FBRyxFQUFFLEtBQUssSUFDTixLQUFLLElBQ1QsTUFBTSxFQUFFLE1BQU0sRUFDZCxJQUFJLEVBQUUsSUFBSSxFQUNWLFdBQVcsRUFBRSxHQUFHLEVBQ2hCLGlCQUFpQixFQUFFLEtBQUssSUFDeEIsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO0FBRVYsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsWUFBWSxFQUFFO0lBQ3hELFdBQVcsRUFBRSxHQUFHO0lBQ2hCLElBQUksRUFBRSxTQUFTO0lBQ2YsTUFBTSxFQUFFLFNBQVM7Q0FDbEIsQ0FBQyxDQUFDO0FBRUgsU0FBUyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMifQ==

package/dist/src/charts/BarChart/BarChart.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
 import { Bar as _Bar, BarChart as _BarChart, type BarProps } from 'recharts';
 import { type ContainerProps } from '../../../src/charts/Container/Container';
+import { type PaletteProps } from '../../../src/charts/DefaultPalette/DefaultPalette';
 import { type ChartProps } from '../../../src/charts/lib/utils';
 import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
 type ComposedBarChart = {
     Bar: typeof Bar;
     Tooltip: typeof Tooltip;
 };
-type BarChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _BarChart>;
+type BarChartProps = ChartProps & ContainerProps & PaletteProps & React.ComponentProps<typeof _BarChart>;
 export declare const BarChart: ComposedBarChart & React.FC<BarChartProps>;
 export declare const Bar: ((props: Omit<BarProps, "ref">) => React.JSX.Element) & typeof _Bar;
 export {};

package/dist/src/charts/BarChart/BarChart.js

@@ -11,31 +11,23 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { Bar as _Bar, BarChart as _BarChart, Rectangle } from 'recharts';
-import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/charts/Axis/Axis';
 import { ResponsiveContainer } from '../../../src/charts/Container/Container';
+import { DefaultPalette } from '../../../src/charts/DefaultPalette/DefaultPalette';
 import { CartesianGrid } from '../../../src/charts/Grid/Grid';
-import { DEFAULT_MARGINS, extractChildByDisplayName, getDisplayName } from '../../../src/charts/lib/utils';
+import { useDefaultColor } from '../../../src/charts/hooks';
+import { DEFAULT_MARGINS, extractChildByDisplayName, getDisplayName, renderChartChildren, } from '../../../src/charts/lib/utils';
 import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
+import { TooltipContentWrapper } from '../../../src/charts/Tooltip/TooltipContentWrapper';
 export const BarChart = (_a) => {
-    var { isBusy, busyLabel, margin = DEFAULT_MARGINS } = _a, props = __rest(_a, ["isBusy", "busyLabel", "margin"]);
+    var { isBusy, busyLabel, margin = DEFAULT_MARGINS, palette } = _a, props = __rest(_a, ["isBusy", "busyLabel", "margin", "palette"]);
     const [activeIndex, setActiveIndex] = React.useState(undefined);
     const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
     const renderChildren = (props) => {
         return React.Children.map(props.children, (child) => {
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             if (!child) {
                 return child;
             }
             switch (getDisplayName(child.type)) {
-                case Axis.XAxis.displayName: {
-                    return renderXAxis(child, props);
-                }
-                case Axis.XAxis.Time.displayName: {
-                    return renderXTimeAxis(child, props);
-                }
-                case Axis.YAxis.displayName: {
-                    return renderYAxis(child, props);
-                }
                 case _Bar.displayName: {
                     return React.cloneElement(child, {
                         /*
@@ -47,20 +39,24 @@ export const BarChart = (_a) => {
                     });
                 }
                 case Tooltip.displayName: {
-                    return React.createElement(Tooltip, Object.assign({}, child.props, { cursor: false }));
+                    return (React.createElement(Tooltip, Object.assign({}, child.props, { content: React.createElement(TooltipContentWrapper, { content: child.props.content, tooltipColor: "fill" }), cursor: false })));
                 }
                 default: {
-                    return child;
+                    return renderChartChildren(child, props);
                 }
             }
         });
     };
-    return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
-        React.createElement(_BarChart, Object.assign({}, props, { accessibilityLayer: tooltip !== undefined, barCategoryGap: "5%", style: { stroke: '#fff', strokeWidth: 1 }, onMouseMove: (state) => setActiveIndex(state.isTooltipActive ? state.activeTooltipIndex : undefined), onMouseLeave: () => setActiveIndex(undefined), margin: margin }),
-            React.createElement(CartesianGrid, null),
-            renderChildren(props))));
+    return (React.createElement(DefaultPalette, { palette: palette },
+        React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
+            React.createElement(_BarChart, Object.assign({}, props, { accessibilityLayer: tooltip !== undefined, barCategoryGap: "5%", style: { stroke: '#fff', strokeWidth: 1 }, onMouseMove: (state) => setActiveIndex(state.isTooltipActive ? state.activeTooltipIndex : undefined), onMouseLeave: () => setActiveIndex(undefined), margin: margin }),
+                React.createElement(CartesianGrid, null),
+                renderChildren(props)))));
 };
-export const Bar = Object.assign((props) => React.createElement(_Bar, Object.assign({}, props, { isAnimationActive: false })), _Bar);
+export const Bar = Object.assign((props) => {
+    const fill = useDefaultColor(props.dataKey.toString(), props.fill);
+    return React.createElement(_Bar, Object.assign({}, props, { fill: fill, isAnimationActive: false }));
+}, _Bar);
 BarChart.Bar = Bar;
 BarChart.Tooltip = Tooltip;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0JhckNoYXJ0L0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxRQUFRLElBQUksU0FBUyxFQUFpQixTQUFTLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFeEYsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBdUIsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMxRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFtQixlQUFlLEVBQUUseUJBQXlCLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbkgsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBU3JELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBK0MsQ0FBQyxFQUtwRSxFQUFFLEVBQUU7UUFMZ0UsRUFDbkUsTUFBTSxFQUNOLFNBQVMsRUFDVCxNQUFNLEdBQUcsZUFBZSxPQUV6QixFQURJLEtBQUssY0FKMkQsaUNBS3BFLENBRFM7SUFFUixNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQXFCLFNBQVMsQ0FBQyxDQUFDO0lBQ3BGLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyx5QkFBeUIsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUVqRixNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQW9CLEVBQUUsRUFBRTtRQUM5QyxPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0JhckNoYXJ0L0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxRQUFRLElBQUksU0FBUyxFQUFpQixTQUFTLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFeEYsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxjQUFjLEVBQXFCLE1BQU0sMENBQTBDLENBQUM7QUFDN0YsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRCxPQUFPLEVBRUwsZUFBZSxFQUNmLHlCQUF5QixFQUN6QixjQUFjLEVBQ2QsbUJBQW1CLEdBQ3BCLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBU2pGLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBK0MsQ0FBQyxFQU1wRSxFQUFFLEVBQUU7UUFOZ0UsRUFDbkUsTUFBTSxFQUNOLFNBQVMsRUFDVCxNQUFNLEdBQUcsZUFBZSxFQUN4QixPQUFPLE9BRVIsRUFESSxLQUFLLGNBTDJELDRDQU1wRSxDQURTO0lBRVIsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFxQixTQUFTLENBQUMsQ0FBQztJQUNwRixNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcseUJBQXlCLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsV0FBVyxDQUFD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

package/dist/src/charts/DefaultPalette/DefaultPalette.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type KeyToDefaultColor = (key: string) => string | undefined;
+type DefaultPaletteContext = {
+    getDefaultColor: KeyToDefaultColor;
+};
+export declare const DefaultPaletteContext: React.Context<DefaultPaletteContext>;
+export type PaletteProps = {
+    /**
+     * Optional prop whether to use primary or secondary palette for default colors.
+     * @default 'primary'
+     */
+    palette?: 'primary' | 'secondary';
+};
+export declare const DefaultPalette: React.FC<React.PropsWithChildren<PaletteProps>>;
+export {};

package/dist/src/charts/DefaultPalette/DefaultPalette.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import tokens from '../../../src/tokens/tokens.json';
+export const DefaultPaletteContext = React.createContext({ getDefaultColor: () => undefined });
+const PRIMARY_CATEGORIAL = Object.values(tokens.chartColors.primaryCategorical);
+const SECONDARY_CATEGORIAL = Object.values(tokens.chartColors.secondaryCategorical);
+export const DefaultPalette = ({ palette = 'primary', children }) => {
+    // We don't want to trigger rerender when a new key is added to registeredKeys
+    // so we'll use a ref to store the keys.
+    const registeredKeys = React.useRef([]);
+    const colors = palette === 'primary' ? PRIMARY_CATEGORIAL : SECONDARY_CATEGORIAL;
+    // New keys are registerd in "first come, first serve" order.
+    const getDefaultColor = React.useCallback((key) => {
+        const keys = registeredKeys.current;
+        let index = keys.indexOf(key);
+        if (index === -1) {
+            // push() returns the new length of the array, so we need to subtract 1 to get the correct index.
+            index = registeredKeys.current.push(key) - 1;
+        }
+        return colors[index % colors.length];
+    }, [colors]);
+    return React.createElement(DefaultPaletteContext.Provider, { value: { getDefaultColor } }, children);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFBhbGV0dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0RlZmF1bHRQYWxldHRlL0RlZmF1bHRQYWxldHRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxNQUFNLE1BQU0sd0JBQXdCLENBQUM7QUFRNUMsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsRUFBRSxlQUFlLEVBQUUsR0FBRyxFQUFFLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztBQUV0SCxNQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0FBQ2hGLE1BQU0sb0JBQW9CLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLG9CQUFvQixDQUFDLENBQUM7QUFVcEYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFvRCxDQUFDLEVBQUUsT0FBTyxHQUFHLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQ25ILDhFQUE4RTtJQUM5RSx3Q0FBd0M7SUFDeEMsTUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBVyxFQUFFLENBQUMsQ0FBQztJQUNsRCxNQUFNLE1BQU0sR0FBRyxPQUFPLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUM7SUFFakYsNkRBQTZEO0lBQzdELE1BQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ3ZDLENBQUMsR0FBVyxFQUFFLEVBQUU7UUFDZCxNQUFNLElBQUksR0FBRyxjQUFjLENBQUMsT0FBTyxDQUFDO1FBQ3BDLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFFOUIsSUFBSSxLQUFLLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNqQixpR0FBaUc7WUFDakcsS0FBSyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMvQyxDQUFDO1FBQ0QsT0FBTyxNQUFNLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN2QyxDQUFDLEVBQ0QsQ0FBQyxNQUFNLENBQUMsQ0FDVCxDQUFDO0lBRUYsT0FBTyxvQkFBQyxxQkFBcUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLElBQUcsUUFBUSxDQUFrQyxDQUFDO0FBQ2pILENBQUMsQ0FBQyJ9

package/dist/src/charts/Legend/Legend.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-import { type LegendProps as _LegendProps } from 'recharts';
+import { type DefaultLegendContentProps, type LegendProps as _LegendProps } from 'recharts';
 export type LegendProps = Omit<_LegendProps, 'ref'>;
 export declare const Legend: React.ForwardRefExoticComponent<LegendProps & React.RefAttributes<HTMLDivElement>>;
+export declare const LegendContentWrapper: ({ ref, content, ...props }: DefaultLegendContentProps & {
+    content: LegendProps["content"] | undefined;
+}) => React.JSX.Element;

package/dist/src/charts/Legend/Legend.js

@@ -1,7 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
-import { Legend as _Legend } from 'recharts';
+import { DefaultLegendContent, Legend as _Legend, } from 'recharts';
+import { DefaultPaletteContext } from '../DefaultPalette/DefaultPalette';
 export const Legend = React.forwardRef((props, _ref) => {
-    return React.createElement(_Legend, Object.assign({}, props, { margin: Object.assign(Object.assign({}, props.margin), { top: 0 }) }));
+    return (React.createElement(_Legend, Object.assign({}, props, { margin: Object.assign(Object.assign({}, props.margin), { top: 0 }), content: React.createElement(LegendContentWrapper, { content: props.content }) })));
 });
 Legend.displayName = 'Legend';
 Legend.defaultProps = {
@@ -12,4 +24,14 @@ Legend.defaultProps = {
     verticalAlign: 'top',
     margin: { top: 0 },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGVnZW5kLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9MZWdlbmQvTGVnZW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sSUFBSSxPQUFPLEVBQW9DLE1BQU0sVUFBVSxDQUFDO0FBSS9FLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE4QixDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRTtJQUNsRixPQUFPLG9CQUFDLE9BQU8sb0JBQUssS0FBSyxJQUFFLE1BQU0sa0NBQU8sS0FBSyxDQUFDLE1BQU0sS0FBRSxHQUFHLEVBQUUsQ0FBQyxPQUFNLENBQUM7QUFDckUsQ0FBQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztBQUM5QixNQUFNLENBQUMsWUFBWSxHQUFHO0lBQ3BCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFFBQVEsRUFBRSxDQUFDO0lBQ1gsS0FBSyxFQUFFLE1BQU07SUFDYixNQUFNLEVBQUUsWUFBWTtJQUNwQixhQUFhLEVBQUUsS0FBSztJQUNwQixNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFO0NBQ25CLENBQUMifQ==
+export const LegendContentWrapper = (_a) => {
+    var _b;
+    var { ref, content } = _a, props = __rest(_a, ["ref", "content"]);
+    const { getDefaultColor } = React.useContext(DefaultPaletteContext);
+    const payload = (_b = props.payload) === null || _b === void 0 ? void 0 : _b.map((entry) => {
+        var _a;
+        return (Object.assign(Object.assign({}, entry), { color: (_a = entry.color) !== null && _a !== void 0 ? _a : getDefaultColor('dataKey' in entry && typeof entry.dataKey === 'string' ? entry.dataKey : 'unknown') }));
+    });
+    return React.createElement(DefaultLegendContent, Object.assign({}, props, { payload: payload }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGVnZW5kLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9MZWdlbmQvTGVnZW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsb0JBQW9CLEVBRXBCLE1BQU0sSUFBSSxPQUFPLEdBRWxCLE1BQU0sVUFBVSxDQUFDO0FBRWxCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBSXpFLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE4QixDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRTtJQUNsRixPQUFPLENBQ0wsb0JBQUMsT0FBTyxvQkFDRixLQUFLLElBQ1QsTUFBTSxrQ0FBTyxLQUFLLENBQUMsTUFBTSxLQUFFLEdBQUcsRUFBRSxDQUFDLEtBQ2pDLE9BQU8sRUFBRSxvQkFBQyxvQkFBb0IsSUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sR0FBSSxJQUN6RCxDQUNILENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDO0FBQzlCLE1BQU0sQ0FBQyxZQUFZLEdBQUc7SUFDcEIsUUFBUSxFQUFFLFFBQVE7SUFDbEIsUUFBUSxFQUFFLENBQUM7SUFDWCxLQUFLLEVBQUUsTUFBTTtJQUNiLE1BQU0sRUFBRSxZQUFZO0lBQ3BCLGFBQWEsRUFBRSxLQUFLO0lBQ3BCLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUU7Q0FDbkIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFNcEMsRUFBRSxFQUFFOztRQU5nQyxFQUNuQyxHQUFHLEVBQ0gsT0FBTyxPQUlSLEVBSEksS0FBSyxjQUgyQixrQkFJcEMsQ0FEUztJQUlSLE1BQU0sRUFBRSxlQUFlLEVBQUUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFFcEUsTUFBTSxPQUFPLEdBQUcsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7UUFBQyxPQUFBLGlDQUN6QyxLQUFLLEtBQ1IsS0FBSyxFQUNILE1BQUEsS0FBSyxDQUFDLEtBQUssbUNBQ1gsZUFBZSxDQUFDLFNBQVMsSUFBSSxLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLElBQ3RHLENBQUE7S0FBQSxDQUFDLENBQUM7SUFFSixPQUFPLG9CQUFDLG9CQUFvQixvQkFBSyxLQUFLLElBQUUsT0FBTyxFQUFFLE9BQU8sSUFBSSxDQUFDO0FBQy9ELENBQUMsQ0FBQyJ9

package/dist/src/charts/LineChart/LineChart.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { Line as _Line, LineChart as _LineChart, type LineProps } from 'recharts';
 import { type ContainerProps } from '../../../src/charts/Container/Container';
+import { type PaletteProps } from '../../../src/charts/DefaultPalette/DefaultPalette';
 import { type ChartProps } from '../../../src/charts/lib/utils';
 type ComposedLineChart = {
     Line: typeof Line;
 };
-type LineChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _LineChart>;
+type LineChartProps = ChartProps & ContainerProps & PaletteProps & React.ComponentProps<typeof _LineChart>;
 export declare const LineChart: ComposedLineChart & React.FC<LineChartProps>;
 export declare const Line: ((props: Omit<LineProps, "ref">) => React.JSX.Element) & typeof _Line;
 export {};

package/dist/src/charts/LineChart/LineChart.js

@@ -10,41 +10,26 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { Line as _Line, LineChart as _LineChart } from 'recharts';
-import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/charts/Axis/Axis';
+import { Line as _Line, LineChart as _LineChart, Tooltip } from 'recharts';
 import { ResponsiveContainer } from '../../../src/charts/Container/Container';
+import { DefaultPalette } from '../../../src/charts/DefaultPalette/DefaultPalette';
 import { CartesianGrid } from '../../../src/charts/Grid/Grid';
-import { DEFAULT_MARGINS, extractChildByDisplayName, getDisplayName } from '../../../src/charts/lib/utils';
-import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
-const renderChildren = (props) => {
-    return React.Children.map(props.children, (child) => {
-        if (!child) {
-            return child;
-        }
-        switch (getDisplayName(child.type)) {
-            case Axis.XAxis.displayName: {
-                return renderXAxis(child, props);
-            }
-            case Axis.XAxis.Time.displayName: {
-                return renderXTimeAxis(child, props);
-            }
-            case Axis.YAxis.displayName: {
-                return renderYAxis(child, props);
-            }
-            default: {
-                return child;
-            }
-        }
-    });
-};
+import { useDefaultColor } from '../../../src/charts/hooks';
+import { DEFAULT_MARGINS, extractChildByDisplayName, renderChartChildren } from '../../../src/charts/lib/utils';
 export const LineChart = (_a) => {
-    var { isBusy, busyLabel, margin = DEFAULT_MARGINS } = _a, props = __rest(_a, ["isBusy", "busyLabel", "margin"]);
+    var { isBusy, busyLabel, margin = DEFAULT_MARGINS, palette } = _a, props = __rest(_a, ["isBusy", "busyLabel", "margin", "palette"]);
     const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
-    return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
-        React.createElement(_LineChart, { data: props.data, style: { stroke: '#fff', strokeWidth: 1 }, margin: margin, accessibilityLayer: tooltip !== undefined },
-            React.createElement(CartesianGrid, null),
-            renderChildren(props))));
+    return (React.createElement(DefaultPalette, { palette: palette },
+        React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
+            React.createElement(_LineChart, { data: props.data, style: { stroke: '#fff', strokeWidth: 1 }, margin: margin, accessibilityLayer: tooltip !== undefined },
+                React.createElement(CartesianGrid, null),
+                React.Children.map(props.children, (child) => renderChartChildren(child, props))))));
 };
-export const Line = Object.assign((props) => (React.createElement(_Line, Object.assign({ type: "linear" }, props, { strokeWidth: 2, isAnimationActive: false, dot: false }))), _Line);
+export const Line = Object.assign((props) => {
+    var _a, _b;
+    const stroke = useDefaultColor((_b = (_a = props.dataKey) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : 'unknown', props.stroke);
+    return React.createElement(_Line, Object.assign({ type: "linear" }, props, { stroke: stroke, strokeWidth: 2, isAnimationActive: false, dot: false }));
+}, _Line);
+Line.defaultProps = Object.assign({}, _Line.defaultProps, { stroke: undefined, fill: undefined });
 LineChart.Line = Line;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9MaW5lQ2hhcnQvTGluZUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxJQUFJLEtBQUssRUFBRSxTQUFTLElBQUksVUFBVSxFQUFrQixNQUFNLFVBQVUsQ0FBQztBQUVsRixPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkYsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGVBQWUsRUFBRSx5QkFBeUIsRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuSCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFRckQsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFxQixFQUFFLEVBQUU7SUFDL0MsT0FBTyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDbEQsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ1gsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO1FBRUQsUUFBUSxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7WUFDbkMsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7Z0JBQzVCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztZQUNuQyxDQUFDO1lBRUQsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO2dCQUNqQyxPQUFPLGVBQWUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDdkMsQ0FBQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO2dCQUM1QixPQUFPLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDbkMsQ0FBQztZQUVELE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ1IsT0FBTyxLQUFLLENBQUM7WUFDZixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFpRCxDQUFDLEVBS3ZFLEVBQUUsRUFBRTtRQUxtRSxFQUN0RSxNQUFNLEVBQ04sU0FBUyxFQUNULE1BQU0sR0FBRyxlQUFlLE9BRXpCLEVBREksS0FBSyxjQUo4RCxpQ0FLdkUsQ0FEUztJQUVSLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyx5QkFBeUIsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUVqRixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUztRQUNqRyxvQkFBQyxVQUFVLElBQ1QsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUN6QyxNQUFNLEVBQUUsTUFBTSxFQUNkLGtCQUFrQixFQUFFLE9BQU8sS0FBSyxTQUFTO1lBRXpDLG9CQUFDLGFBQWEsT0FBRztZQUNoQixjQUFjLENBQUMsS0FBSyxDQUFDLENBQ1gsQ0FDTyxDQUN2QixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQy9CLENBQUMsS0FBNkIsRUFBRSxFQUFFLENBQUMsQ0FDakMsb0JBQUMsS0FBSyxrQkFBQyxJQUFJLEVBQUMsUUFBUSxJQUFLLEtBQUssSUFBRSxXQUFXLEVBQUUsQ0FBQyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsS0FBSyxJQUFJLENBQ3pGLEVBQ0QsS0FBSyxDQUNOLENBQUM7QUFDRixTQUFTLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9MaW5lQ2hhcnQvTGluZUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxJQUFJLEtBQUssRUFBRSxTQUFTLElBQUksVUFBVSxFQUFrQixPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0YsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxjQUFjLEVBQXFCLE1BQU0sMENBQTBDLENBQUM7QUFDN0YsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRCxPQUFPLEVBQW1CLGVBQWUsRUFBRSx5QkFBeUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBUXhILE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBaUQsQ0FBQyxFQU12RSxFQUFFLEVBQUU7UUFObUUsRUFDdEUsTUFBTSxFQUNOLFNBQVMsRUFDVCxNQUFNLEdBQUcsZUFBZSxFQUN4QixPQUFPLE9BRVIsRUFESSxLQUFLLGNBTDhELDRDQU12RSxDQURTO0lBRVIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLHlCQUF5QixDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRWpGLE9BQU8sQ0FDTCxvQkFBQyxjQUFjLElBQUMsT0FBTyxFQUFFLE9BQU87UUFDOUIsb0JBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUztZQUNqRyxvQkFBQyxVQUFVLElBQ1QsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUN6QyxNQUFNLEVBQUUsTUFBTSxFQUNkLGtCQUFrQixFQUFFLE9BQU8sS0FBSyxTQUFTO2dCQUV6QyxvQkFBQyxhQUFhLE9BQUc7Z0JBQ2hCLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUN0RSxDQUNPLENBQ1AsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBNkIsRUFBRSxFQUFFOztJQUNsRSxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQUMsTUFBQSxNQUFBLEtBQUssQ0FBQyxPQUFPLDBDQUFFLFFBQVEsRUFBRSxtQ0FBSSxTQUFTLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JGLE9BQU8sb0JBQUMsS0FBSyxrQkFBQyxJQUFJLEVBQUMsUUFBUSxJQUFLLEtBQUssSUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxLQUFLLElBQUksQ0FBQztBQUNsSCxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUM7QUFFVixJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLEtBQUssQ0FBQyxZQUFZLEVBQUUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO0FBQ2xHLFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDIn0=

package/dist/src/charts/PieChart/DoughnutChart.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Cell, Pie as _Pie, PieChart as _PieChart, type PieProps } from 'recharts';
 import { type ContainerProps } from '../../../src/charts/Container/Container';
+import { type PaletteProps } from '../../../src/charts/DefaultPalette/DefaultPalette';
 import { type ChartProps } from '../../../src/charts/lib/utils';
 import { ChartValue } from './ChartValue';
 type ComposedLDoughnutChart = {
@@ -8,7 +9,7 @@ type ComposedLDoughnutChart = {
     ChartValue: typeof ChartValue;
     Cell: typeof Cell;
 };
-type DoughtnutChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _PieChart>;
+type DoughtnutChartProps = ChartProps & ContainerProps & PaletteProps & React.ComponentProps<typeof _PieChart>;
 export declare const DoughnutChart: ComposedLDoughnutChart & React.FC<DoughtnutChartProps>;
 export declare const Doughnut: ((props: Omit<PieProps, "ref">) => React.JSX.Element) & typeof _Pie;
 export {};

package/dist/src/charts/PieChart/DoughnutChart.js

@@ -13,19 +13,29 @@ import React from 'react';
 import isNil from 'lodash/isNil';
 import { Cell, Customized, Pie as _Pie, PieChart as _PieChart } from 'recharts';
 import { ResponsiveContainer } from '../../../src/charts/Container/Container';
+import { DefaultPalette, DefaultPaletteContext } from '../../../src/charts/DefaultPalette/DefaultPalette';
 import { extractChildByDisplayName } from '../../../src/charts/lib/utils';
 import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
 import { ChartValue } from './ChartValue';
 import { renderPieChildren } from './renderPieChildren';
 // A chart at this size squared causes the tailwind styles look balanced, used for calculating scale.
 const refSize = 300;
+// We'll need to add a wrapper for the chart so we can use DefaultPaletteContext in the actual
+// chart component.
 export const DoughnutChart = (_a) => {
+    var { palette } = _a, props = __rest(_a, ["palette"]);
+    return (React.createElement(DefaultPalette, { palette: palette },
+        React.createElement(DoughnutChartWrapper, Object.assign({}, props))));
+};
+const DoughnutChartWrapper = (_a) => {
+    var _b;
     var { isBusy, busyLabel } = _a, props = __rest(_a, ["isBusy", "busyLabel"]);
     const [containerWidth, setContainerWidth] = React.useState(0);
     const [containerHeight, setContainerHeight] = React.useState(0);
     const [activeIndex, setActiveIndex] = React.useState(null);
+    const { getDefaultColor } = React.useContext(DefaultPaletteContext);
     const [chartValue, _children] = extractChildByDisplayName(props.children, ChartValue.displayName);
-    const [pie, children] = extractChildByDisplayName(_children, DoughnutChart.Doughnut.displayName);
+    const [doughnut, children] = extractChildByDisplayName(_children, DoughnutChart.Doughnut.displayName);
     const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
     const onResize = (w, h) => {
         setContainerWidth(w);
@@ -66,11 +76,13 @@ export const DoughnutChart = (_a) => {
     return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel, onResize: onResize },
         React.createElement(_PieChart, null,
             chartValue && React.createElement(Customized, { component: renderChartValue }),
-            pie && (React.createElement(_Pie, Object.assign({}, pie.props, { onMouseEnter: (_, index) => setActiveIndex(index), onMouseLeave: () => setActiveIndex(null), activeIndex: activeIndex, inactiveShape: { className: highlightActive ? 'inactive' : undefined }, activeShape: { className: highlightActive ? 'active' : undefined } }))),
-            renderPieChildren(children))));
+            doughnut && (React.createElement(_Pie, Object.assign({}, doughnut.props, { fill: (_b = doughnut.props.fill) !== null && _b !== void 0 ? _b : getDefaultColor(doughnut.props.dataKey), onMouseEnter: (_, index) => setActiveIndex(index), onMouseLeave: () => setActiveIndex(null), activeIndex: activeIndex, inactiveShape: { className: highlightActive ? 'inactive' : undefined }, activeShape: { className: highlightActive ? 'active' : undefined } }))),
+            renderPieChildren(children, { tooltipColor: 'fill' }))));
 };
 export const Doughnut = Object.assign((props) => React.createElement(_Pie, Object.assign({}, props)), _Pie);
 Doughnut.defaultProps = Object.assign({}, _Pie.defaultProps, {
+    fill: undefined,
+    stroke: undefined,
     isAnimationActive: false,
     innerRadius: '60%',
     outerRadius: '80%',
@@ -78,4 +90,4 @@ Doughnut.defaultProps = Object.assign({}, _Pie.defaultProps, {
 DoughnutChart.Doughnut = Doughnut;
 DoughnutChart.ChartValue = ChartValue;
 DoughnutChart.Cell = Cell;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRG91Z2hudXRDaGFydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jaGFydHMvUGllQ2hhcnQvRG91Z2hudXRDaGFydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFL0YsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBbUIseUJBQXlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNsRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQVV4RCxxR0FBcUc7QUFDckcsTUFBTSxPQUFPLEdBQUcsR0FBRyxDQUFDO0FBRXBCLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBMkQsQ0FBQyxFQUlyRixFQUFFLEVBQUU7UUFKaUYsRUFDcEYsTUFBTSxFQUNOLFNBQVMsT0FFVixFQURJLEtBQUssY0FINEUsdUJBSXJGLENBRFM7SUFFUixNQUFNLENBQUMsY0FBYyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM5RCxNQUFNLENBQUMsZUFBZSxFQUFFLGtCQUFrQixDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoRSxNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQWdC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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRG91Z2hudXRDaGFydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jaGFydHMvUGllQ2hhcnQvRG91Z2hudXRDaGFydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFL0YsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxjQUFjLEVBQUUscUJBQXFCLEVBQXFCLE1BQU0sMENBQTBDLENBQUM7QUFDcEgsT0FBTyxFQUFtQix5QkFBeUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBVXhELHFHQUFxRztBQUNyRyxNQUFNLE9BQU8sR0FBRyxHQUFHLENBQUM7QUFFcEIsOEZBQThGO0FBQzlGLG1CQUFtQjtBQUNuQixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQTJELENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsT0FBTyxPQUFZLEVBQVAsS0FBSyxjQUFuQixXQUFxQixDQUFGO0lBQ3ZHLE9BQU8sQ0FDTCxvQkFBQyxjQUFjLElBQUMsT0FBTyxFQUFFLE9BQU87UUFDOUIsb0JBQUMsb0JBQW9CLG9CQUFLLEtBQUssRUFBSSxDQUNwQixDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxvQkFBb0IsR0FBa0MsQ0FBQyxFQUErQixFQUFFLEVBQUU7O1FBQW5DLEVBQUUsTUFBTSxFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBN0IsdUJBQStCLENBQUY7SUFDeEYsTUFBTSxDQUFDLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUQsTUFBTSxDQUFDLGVBQWUsRUFBRSxrQkFBa0IsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDaEUsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFnQixJQUFJLENBQUMsQ0FBQztJQUMxRSxNQUFNLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBRXBFLE1BQU0sQ0FBQyxVQUFVLEVBQUUsU0FBUyxDQUFDLEdBQUcseUJBQXlCLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDbEcsTUFBTSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsR0FBRyx5QkFBeUIsQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN0RyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcseUJBQXlCLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFakYsTUFBTSxRQUFRLEdBQUcsQ0FBQyxDQUFTLEVBQUUsQ0FBUyxFQUFFLEVBQUU7UUFDeEMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDckIsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEIsQ0FBQyxDQUFDO0lBRUYsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLEVBQUUsdUJBQXVCLEVBQU8sRUFBRSxFQUFFOztRQUM1RDs7OztXQUlHO1FBQ0gsTUFBTSxHQUFHLEdBQUcsdUJBQXVCLGFBQXZCLHVCQUF1Qix1QkFBdkIsdUJBQXVCLENBQUcsQ0FBQyxDQUFDLENBQUM7UUFDekMsTUFBTSxLQUFLLEdBQUcsTUFBQSxHQUFHLGFBQUgsR0FBRyx1QkFBSCxHQUFHLENBQUUsS0FBSyxtQ0FBSSxFQUFFLENBQUM7UUFDL0IsTUFBTSxFQUFFLEdBQUcsTUFBQSxLQUFLLENBQUMsRUFBRSxtQ0FBSSxjQUFjLEdBQUcsQ0FBQyxDQUFDO1FBQzFDLE1BQU0sRUFBRSxHQUFHLE1BQUEsS0FBSyxDQUFDLEVBQUUsbUNBQUksZUFBZSxHQUFHLENBQUMsQ0FBQztRQUUzQyxJQUFJLENBQUMsY0FBYyxJQUFJLENBQUMsZUFBZSxJQUFJLEtBQUssQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO1lBQzdELE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztRQUVELE1BQU0sT0FBTyxHQUFHLGNBQWMsSUFBSSxlQUFlLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDO1FBQ3JGLE1BQU0sS0FBSyxHQUFHLE9BQU8sR0FBRyxPQUFPLENBQUM7UUFFaEM7OztXQUdHO1FBQ0gsTUFBTSxPQUFPLEdBQUcsRUFBRSxHQUFHLGVBQWUsR0FBRyxDQUFDLENBQUM7UUFFekM7OztXQUdHO1FBQ0gsTUFBTSxPQUFPLEdBQUcsQ0FBQyxlQUFlLEdBQUcsT0FBTyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUV4RCxvRUFBb0U7UUFDcEUsTUFBTSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQztRQUNyQyxNQUFNLENBQUMsR0FBRyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUM7UUFFdEMsT0FBTyxDQUNMLHVDQUFlLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLFNBQVMsS0FBSyxHQUFHLElBQ3JGLFVBQVUsQ0FDRyxDQUNqQixDQUFDO0lBQ0osQ0FBQyxDQUFDO0lBRUYsTUFBTSxlQUFlLEdBQUcsV0FBVyxLQUFLLElBQUksSUFBSSxPQUFPLENBQUM7SUFFeEQsT0FBTyxDQUNMLG9CQUFDLG1CQUFtQixJQUNsQixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFDbEIsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3BCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsU0FBUyxFQUFFLFNBQVMsRUFDcEIsUUFBUSxFQUFFLFFBQVE7UUFFbEIsb0JBQUMsU0FBUztZQUNQLFVBQVUsSUFBSSxvQkFBQyxVQUFVLElBQUMsU0FBUyxFQUFFLGdCQUFnQixHQUFJO1lBQ3pELFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksb0JBQ0MsUUFBUSxDQUFDLEtBQUssSUFDbEIsSUFBSSxFQUFFLE1BQUEsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLG1DQUFJLGVBQWUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxFQUNwRSxZQUFZLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEVBQ2pELFlBQVksRUFBRSxHQUFHLEVBQUUsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQ3hDLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLGFBQWEsRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQ3RFLFdBQVcsRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLElBQ2xFLENBQ0g7WUFDQSxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FDNUMsQ0FDUSxDQUN2QixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUE0QixFQUFFLEVBQUUsQ0FBQyxvQkFBQyxJQUFJLG9CQUFLLEtBQUssRUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO0FBRW5HLFFBQVEsQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRTtJQUMzRCxJQUFJLEVBQUUsU0FBUztJQUNmLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLGlCQUFpQixFQUFFLEtBQUs7SUFDeEIsV0FBVyxFQUFFLEtBQUs7SUFDbEIsV0FBVyxFQUFFLEtBQUs7Q0FDbkIsQ0FBQyxDQUFDO0FBRUgsYUFBYSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7QUFDbEMsYUFBYSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7QUFDdEMsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMifQ==

package/dist/src/charts/PieChart/PieChart.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import { Cell, Pie as _Pie, PieChart as _PieChart, type PieProps } from 'recharts';
 import { type ContainerProps } from '../../../src/charts/Container/Container';
-import type { ChartProps } from '../../../src/charts/lib/utils';
+import { type PaletteProps } from '../../../src/charts/DefaultPalette/DefaultPalette';
+import { type ChartProps } from '../../../src/charts/lib/utils';
 type ComposedPieChart = {
     Pie: typeof Pie;
     Cell: typeof Cell;
 };
-type PieChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _PieChart>;
+type PieChartProps = ChartProps & ContainerProps & PaletteProps & React.ComponentProps<typeof _PieChart>;
 export declare const PieChart: ComposedPieChart & React.FC<PieChartProps>;
 export declare const Pie: ((props: Omit<PieProps, "ref">) => React.JSX.Element) & typeof _Pie;
 export {};

package/dist/src/charts/PieChart/PieChart.js

@@ -12,18 +12,33 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { Cell, Pie as _Pie, PieChart as _PieChart } from 'recharts';
 import { ResponsiveContainer } from '../../../src/charts/Container/Container';
+import { DefaultPalette, DefaultPaletteContext } from '../../../src/charts/DefaultPalette/DefaultPalette';
+import { extractChildByDisplayName } from '../../../src/charts/lib/utils';
 import { renderPieChildren } from './renderPieChildren';
 export const PieChart = (_a) => {
+    var { palette } = _a, props = __rest(_a, ["palette"]);
+    return (React.createElement(DefaultPalette, { palette: palette },
+        React.createElement(PieChartWrapper, Object.assign({}, props))));
+};
+// We'll need to add a wrapper for the chart so we can use DefaultPaletteContext in the actual
+// chart component.
+const PieChartWrapper = (_a) => {
+    var _b;
     var { isBusy, busyLabel } = _a, props = __rest(_a, ["isBusy", "busyLabel"]);
+    const [pie, children] = extractChildByDisplayName(props.children, PieChart.Pie.displayName);
+    const { getDefaultColor } = React.useContext(DefaultPaletteContext);
     return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
-        React.createElement(_PieChart, { width: 500, height: 500 }, renderPieChildren(props.children))));
+        React.createElement(_PieChart, { width: 500, height: 500 },
+            renderPieChildren(children, { tooltipColor: 'fill' }),
+            pie && React.createElement(_Pie, Object.assign({}, pie.props, { fill: (_b = pie.props.fill) !== null && _b !== void 0 ? _b : getDefaultColor(pie.props.dataKey) })))));
 };
 export const Pie = Object.assign((props) => React.createElement(_Pie, Object.assign({}, props)), _Pie);
 Pie.defaultProps = Object.assign({}, _Pie.defaultProps, {
+    fill: undefined,
     isAnimationActive: false,
     innerRadius: 0,
     outerRadius: '80%',
 });
 PieChart.Pie = Pie;
 PieChart.Cell = Cell;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGllQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL1BpZUNoYXJ0L1BpZUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFbkYsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRTFGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBV3hELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBK0MsQ0FBQyxFQUErQixFQUFFLEVBQUU7UUFBbkMsRUFBRSxNQUFNLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUE3Qix1QkFBK0IsQ0FBRjtJQUNoRyxPQUFPLENBQ0wsb0JBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUztRQUNqRyxvQkFBQyxTQUFTLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUMvQixpQkFBaUIsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQ3hCLENBQ1EsQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLEVBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztBQUU5RixHQUFHLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUU7SUFDdEQsaUJBQWlCLEVBQUUsS0FBSztJQUN4QixXQUFXLEVBQUUsQ0FBQztJQUNkLFdBQVcsRUFBRSxLQUFLO0NBQ25CLENBQUMsQ0FBQztBQUVILFFBQVEsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO0FBQ25CLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGllQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL1BpZUNoYXJ0L1BpZUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFbkYsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxjQUFjLEVBQUUscUJBQXFCLEVBQXFCLE1BQU0sMENBQTBDLENBQUM7QUFDcEgsT0FBTyxFQUFtQix5QkFBeUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWxGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBU3hELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBK0MsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxPQUFPLE9BQVksRUFBUCxLQUFLLGNBQW5CLFdBQXFCLENBQUY7SUFDdEYsT0FBTyxDQUNMLG9CQUFDLGNBQWMsSUFBQyxPQUFPLEVBQUUsT0FBTztRQUM5QixvQkFBQyxlQUFlLG9CQUFLLEtBQUssRUFBSSxDQUNmLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRiw4RkFBOEY7QUFDOUYsbUJBQW1CO0FBQ25CLE1BQU0sZUFBZSxHQUE0QixDQUFDLEVBQStCLEVBQUUsRUFBRTs7UUFBbkMsRUFBRSxNQUFNLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUE3Qix1QkFBK0IsQ0FBRjtJQUM3RSxNQUFNLENBQUMsR0FBRyxFQUFFLFFBQVEsQ0FBQyxHQUFHLHlCQUF5QixDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM1RixNQUFNLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBRXBFLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTO1FBQ2pHLG9CQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxHQUFHO1lBQy9CLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUNyRCxHQUFHLElBQUksb0JBQUMsSUFBSSxvQkFBSyxHQUFHLENBQUMsS0FBSyxJQUFFLElBQUksRUFBRSxNQUFBLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxtQ0FBSSxlQUFlLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNqRixDQUNRLENBQ3ZCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQTRCLEVBQUUsRUFBRSxDQUFDLG9CQUFDLElBQUksb0JBQUssS0FBSyxFQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFFOUYsR0FBRyxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFO0lBQ3RELElBQUksRUFBRSxTQUFTO0lBQ2YsaUJBQWlCLEVBQUUsS0FBSztJQUN4QixXQUFXLEVBQUUsQ0FBQztJQUNkLFdBQVcsRUFBRSxLQUFLO0NBQ25CLENBQUMsQ0FBQztBQUVILFFBQVEsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO0FBQ25CLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDIn0=

package/dist/src/charts/PieChart/renderPieChildren.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const renderPieChildren: (children: React.ReactElement[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+type RenderOptions = {
+    tooltipColor?: 'fill' | 'stroke';
+};
+export declare const renderPieChildren: (children: React.ReactElement[], opts?: RenderOptions) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+export {};

package/dist/src/charts/PieChart/renderPieChildren.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { Legend } from 'recharts';
 import { getDisplayName } from '../../../src/charts/lib/utils';
 import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
-import { TooltipContentWrapper } from './TooltipContentWrapper';
-export const renderPieChildren = (children) => {
+import { TooltipContentWrapper } from '../../../src/charts/Tooltip/TooltipContentWrapper';
+export const renderPieChildren = (children, opts = {}) => {
     return React.Children.map(children, (child) => {
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (!child) {
@@ -19,7 +19,10 @@ export const renderPieChildren = (children) => {
                  * So, to make it work better, we'll add a custom wrapper for tooltip content
                  * which will try to add the color information available.
                  */
-                return React.cloneElement(child, { content: React.createElement(TooltipContentWrapper, { content: child.props.content }) });
+                return React.cloneElement(child, {
+                    content: React.createElement(TooltipContentWrapper, { content: child.props.content, tooltipColor: opts.tooltipColor }),
+                    labelStyle: { paddingBottom: 0 },
+                });
             }
             case Legend.displayName: {
                 return React.cloneElement(child, { verticalAlign: 'top', align: 'center' });
@@ -30,4 +33,4 @@ export const renderPieChildren = (children) => {
         }
     });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyUGllQ2hpbGRyZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL1BpZUNoYXJ0L3JlbmRlclBpZUNoaWxkcmVuLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUVsQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXJELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWhFLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsUUFBOEIsRUFBRSxFQUFFO0lBQ2xFLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDNUMsdUVBQXVFO1FBQ3ZFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNYLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztRQUVELFFBQVEsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQ25DLEtBQUssT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7Z0JBQ3pCOzs7Ozs7O21CQU9HO2dCQUNILE9BQU8sS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsb0JBQUMscUJBQXFCLElBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFJLEVBQUUsQ0FBQyxDQUFDO1lBQ3pHLENBQUM7WUFFRCxLQUFLLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO2dCQUN4QixPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztZQUM5RSxDQUFDO1lBRUQsT0FBTyxDQUFDLENBQUMsQ0FBQztnQkFDUixPQUFPLEtBQUssQ0FBQztZQUNmLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyUGllQ2hpbGRyZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL1BpZUNoYXJ0L3JlbmRlclBpZUNoaWxkcmVuLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUVsQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBTWpGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsUUFBOEIsRUFBRSxPQUFzQixFQUFFLEVBQUUsRUFBRTtJQUM1RixPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQzVDLHVFQUF1RTtRQUN2RSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDWCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUM7UUFFRCxRQUFRLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUNuQyxLQUFLLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO2dCQUN6Qjs7Ozs7OzttQkFPRztnQkFDSCxPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFO29CQUMvQixPQUFPLEVBQUUsb0JBQUMscUJBQXFCLElBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLFlBQVksRUFBRSxJQUFJLENBQUMsWUFBWSxHQUFJO29CQUNqRyxVQUFVLEVBQUUsRUFBRSxhQUFhLEVBQUUsQ0FBQyxFQUFFO2lCQUNqQyxDQUFDLENBQUM7WUFDTCxDQUFDO1lBRUQsS0FBSyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztnQkFDeEIsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7WUFDOUUsQ0FBQztZQUVELE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ1IsT0FBTyxLQUFLLENBQUM7WUFDZixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=

package/dist/src/charts/{PieChart → Tooltip}/TooltipContentWrapper.d.ts

@@ -3,7 +3,8 @@ import { type TooltipProps } from '../../../src/charts/Tooltip/Tooltip';
 import type { DefaultTooltipContentProps } from 'recharts';
 type NameType = number | string;
 type ValueType = Array<number | string> | number | string;
-export declare const TooltipContentWrapper: <TValue extends ValueType, TName extends NameType>({ content, ...props }: DefaultTooltipContentProps<TValue, TName> & {
+export declare const TooltipContentWrapper: <TValue extends ValueType, TName extends NameType>({ content, tooltipColor, ...props }: DefaultTooltipContentProps<TValue, TName> & {
     content: TooltipProps<TValue, TName>["content"] | undefined;
+    tooltipColor?: "fill" | "stroke";
 }) => React.JSX.Element;
 export {};