@fluentui/react-charting 5.21.31 → 5.22.0

package/lib-amd/index.d.ts

@@ -1,21 +1,40 @@
-export * from './HorizontalBarChart';
-export * from './DonutChart';
-export * from './Legends';
-export * from './LineChart';
-export * from './AreaChart';
-export * from './PieChart';
-export * from './StackedBarChart';
-export * from './VerticalBarChart';
-export * from './VerticalStackedBarChart';
-export * from './GroupedVerticalBarChart';
-export * from './CartesianChart';
-export * from './types/index';
-export * from './utilities/ChartHoverCard/index';
-export * from './HeatMapChart';
-export * from './SankeyChart';
-export * from './TreeChart';
-export * from './Sparkline';
-export * from './HorizontalBarChartWithAxis';
-export * from './utilities/colors';
-export * from './GaugeChart';
+export type { ChartDataMode, IHorizontalBarChartProps, IHorizontalBarChartStyleProps, IHorizontalBarChartStyles, } from './HorizontalBarChart';
+export { HorizontalBarChart, HorizontalBarChartVariant } from './HorizontalBarChart';
+export type { IDonutChart, IDonutChartProps, IDonutChartStyleProps, IDonutChartStyles } from './DonutChart';
+export { DonutChart } from './DonutChart';
+export type { ILegend, ILegendOverflowData, ILegendStyleProps, ILegendSubComponentStyles, ILegendsProps, ILegendsStyles, IShapeProps, LegendShape, } from './Legends';
+export { Legends, Shape } from './Legends';
+export type { IColorFillBarData, IColorFillBarsProps, IEventsAnnotationProps, ILineChartProps, ILineChartStyleProps, ILineChartStyles, } from './LineChart';
+export { LineChart, Textbox } from './LineChart';
+export type { IAreaChartProps, IAreaChartStyleProps, IAreaChartStyles } from './AreaChart';
+export { AreaChart } from './AreaChart';
+export type { IPieChart, IPieChartProps, IPieChartStyleProps, IPieChartStyles } from './PieChart';
+export { PieChart } from './PieChart';
+export type { IMultiStackedBarChartProps, IMultiStackedBarChartStyleProps, IMultiStackedBarChartStyles, IStackedBarChart, IStackedBarChartProps, IStackedBarChartStyleProps, IStackedBarChartStyles, } from './StackedBarChart';
+export { MultiStackedBarChart, MultiStackedBarChartVariant, StackedBarChart } from './StackedBarChart';
+export type { IVerticalBarChartProps, IVerticalBarChartStyleProps, IVerticalBarChartStyles } from './VerticalBarChart';
+export { VerticalBarChart } from './VerticalBarChart';
+export type { IVerticalStackedBarChartProps, IVerticalStackedBarChartStyleProps, IVerticalStackedBarChartStyles, } from './VerticalStackedBarChart';
+export { VerticalStackedBarChart } from './VerticalStackedBarChart';
+export type { IGroupedVerticalBarChartProps, IGroupedVerticalBarChartStyleProps, IGroupedVerticalBarChartStyles, } from './GroupedVerticalBarChart';
+export { GroupedVerticalBarChart } from './GroupedVerticalBarChart';
+export type { ICartesianChartProps, ICartesianChartStyleProps, ICartesianChartStyles, IChildProps, IModifiedCartesianChartProps, IYValueHover, } from './CartesianChart';
+export { CartesianChart } from './CartesianChart';
+export type { IAccessibilityProps, IBasestate, IChartDataPoint, IChartProps, ICustomizedCalloutData, ICustomizedCalloutDataPoint, IDataPoint, IGVBarChartSeriesPoint, IGVDataPoint, IGVForBarChart, IGVSingleDataPoint, IGroupedVerticalBarChartData, IHeatMapChartData, IHeatMapChartDataPoint, IHorizontalBarChartWithAxisDataPoint, IHorizontalDataPoint, ILegendDataItem, ILineChartDataPoint, ILineChartGap, ILineChartLineOptions, ILineChartPoints, ILineDataInVerticalBarChart, ILineDataInVerticalStackedBarChart, IMargins, IRefArrayData, ISankeyChartData, IVSChartDataPoint, IVerticalBarChartDataPoint, IVerticalStackedBarDataPoint, IVerticalStackedChartProps, SLink, SNode, } from './types/index';
+export type { IChartHoverCardProps, IChartHoverCardStyleProps, IChartHoverCardStyles, } from './utilities/ChartHoverCard/index';
+export { ChartHoverCard, getChartHoverCardStyles } from './utilities/ChartHoverCard/index';
+export type { IHeatMapChartProps, IHeatMapChartStyleProps, IHeatMapChartStyles } from './HeatMapChart';
+export { HeatMapChart } from './HeatMapChart';
+export type { ISankeyChartAccessibilityProps, ISankeyChartProps, ISankeyChartStrings, ISankeyChartStyleProps, ISankeyChartStyles, } from './SankeyChart';
+export { SankeyChart } from './SankeyChart';
+export type { ITreeChartDataPoint, ITreeDataStructure, ITreeProps, ITreeState, ITreeStyleProps, ITreeStyles, } from './TreeChart';
+export { NodesComposition, TreeChart, TreeTraverse } from './TreeChart';
+export type { ISparklineProps, ISparklineStyleProps, ISparklineStyles } from './Sparkline';
+export { Sparkline } from './Sparkline';
+export type { IHorizontalBarChartWithAxisProps, IHorizontalBarChartWithAxisStyleProps, IHorizontalBarChartWithAxisStyles, } from './HorizontalBarChartWithAxis';
+export { HorizontalBarChartWithAxis } from './HorizontalBarChartWithAxis';
+export { DataVizPalette, getColorFromToken, getNextColor } from './utilities/colors';
+export { DataVizGradientPalette, getGradientFromToken, getNextGradient } from './utilities/gradients';
+export type { IGaugeChartProps, IGaugeChartSegment, IGaugeChartStyleProps, IGaugeChartStyles } from './GaugeChart';
+export { GaugeChart, GaugeChartVariant, GaugeValueFormat } from './GaugeChart';
 import './version';

package/lib-amd/index.js

@@ -1,25 +1,40 @@
-define(["require", "exports", "tslib", "./HorizontalBarChart", "./DonutChart", "./Legends", "./LineChart", "./AreaChart", "./PieChart", "./StackedBarChart", "./VerticalBarChart", "./VerticalStackedBarChart", "./GroupedVerticalBarChart", "./CartesianChart", "./types/index", "./utilities/ChartHoverCard/index", "./HeatMapChart", "./SankeyChart", "./TreeChart", "./Sparkline", "./HorizontalBarChartWithAxis", "./utilities/colors", "./GaugeChart", "./version"], function (require, exports, tslib_1, HorizontalBarChart_1, DonutChart_1, Legends_1, LineChart_1, AreaChart_1, PieChart_1, StackedBarChart_1, VerticalBarChart_1, VerticalStackedBarChart_1, GroupedVerticalBarChart_1, CartesianChart_1, index_1, index_2, HeatMapChart_1, SankeyChart_1, TreeChart_1, Sparkline_1, HorizontalBarChartWithAxis_1, colors_1, GaugeChart_1) {
+define(["require", "exports", "./HorizontalBarChart", "./DonutChart", "./Legends", "./LineChart", "./AreaChart", "./PieChart", "./StackedBarChart", "./VerticalBarChart", "./VerticalStackedBarChart", "./GroupedVerticalBarChart", "./CartesianChart", "./utilities/ChartHoverCard/index", "./HeatMapChart", "./SankeyChart", "./TreeChart", "./Sparkline", "./HorizontalBarChartWithAxis", "./utilities/colors", "./utilities/gradients", "./GaugeChart", "./version"], function (require, exports, HorizontalBarChart_1, DonutChart_1, Legends_1, LineChart_1, AreaChart_1, PieChart_1, StackedBarChart_1, VerticalBarChart_1, VerticalStackedBarChart_1, GroupedVerticalBarChart_1, CartesianChart_1, index_1, HeatMapChart_1, SankeyChart_1, TreeChart_1, Sparkline_1, HorizontalBarChartWithAxis_1, colors_1, gradients_1, GaugeChart_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(HorizontalBarChart_1, exports);
-    tslib_1.__exportStar(DonutChart_1, exports);
-    tslib_1.__exportStar(Legends_1, exports);
-    tslib_1.__exportStar(LineChart_1, exports);
-    tslib_1.__exportStar(AreaChart_1, exports);
-    tslib_1.__exportStar(PieChart_1, exports);
-    tslib_1.__exportStar(StackedBarChart_1, exports);
-    tslib_1.__exportStar(VerticalBarChart_1, exports);
-    tslib_1.__exportStar(VerticalStackedBarChart_1, exports);
-    tslib_1.__exportStar(GroupedVerticalBarChart_1, exports);
-    tslib_1.__exportStar(CartesianChart_1, exports);
-    tslib_1.__exportStar(index_1, exports);
-    tslib_1.__exportStar(index_2, exports);
-    tslib_1.__exportStar(HeatMapChart_1, exports);
-    tslib_1.__exportStar(SankeyChart_1, exports);
-    tslib_1.__exportStar(TreeChart_1, exports);
-    tslib_1.__exportStar(Sparkline_1, exports);
-    tslib_1.__exportStar(HorizontalBarChartWithAxis_1, exports);
-    tslib_1.__exportStar(colors_1, exports);
-    tslib_1.__exportStar(GaugeChart_1, exports);
+    exports.GaugeValueFormat = exports.GaugeChartVariant = exports.GaugeChart = exports.getNextGradient = exports.getGradientFromToken = exports.DataVizGradientPalette = exports.getNextColor = exports.getColorFromToken = exports.DataVizPalette = exports.HorizontalBarChartWithAxis = exports.Sparkline = exports.TreeTraverse = exports.TreeChart = exports.NodesComposition = exports.SankeyChart = exports.HeatMapChart = exports.getChartHoverCardStyles = exports.ChartHoverCard = exports.CartesianChart = exports.GroupedVerticalBarChart = exports.VerticalStackedBarChart = exports.VerticalBarChart = exports.StackedBarChart = exports.MultiStackedBarChartVariant = exports.MultiStackedBarChart = exports.PieChart = exports.AreaChart = exports.Textbox = exports.LineChart = exports.Shape = exports.Legends = exports.DonutChart = exports.HorizontalBarChartVariant = exports.HorizontalBarChart = void 0;
+    Object.defineProperty(exports, "HorizontalBarChart", { enumerable: true, get: function () { return HorizontalBarChart_1.HorizontalBarChart; } });
+    Object.defineProperty(exports, "HorizontalBarChartVariant", { enumerable: true, get: function () { return HorizontalBarChart_1.HorizontalBarChartVariant; } });
+    Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return DonutChart_1.DonutChart; } });
+    Object.defineProperty(exports, "Legends", { enumerable: true, get: function () { return Legends_1.Legends; } });
+    Object.defineProperty(exports, "Shape", { enumerable: true, get: function () { return Legends_1.Shape; } });
+    Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return LineChart_1.LineChart; } });
+    Object.defineProperty(exports, "Textbox", { enumerable: true, get: function () { return LineChart_1.Textbox; } });
+    Object.defineProperty(exports, "AreaChart", { enumerable: true, get: function () { return AreaChart_1.AreaChart; } });
+    Object.defineProperty(exports, "PieChart", { enumerable: true, get: function () { return PieChart_1.PieChart; } });
+    Object.defineProperty(exports, "MultiStackedBarChart", { enumerable: true, get: function () { return StackedBarChart_1.MultiStackedBarChart; } });
+    Object.defineProperty(exports, "MultiStackedBarChartVariant", { enumerable: true, get: function () { return StackedBarChart_1.MultiStackedBarChartVariant; } });
+    Object.defineProperty(exports, "StackedBarChart", { enumerable: true, get: function () { return StackedBarChart_1.StackedBarChart; } });
+    Object.defineProperty(exports, "VerticalBarChart", { enumerable: true, get: function () { return VerticalBarChart_1.VerticalBarChart; } });
+    Object.defineProperty(exports, "VerticalStackedBarChart", { enumerable: true, get: function () { return VerticalStackedBarChart_1.VerticalStackedBarChart; } });
+    Object.defineProperty(exports, "GroupedVerticalBarChart", { enumerable: true, get: function () { return GroupedVerticalBarChart_1.GroupedVerticalBarChart; } });
+    Object.defineProperty(exports, "CartesianChart", { enumerable: true, get: function () { return CartesianChart_1.CartesianChart; } });
+    Object.defineProperty(exports, "ChartHoverCard", { enumerable: true, get: function () { return index_1.ChartHoverCard; } });
+    Object.defineProperty(exports, "getChartHoverCardStyles", { enumerable: true, get: function () { return index_1.getChartHoverCardStyles; } });
+    Object.defineProperty(exports, "HeatMapChart", { enumerable: true, get: function () { return HeatMapChart_1.HeatMapChart; } });
+    Object.defineProperty(exports, "SankeyChart", { enumerable: true, get: function () { return SankeyChart_1.SankeyChart; } });
+    Object.defineProperty(exports, "NodesComposition", { enumerable: true, get: function () { return TreeChart_1.NodesComposition; } });
+    Object.defineProperty(exports, "TreeChart", { enumerable: true, get: function () { return TreeChart_1.TreeChart; } });
+    Object.defineProperty(exports, "TreeTraverse", { enumerable: true, get: function () { return TreeChart_1.TreeTraverse; } });
+    Object.defineProperty(exports, "Sparkline", { enumerable: true, get: function () { return Sparkline_1.Sparkline; } });
+    Object.defineProperty(exports, "HorizontalBarChartWithAxis", { enumerable: true, get: function () { return HorizontalBarChartWithAxis_1.HorizontalBarChartWithAxis; } });
+    Object.defineProperty(exports, "DataVizPalette", { enumerable: true, get: function () { return colors_1.DataVizPalette; } });
+    Object.defineProperty(exports, "getColorFromToken", { enumerable: true, get: function () { return colors_1.getColorFromToken; } });
+    Object.defineProperty(exports, "getNextColor", { enumerable: true, get: function () { return colors_1.getNextColor; } });
+    Object.defineProperty(exports, "DataVizGradientPalette", { enumerable: true, get: function () { return gradients_1.DataVizGradientPalette; } });
+    Object.defineProperty(exports, "getGradientFromToken", { enumerable: true, get: function () { return gradients_1.getGradientFromToken; } });
+    Object.defineProperty(exports, "getNextGradient", { enumerable: true, get: function () { return gradients_1.getNextGradient; } });
+    Object.defineProperty(exports, "GaugeChart", { enumerable: true, get: function () { return GaugeChart_1.GaugeChart; } });
+    Object.defineProperty(exports, "GaugeChartVariant", { enumerable: true, get: function () { return GaugeChart_1.GaugeChartVariant; } });
+    Object.defineProperty(exports, "GaugeValueFormat", { enumerable: true, get: function () { return GaugeChart_1.GaugeValueFormat; } });
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,4CAA6B;IAC7B,yCAA0B;IAC1B,2CAA4B;IAC5B,2CAA4B;IAC5B,0CAA2B;IAC3B,iDAAkC;IAClC,kDAAmC;IACnC,yDAA0C;IAC1C,yDAA0C;IAC1C,gDAAiC;IACjC,uCAA8B;IAC9B,uCAAiD;IACjD,8CAA+B;IAC/B,6CAA8B;IAC9B,2CAA4B;IAC5B,2CAA4B;IAC5B,4DAA6C;IAC7C,wCAAmC;IACnC,4CAA6B","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\nexport * from './TreeChart';\nexport * from './Sparkline';\nexport * from './HorizontalBarChartWithAxis';\nexport * from './utilities/colors';\nexport * from './GaugeChart';\n\nimport './version';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IAMS,wHAAA,kBAAkB,OAAA;IAAE,+HAAA,yBAAyB,OAAA;IAE7C,wGAAA,UAAU,OAAA;IAWV,kGAAA,OAAO,OAAA;IAAE,gGAAA,KAAK,OAAA;IASd,sGAAA,SAAS,OAAA;IAAE,oGAAA,OAAO,OAAA;IAElB,sGAAA,SAAS,OAAA;IAET,oGAAA,QAAQ,OAAA;IAUR,uHAAA,oBAAoB,OAAA;IAAE,8HAAA,2BAA2B,OAAA;IAAE,kHAAA,eAAe,OAAA;IAElE,oHAAA,gBAAgB,OAAA;IAMhB,kIAAA,uBAAuB,OAAA;IAMvB,kIAAA,uBAAuB,OAAA;IASvB,gHAAA,cAAc,OAAA;IAwCd,uGAAA,cAAc,OAAA;IAAE,gHAAA,uBAAuB,OAAA;IAEvC,4GAAA,YAAY,OAAA;IAQZ,0GAAA,WAAW,OAAA;IASX,6GAAA,gBAAgB,OAAA;IAAE,sGAAA,SAAS,OAAA;IAAE,yGAAA,YAAY,OAAA;IAEzC,sGAAA,SAAS,OAAA;IAMT,wIAAA,0BAA0B,OAAA;IAC1B,wGAAA,cAAc,OAAA;IAAE,2GAAA,iBAAiB,OAAA;IAAE,sGAAA,YAAY,OAAA;IAC/C,mHAAA,sBAAsB,OAAA;IAAE,iHAAA,oBAAoB,OAAA;IAAE,4GAAA,eAAe,OAAA;IAE7D,wGAAA,UAAU,OAAA;IAAE,+GAAA,iBAAiB,OAAA;IAAE,8GAAA,gBAAgB,OAAA","sourcesContent":["export type {\n  ChartDataMode,\n  IHorizontalBarChartProps,\n  IHorizontalBarChartStyleProps,\n  IHorizontalBarChartStyles,\n} from './HorizontalBarChart';\nexport { HorizontalBarChart, HorizontalBarChartVariant } from './HorizontalBarChart';\nexport type { IDonutChart, IDonutChartProps, IDonutChartStyleProps, IDonutChartStyles } from './DonutChart';\nexport { DonutChart } from './DonutChart';\nexport type {\n  ILegend,\n  ILegendOverflowData,\n  ILegendStyleProps,\n  ILegendSubComponentStyles,\n  ILegendsProps,\n  ILegendsStyles,\n  IShapeProps,\n  LegendShape,\n} from './Legends';\nexport { Legends, Shape } from './Legends';\nexport type {\n  IColorFillBarData,\n  IColorFillBarsProps,\n  IEventsAnnotationProps,\n  ILineChartProps,\n  ILineChartStyleProps,\n  ILineChartStyles,\n} from './LineChart';\nexport { LineChart, Textbox } from './LineChart';\nexport type { IAreaChartProps, IAreaChartStyleProps, IAreaChartStyles } from './AreaChart';\nexport { AreaChart } from './AreaChart';\nexport type { IPieChart, IPieChartProps, IPieChartStyleProps, IPieChartStyles } from './PieChart';\nexport { PieChart } from './PieChart';\nexport type {\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles,\n  IStackedBarChart,\n  IStackedBarChartProps,\n  IStackedBarChartStyleProps,\n  IStackedBarChartStyles,\n} from './StackedBarChart';\nexport { MultiStackedBarChart, MultiStackedBarChartVariant, StackedBarChart } from './StackedBarChart';\nexport type { IVerticalBarChartProps, IVerticalBarChartStyleProps, IVerticalBarChartStyles } from './VerticalBarChart';\nexport { VerticalBarChart } from './VerticalBarChart';\nexport type {\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles,\n} from './VerticalStackedBarChart';\nexport { VerticalStackedBarChart } from './VerticalStackedBarChart';\nexport type {\n  IGroupedVerticalBarChartProps,\n  IGroupedVerticalBarChartStyleProps,\n  IGroupedVerticalBarChartStyles,\n} from './GroupedVerticalBarChart';\nexport { GroupedVerticalBarChart } from './GroupedVerticalBarChart';\nexport type {\n  ICartesianChartProps,\n  ICartesianChartStyleProps,\n  ICartesianChartStyles,\n  IChildProps,\n  IModifiedCartesianChartProps,\n  IYValueHover,\n} from './CartesianChart';\nexport { CartesianChart } from './CartesianChart';\nexport type {\n  IAccessibilityProps,\n  IBasestate,\n  IChartDataPoint,\n  IChartProps,\n  ICustomizedCalloutData,\n  ICustomizedCalloutDataPoint,\n  IDataPoint,\n  IGVBarChartSeriesPoint,\n  IGVDataPoint,\n  IGVForBarChart,\n  IGVSingleDataPoint,\n  IGroupedVerticalBarChartData,\n  IHeatMapChartData,\n  IHeatMapChartDataPoint,\n  IHorizontalBarChartWithAxisDataPoint,\n  IHorizontalDataPoint,\n  ILegendDataItem,\n  ILineChartDataPoint,\n  ILineChartGap,\n  ILineChartLineOptions,\n  ILineChartPoints,\n  ILineDataInVerticalBarChart,\n  ILineDataInVerticalStackedBarChart,\n  IMargins,\n  IRefArrayData,\n  ISankeyChartData,\n  IVSChartDataPoint,\n  IVerticalBarChartDataPoint,\n  IVerticalStackedBarDataPoint,\n  IVerticalStackedChartProps,\n  SLink,\n  SNode,\n} from './types/index';\nexport type {\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles,\n} from './utilities/ChartHoverCard/index';\nexport { ChartHoverCard, getChartHoverCardStyles } from './utilities/ChartHoverCard/index';\nexport type { IHeatMapChartProps, IHeatMapChartStyleProps, IHeatMapChartStyles } from './HeatMapChart';\nexport { HeatMapChart } from './HeatMapChart';\nexport type {\n  ISankeyChartAccessibilityProps,\n  ISankeyChartProps,\n  ISankeyChartStrings,\n  ISankeyChartStyleProps,\n  ISankeyChartStyles,\n} from './SankeyChart';\nexport { SankeyChart } from './SankeyChart';\nexport type {\n  ITreeChartDataPoint,\n  ITreeDataStructure,\n  ITreeProps,\n  ITreeState,\n  ITreeStyleProps,\n  ITreeStyles,\n} from './TreeChart';\nexport { NodesComposition, TreeChart, TreeTraverse } from './TreeChart';\nexport type { ISparklineProps, ISparklineStyleProps, ISparklineStyles } from './Sparkline';\nexport { Sparkline } from './Sparkline';\nexport type {\n  IHorizontalBarChartWithAxisProps,\n  IHorizontalBarChartWithAxisStyleProps,\n  IHorizontalBarChartWithAxisStyles,\n} from './HorizontalBarChartWithAxis';\nexport { HorizontalBarChartWithAxis } from './HorizontalBarChartWithAxis';\nexport { DataVizPalette, getColorFromToken, getNextColor } from './utilities/colors';\nexport { DataVizGradientPalette, getGradientFromToken, getNextGradient } from './utilities/gradients';\nexport type { IGaugeChartProps, IGaugeChartSegment, IGaugeChartStyleProps, IGaugeChartStyles } from './GaugeChart';\nexport { GaugeChart, GaugeChartVariant, GaugeValueFormat } from './GaugeChart';\n\nimport './version';\n"]}

package/lib-amd/types/IDataPoint.d.ts

@@ -121,6 +121,11 @@ export interface IChartDataPoint {
      * Color for the legend in the chart. If not provided, it will fallback on the default color palette.
      */
     color?: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
     /**
      * placeholder data point
      */
@@ -162,6 +167,11 @@ export interface IVerticalBarChartDataPoint {
      * color for the legend in the chart
      */
     color?: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
     /**
      * Callout data for x axis
      * This is an optional prop, If haven;t given legend will take
@@ -207,6 +217,11 @@ export interface IHorizontalBarChartWithAxisDataPoint {
      * color for the legend in the chart
      */
     color?: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
     /**
      * Callout data for x axis
      * This is an optional prop, If haven;t given legend will take
@@ -485,6 +500,11 @@ export interface IVSChartDataPoint {
      * color for the legend in the chart
      */
     color?: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
     /**
      * Callout data for x axis
      * This is an optional prop, If haven;t given legend will take
@@ -560,6 +580,11 @@ export interface IGVBarChartSeriesPoint {
      * Color for the legend in the chart
      */
     color: string;
+    /**
+     * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.
+     * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.
+     */
+    gradient?: [string, string];
     /**
      * Legend text in the chart
      */

package/lib-amd/types/IDataPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"IDataPoint.js","sourceRoot":"../src/","sources":["types/IDataPoint.ts"],"names":[],"mappings":"","sourcesContent":["import { SankeyLink, SankeyNode } from 'd3-sankey';\nimport { SVGProps } from 'react';\nimport { LegendShape } from '../components/Legends/Legends.types';\n\nexport interface IBasestate {\n  _width?: number;\n  _height?: number;\n  activeLegend?: string;\n  color?: string;\n  dataForHoverCard?: number;\n  isCalloutVisible: boolean;\n  isLegendSelected?: boolean;\n  isLegendHovered?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  refSelected?: any;\n  YValueHover?: { legend?: string; y?: number; color?: string }[];\n  hoverYValue?: string | number | null;\n  hoverXValue?: string | number | null;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  lineColor?: string;\n  hoveredLineColor?: string;\n  selectedLegend?: string;\n  containerWidth?: number;\n  containerHeight?: number;\n}\n\nexport interface IRefArrayData {\n  index?: string;\n  refElement?: SVGGElement;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IMargins {\n  /**\n   * left margin for the chart.\n   */\n  left?: number;\n  /**\n   * Right margin for the chart.\n   */\n  right?: number;\n  /**\n   * Top margin for the chart.\n   */\n  top?: number;\n  /**\n   * Bottom margin for the chart.\n   */\n  bottom?: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  // NOTE: VerticalStackedBarChart, PieChart\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalStackedBarDataPoint extends Omit<IDataPoint, 'x'> {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale.\n   */\n  x: number | string | Date;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IChartDataPoint {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * data the datapoint in the chart\n   */\n  data?: number;\n\n  /**\n   * data the datapoint in the chart\n   */\n  horizontalBarChartdata?: IHorizontalDataPoint;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Color for the legend in the chart. If not provided, it will fallback on the default color palette.\n   */\n  color?: string;\n\n  /**\n   * placeholder data point\n   */\n  placeHolder?: boolean;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalBarChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * data to render the line along with bars\n   */\n  lineData?: ILineDataInVerticalBarChart;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalBarChartWithAxisDataPoint {\n  /**\n   * Dependent value of the data point, rendered along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Independent value of the data point, rendered along the y-axis.\n   * If y is a number, then each y-coordinate is plotted at its y-coordinate.\n   * If y is a string, then the data is evenly spaced along the y-axis.\n   */\n  y: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineDataInVerticalBarChart {\n  y: IVerticalBarChartDataPoint['y'];\n  yAxisCalloutData?: string | undefined;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale\n   */\n  x: number | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onDataPointClick?: () => void;\n\n  /**\n   * Callout data for x axis\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   */\n  yAxisCalloutData?: string | { [id: string]: number };\n\n  /**\n   * Whether to hide callout data for the point.\n   */\n  hideCallout?: boolean;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * X axis Accessibility data for callout\n   */\n  xAxisCalloutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartGap {\n  /**\n   * Starting index of the gap.\n   */\n  startIndex: number;\n\n  /**\n   * Ending index of the gap.\n   */\n  endIndex: number;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface ILineChartLineOptions extends SVGProps<SVGPathElement> {\n  /**\n   * Width of the line/stroke.\n   * Overrides the strokeWidth set on ICartesianChartProps level.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width\n   */\n  strokeWidth?: number | string;\n\n  /**\n   * Pattern of dashes and gaps.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n   */\n  strokeDasharray?: string | number;\n\n  /**\n   * Offset on rendering of stroke dash array.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset\n   */\n  strokeDashoffset?: string | number;\n\n  /**\n   * Shape at the end of a subpath.\n   * Default round.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\n   */\n  strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';\n\n  /**\n   * Width of border around the line. Default no border.\n   */\n  lineBorderWidth?: string | number;\n\n  /**\n   * Color of border around the line. Default white.\n   */\n  lineBorderColor?: string;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: ILineChartDataPoint[];\n\n  /**\n   * gaps in the line chart where a line is not drawn\n   */\n  gaps?: ILineChartGap[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onLineClick?: () => void;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IChartProps {\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Accessibility data for chart title\n   */\n  chartTitleAccessibilityData?: IAccessibilityProps;\n  /**\n   * data for the points in the chart\n   */\n  chartData?: IChartDataPoint[];\n\n  /**\n   * Accessibility data for chart data\n   */\n  chartDataAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * data for the points in the line chart\n   */\n  lineChartData?: ILineChartPoints[];\n\n  /**\n   * data for the points in the line chart\n   */\n  SankeyChartData?: ISankeyChartData;\n\n  /**\n   * data for the points in the line chart\n   */\n  pointOptions?: SVGProps<SVGCircleElement>;\n\n  /**\n   * data for the dotted line on hovering the point\n   */\n  pointLineOptions?: SVGProps<SVGLineElement>;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ISankeyChartData {\n  nodes: SNode[];\n  links: SLink[];\n}\n\ninterface ISNodeExtra {\n  /**\n   * A unique identifier for this node.\n   */\n  nodeId: number | string;\n  /**\n   * The display name for this node in the UX.\n   */\n  name: string;\n  color?: string;\n  borderColor?: string;\n  actualValue?: number;\n  layer?: number;\n}\n\ninterface ISLinkExtra {\n  /**\n   * The index within `ISankeyChartData.nodes` of the source node.\n   */\n  source: number;\n  /**\n   * The index within `ISankeyChartData.nodes` of the target node.\n   */\n  target: number;\n  /**\n   * The weight of this link between the two nodes.\n   */\n  value: number;\n  unnormalizedValue?: number;\n}\n\nexport type SNode = SankeyNode<ISNodeExtra, ISLinkExtra>;\nexport type SLink = SankeyLink<ISNodeExtra, ISLinkExtra>;\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IAccessibilityProps {\n  /**\n   * Accessibility aria-label\n   */\n  ariaLabel?: string;\n\n  /**\n   * Accessibility aria-labelledBy\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Accessibility aria-describedBy\n   */\n  ariaDescribedBy?: string;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVSChartDataPoint {\n  /**\n   * data the datapoint in the chart\n   */\n  data: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IVerticalStackedChartProps {\n  /**\n   * data for the points in the chart\n   */\n  chartData: IVSChartDataPoint[];\n\n  /**\n   * Data for x axis label for multistacked Vertical bar chart\n   */\n  xAxisPoint: number | string | Date;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given, legend will take\n   */\n  xAxisCalloutData?: string;\n  /**\n   * line data to render lines on stacked bar chart\n   */\n  lineData?: ILineDataInVerticalStackedBarChart[];\n  /**\n   * Accessibility data for Whole stack callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineDataInVerticalStackedBarChart {\n  y: number;\n  color: string;\n  legend: string;\n  /**\n   * Data to show in callout\n   */\n  data?: number;\n  yAxisCalloutData?: string;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGVBarChartSeriesPoint {\n  /**\n   * Text for // need to check use of this\n   */\n  key: string;\n\n  /**\n   * Data for bar height of Grouped vertical bar chart\n   */\n  data: number;\n\n  /**\n   * Color for the legend in the chart\n   */\n  color: string;\n\n  /**\n   * Legend text in the chart\n   */\n  legend: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGroupedVerticalBarChartData {\n  /**\n   * Data for X axis label\n   */\n  name: string;\n\n  /**\n   * Data points for Grouped vertical bar chart\n   */\n  series: IGVBarChartSeriesPoint[];\n\n  /**\n   * Accessibility data for Group Bars Stack Callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IGVDataPoint {\n  /**\n   * This interface used for - While forming datapoints from given prop \"data\" in code\n   * datapoints are used for to draw graph\n   */\n  [key: string]: number | string;\n}\n\nexport interface IGVSingleDataPoint {\n  /**\n   * While forming datapoints from given prop \"data\" in code.\n   * These datapoints are used for to draw graph easily.\n   */\n  [key: string]: IGVDataPoint;\n}\n\nexport interface IGVForBarChart {\n  /**\n   * While forming datapoints from given prop \"data\"\n   * These datapoints are used for to draw graph.\n   */\n  [key: string]: IGVBarChartSeriesPoint;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHeatMapChartDataPoint {\n  x: string | Date | number;\n  y: string | Date | number;\n  value: number;\n  /**\n   * The value/ text to be rendered in the rectange\n   */\n  rectText?: string | number;\n  /**\n   * denomination to show in the callout\n   */\n  ratio?: [number, number];\n  /**\n   * description message to the callout\n   */\n  descriptionMessage?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHeatMapChartData {\n  /**\n   * name of the legend\n   */\n  legend: string;\n  data: IHeatMapChartDataPoint[];\n  /**\n   * This  number will be used to get the color for the legend\n   */\n  value: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutDataPoint {\n  legend: string;\n  y: number;\n  color: string;\n  xAxisCalloutData?: string;\n  yAxisCalloutData?: string | { [id: string]: number };\n}\n\n/**\n * Used for custom callout data interface. As Area chart callout data will be prepared from given props.data,\n * Those required data passing to onRenderCalloutPerDataPoint and onRenderCalloutPerStack.\n * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutData {\n  x: number | string | Date;\n  values: ICustomizedCalloutDataPoint[];\n}\n"]}
+{"version":3,"file":"IDataPoint.js","sourceRoot":"../src/","sources":["types/IDataPoint.ts"],"names":[],"mappings":"","sourcesContent":["import { SankeyLink, SankeyNode } from 'd3-sankey';\nimport { SVGProps } from 'react';\nimport { LegendShape } from '../components/Legends/Legends.types';\n\nexport interface IBasestate {\n  _width?: number;\n  _height?: number;\n  activeLegend?: string;\n  color?: string;\n  dataForHoverCard?: number;\n  isCalloutVisible: boolean;\n  isLegendSelected?: boolean;\n  isLegendHovered?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  refSelected?: any;\n  YValueHover?: { legend?: string; y?: number; color?: string }[];\n  hoverYValue?: string | number | null;\n  hoverXValue?: string | number | null;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  lineColor?: string;\n  hoveredLineColor?: string;\n  selectedLegend?: string;\n  containerWidth?: number;\n  containerHeight?: number;\n}\n\nexport interface IRefArrayData {\n  index?: string;\n  refElement?: SVGGElement;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IMargins {\n  /**\n   * left margin for the chart.\n   */\n  left?: number;\n  /**\n   * Right margin for the chart.\n   */\n  right?: number;\n  /**\n   * Top margin for the chart.\n   */\n  top?: number;\n  /**\n   * Bottom margin for the chart.\n   */\n  bottom?: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  // NOTE: VerticalStackedBarChart, PieChart\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalStackedBarDataPoint extends Omit<IDataPoint, 'x'> {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale.\n   */\n  x: number | string | Date;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IChartDataPoint {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * data the datapoint in the chart\n   */\n  data?: number;\n\n  /**\n   * data the datapoint in the chart\n   */\n  horizontalBarChartdata?: IHorizontalDataPoint;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Color for the legend in the chart. If not provided, it will fallback on the default color palette.\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * placeholder data point\n   */\n  placeHolder?: boolean;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalBarChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * data to render the line along with bars\n   */\n  lineData?: ILineDataInVerticalBarChart;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalBarChartWithAxisDataPoint {\n  /**\n   * Dependent value of the data point, rendered along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Independent value of the data point, rendered along the y-axis.\n   * If y is a number, then each y-coordinate is plotted at its y-coordinate.\n   * If y is a string, then the data is evenly spaced along the y-axis.\n   */\n  y: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineDataInVerticalBarChart {\n  y: IVerticalBarChartDataPoint['y'];\n  yAxisCalloutData?: string | undefined;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale\n   */\n  x: number | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onDataPointClick?: () => void;\n\n  /**\n   * Callout data for x axis\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   */\n  yAxisCalloutData?: string | { [id: string]: number };\n\n  /**\n   * Whether to hide callout data for the point.\n   */\n  hideCallout?: boolean;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * X axis Accessibility data for callout\n   */\n  xAxisCalloutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartGap {\n  /**\n   * Starting index of the gap.\n   */\n  startIndex: number;\n\n  /**\n   * Ending index of the gap.\n   */\n  endIndex: number;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface ILineChartLineOptions extends SVGProps<SVGPathElement> {\n  /**\n   * Width of the line/stroke.\n   * Overrides the strokeWidth set on ICartesianChartProps level.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width\n   */\n  strokeWidth?: number | string;\n\n  /**\n   * Pattern of dashes and gaps.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n   */\n  strokeDasharray?: string | number;\n\n  /**\n   * Offset on rendering of stroke dash array.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset\n   */\n  strokeDashoffset?: string | number;\n\n  /**\n   * Shape at the end of a subpath.\n   * Default round.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\n   */\n  strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';\n\n  /**\n   * Width of border around the line. Default no border.\n   */\n  lineBorderWidth?: string | number;\n\n  /**\n   * Color of border around the line. Default white.\n   */\n  lineBorderColor?: string;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: ILineChartDataPoint[];\n\n  /**\n   * gaps in the line chart where a line is not drawn\n   */\n  gaps?: ILineChartGap[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onLineClick?: () => void;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IChartProps {\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Accessibility data for chart title\n   */\n  chartTitleAccessibilityData?: IAccessibilityProps;\n  /**\n   * data for the points in the chart\n   */\n  chartData?: IChartDataPoint[];\n\n  /**\n   * Accessibility data for chart data\n   */\n  chartDataAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * data for the points in the line chart\n   */\n  lineChartData?: ILineChartPoints[];\n\n  /**\n   * data for the points in the line chart\n   */\n  SankeyChartData?: ISankeyChartData;\n\n  /**\n   * data for the points in the line chart\n   */\n  pointOptions?: SVGProps<SVGCircleElement>;\n\n  /**\n   * data for the dotted line on hovering the point\n   */\n  pointLineOptions?: SVGProps<SVGLineElement>;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ISankeyChartData {\n  nodes: SNode[];\n  links: SLink[];\n}\n\ninterface ISNodeExtra {\n  /**\n   * A unique identifier for this node.\n   */\n  nodeId: number | string;\n  /**\n   * The display name for this node in the UX.\n   */\n  name: string;\n  color?: string;\n  borderColor?: string;\n  actualValue?: number;\n  layer?: number;\n}\n\ninterface ISLinkExtra {\n  /**\n   * The index within `ISankeyChartData.nodes` of the source node.\n   */\n  source: number;\n  /**\n   * The index within `ISankeyChartData.nodes` of the target node.\n   */\n  target: number;\n  /**\n   * The weight of this link between the two nodes.\n   */\n  value: number;\n  unnormalizedValue?: number;\n}\n\nexport type SNode = SankeyNode<ISNodeExtra, ISLinkExtra>;\nexport type SLink = SankeyLink<ISNodeExtra, ISLinkExtra>;\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IAccessibilityProps {\n  /**\n   * Accessibility aria-label\n   */\n  ariaLabel?: string;\n\n  /**\n   * Accessibility aria-labelledBy\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Accessibility aria-describedBy\n   */\n  ariaDescribedBy?: string;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IVSChartDataPoint {\n  /**\n   * data the datapoint in the chart\n   */\n  data: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartProps}\n */\nexport interface IVerticalStackedChartProps {\n  /**\n   * data for the points in the chart\n   */\n  chartData: IVSChartDataPoint[];\n\n  /**\n   * Data for x axis label for multistacked Vertical bar chart\n   */\n  xAxisPoint: number | string | Date;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given, legend will take\n   */\n  xAxisCalloutData?: string;\n  /**\n   * line data to render lines on stacked bar chart\n   */\n  lineData?: ILineDataInVerticalStackedBarChart[];\n  /**\n   * Accessibility data for Whole stack callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ILineDataInVerticalStackedBarChart {\n  y: number;\n  color: string;\n  legend: string;\n  /**\n   * Data to show in callout\n   */\n  data?: number;\n  yAxisCalloutData?: string;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGVBarChartSeriesPoint {\n  /**\n   * Text for // need to check use of this\n   */\n  key: string;\n\n  /**\n   * Data for bar height of Grouped vertical bar chart\n   */\n  data: number;\n\n  /**\n   * Color for the legend in the chart\n   */\n  color: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Legend text in the chart\n   */\n  legend: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IGroupedVerticalBarChartData {\n  /**\n   * Data for X axis label\n   */\n  name: string;\n\n  /**\n   * Data points for Grouped vertical bar chart\n   */\n  series: IGVBarChartSeriesPoint[];\n\n  /**\n   * Accessibility data for Group Bars Stack Callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IGVDataPoint {\n  /**\n   * This interface used for - While forming datapoints from given prop \"data\" in code\n   * datapoints are used for to draw graph\n   */\n  [key: string]: number | string;\n}\n\nexport interface IGVSingleDataPoint {\n  /**\n   * While forming datapoints from given prop \"data\" in code.\n   * These datapoints are used for to draw graph easily.\n   */\n  [key: string]: IGVDataPoint;\n}\n\nexport interface IGVForBarChart {\n  /**\n   * While forming datapoints from given prop \"data\"\n   * These datapoints are used for to draw graph.\n   */\n  [key: string]: IGVBarChartSeriesPoint;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHeatMapChartDataPoint {\n  x: string | Date | number;\n  y: string | Date | number;\n  value: number;\n  /**\n   * The value/ text to be rendered in the rectange\n   */\n  rectText?: string | number;\n  /**\n   * denomination to show in the callout\n   */\n  ratio?: [number, number];\n  /**\n   * description message to the callout\n   */\n  descriptionMessage?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface IHeatMapChartData {\n  /**\n   * name of the legend\n   */\n  legend: string;\n  data: IHeatMapChartDataPoint[];\n  /**\n   * This  number will be used to get the color for the legend\n   */\n  value: number;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutDataPoint {\n  legend: string;\n  y: number;\n  color: string;\n  xAxisCalloutData?: string;\n  yAxisCalloutData?: string | { [id: string]: number };\n}\n\n/**\n * Used for custom callout data interface. As Area chart callout data will be prepared from given props.data,\n * Those required data passing to onRenderCalloutPerDataPoint and onRenderCalloutPerStack.\n * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutData {\n  x: number | string | Date;\n  values: ICustomizedCalloutDataPoint[];\n}\n"]}

package/lib-amd/utilities/gradients.d.ts

@@ -0,0 +1,30 @@
+export declare const DataVizGradientPalette: {
+    gradient1: string;
+    gradient2: string;
+    gradient3: string;
+    gradient4: string;
+    gradient5: string;
+    gradient6: string;
+    gradient7: string;
+    gradient8: string;
+    gradient9: string;
+    gradient10: string;
+    gradient1Ext: string;
+    gradient2Ext: string;
+    gradient3Ext: string;
+    gradient4Ext: string;
+    gradient5Ext: string;
+    gradient6Ext: string;
+    gradient7Ext: string;
+    gradient8Ext: string;
+    gradient9Ext: string;
+    gradient10Ext: string;
+    success: string;
+    highSuccess: string;
+    warning: string;
+    error: string;
+    highError: string;
+    disabled: string;
+};
+export declare const getNextGradient: (index: number, offset?: number, isDarkTheme?: boolean) => [string, string];
+export declare const getGradientFromToken: (token: string, isDarkTheme?: boolean) => [string, string];

package/lib-amd/utilities/gradients.js

@@ -0,0 +1,180 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getGradientFromToken = exports.getNextGradient = exports.DataVizGradientPalette = void 0;
+    exports.DataVizGradientPalette = {
+        gradient1: 'default.1',
+        gradient2: 'default.2',
+        gradient3: 'default.3',
+        gradient4: 'default.4',
+        gradient5: 'default.5',
+        gradient6: 'default.6',
+        gradient7: 'default.7',
+        gradient8: 'default.8',
+        gradient9: 'default.9',
+        gradient10: 'default.10',
+        // extended gradients
+        gradient1Ext: 'extended.1',
+        gradient2Ext: 'extended.2',
+        gradient3Ext: 'extended.3',
+        gradient4Ext: 'extended.4',
+        gradient5Ext: 'extended.5',
+        gradient6Ext: 'extended.6',
+        gradient7Ext: 'extended.7',
+        gradient8Ext: 'extended.8',
+        gradient9Ext: 'extended.9',
+        gradient10Ext: 'extended.10',
+        // status gradients
+        success: 'semantic.success',
+        highSuccess: 'semantic.highSuccess',
+        warning: 'semantic.warning',
+        error: 'semantic.error',
+        highError: 'semantic.highError',
+        disabled: 'semantic.disabled',
+    };
+    var defaultGradientPalette = {
+        '1': [
+            ['#4760D5', '#637CEF'],
+            ['#4F6BED', '#637CEF'], // [cornflower.shade10, cornflower.tint10],
+        ],
+        '2': [
+            ['#795AA6', '#9373C0'],
+            ['#8764B8', '#A083C9'], // [orchid.primary, orchid.tint20],
+        ],
+        '3': [
+            ['#159195', '#2AA0A4'],
+            ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],
+        ],
+        '4': [
+            ['#B146C2', '#C36BD1'],
+            ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],
+        ],
+        '5': [
+            ['#3487C7', '#3A96DD'],
+            ['#3487C7', '#3A96DD'], // [lightBlue.shade20, lightBlue.primary],
+        ],
+        '6': [
+            ['#0E7A0B', '#13A10E'],
+            ['#11910D', '#27AC22'], // [lightGreen.shade10, lightGreen.tint10],
+        ],
+        '7': [
+            ['#E61C99', '#EE5FB7'],
+            ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],
+        ],
+        '8': [
+            ['#CA5010', '#D77440'],
+            ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint10],
+        ],
+        '9': [
+            ['#57811B', '#689920'],
+            ['#57811B', '#689920'], // [lime.shade20, lime.shade10],
+        ],
+        '10': [
+            ['#937700', '#AE8C00'],
+            ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],
+        ],
+    };
+    var extendedGradientPalette = {
+        '1': [
+            ['#2C3C85', '#3C51B4'],
+            ['#93A4F4', '#C8D1FA'], // [cornflower.tint30, cornflower.tint40],
+        ],
+        '2': [
+            ['#4C3867', '#674C8C'],
+            ['#A083C9', '#B29AD4'], // [orchid.tint20, orchid.tint30],
+        ],
+        '3': [
+            ['#02494C', '#038387'],
+            ['#4CB4B7', '#9BD9DB'], // [teal.tint30, teal.tint40],
+        ],
+        '4': [
+            ['#63276D', '#863593'],
+            ['#C36BD1', '#CF87DA'], // [lilac.tint20, lilac.tint30],
+        ],
+        '5': [
+            ['#20547C', '#2C72A8'],
+            ['#4FA1E1', '#83BDEB'], // [lightBlue.tint10, lightBlue.tint30],
+        ],
+        '6': [
+            ['#0B5A08', '#0E7A0B'],
+            ['#27AC22', '#5EC75A'], // [lightGreen.tint10, lightGreen.tint30],
+        ],
+        '7': [
+            ['#AD006A', '#E3008C'],
+            ['#EE5FB7', '#F7ADDA'], // [hotPink.tint30, hotPink.tint40],
+        ],
+        '8': [
+            ['#9A3D0C', '#CA5010'],
+            ['#D77440', '#DF8E64'], // [pumpkin.tint20, pumpkin.tint30],
+        ],
+        '9': [
+            ['#405F14', '#57811B'],
+            ['#73AA24', '#A4CC6C'], // [lime.primary, lime.tint30],
+        ],
+        '10': [
+            ['#6D5700', '#937700'],
+            ['#D0B232', '#DAC157'], // [gold.tint20, gold.tint30],
+        ],
+    };
+    var semanticGradientPalette = {
+        success: [
+            ['#0C5E0C', '#107C10'],
+            ['#218C21', '#359B35'], // [green.tint10, green.tint20],
+        ],
+        highSuccess: [
+            ['#107C10', '#359B35'],
+            ['#359B35', '#9FD89F'], // [green.tint20, green.tint40],
+        ],
+        warning: [
+            ['#DE590B', '#F7630C'],
+            ['#DE590B', '#F87528'], // [orange.shade10, orange.tint10],
+        ],
+        error: [
+            ['#B10E1C', '#CC2635'],
+            ['#D33F4C', '#EEACB2'], // [cranberry.tint20, cranberry.tint40],
+        ],
+        highError: [
+            ['#6E0811', '#B10E1C'],
+            ['#D33F4C', '#DC626D'], // [cranberry.tint20, cranberry.tint30],
+        ],
+        disabled: [
+            ['#E6E6E6', '#F0F0F0'],
+            ['#E6E6E6', '#F0F0F0'],
+        ],
+    };
+    var Gradients = {
+        default: defaultGradientPalette,
+        semantic: semanticGradientPalette,
+        extended: extendedGradientPalette, // extended gradients
+    };
+    var DEFAULT_COLORS = Object.values(defaultGradientPalette);
+    var TOKENS = Object.values(exports.DataVizGradientPalette);
+    var getThemeSpecificGradient = function (gradients, isDarkTheme) {
+        if (gradients.length === 0) {
+            return ['', ''];
+        }
+        var colorIdx = Number(isDarkTheme);
+        if (colorIdx < gradients.length) {
+            return gradients[colorIdx];
+        }
+        return gradients[0];
+    };
+    var getNextGradient = function (index, offset, isDarkTheme) {
+        if (offset === void 0) { offset = 0; }
+        if (isDarkTheme === void 0) { isDarkTheme = false; }
+        var gradients = DEFAULT_COLORS[(index + offset) % DEFAULT_COLORS.length];
+        return getThemeSpecificGradient(gradients, isDarkTheme);
+    };
+    exports.getNextGradient = getNextGradient;
+    var getGradientFromToken = function (token, isDarkTheme) {
+        if (isDarkTheme === void 0) { isDarkTheme = false; }
+        if (TOKENS.indexOf(token) >= 0) {
+            var _a = token.split('.'), paletteName = _a[0], colorCode = _a[1];
+            var colors = Gradients[paletteName][colorCode];
+            return getThemeSpecificGradient(colors, isDarkTheme);
+        }
+        return [token, token];
+    };
+    exports.getGradientFromToken = getGradientFromToken;
+});
+//# sourceMappingURL=gradients.js.map

package/lib-amd/utilities/gradients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradients.js","sourceRoot":"../src/","sources":["utilities/gradients.ts"],"names":[],"mappings":"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","sourcesContent":["export const DataVizGradientPalette = {\n  gradient1: 'default.1',\n  gradient2: 'default.2',\n  gradient3: 'default.3',\n  gradient4: 'default.4',\n  gradient5: 'default.5',\n  gradient6: 'default.6',\n  gradient7: 'default.7',\n  gradient8: 'default.8',\n  gradient9: 'default.9',\n  gradient10: 'default.10',\n  // extended gradients\n  gradient1Ext: 'extended.1',\n  gradient2Ext: 'extended.2',\n  gradient3Ext: 'extended.3',\n  gradient4Ext: 'extended.4',\n  gradient5Ext: 'extended.5',\n  gradient6Ext: 'extended.6',\n  gradient7Ext: 'extended.7',\n  gradient8Ext: 'extended.8',\n  gradient9Ext: 'extended.9',\n  gradient10Ext: 'extended.10',\n  // status gradients\n  success: 'semantic.success',\n  highSuccess: 'semantic.highSuccess',\n  warning: 'semantic.warning',\n  error: 'semantic.error',\n  highError: 'semantic.highError',\n  disabled: 'semantic.disabled',\n};\n\n/**\n * Key: Color code.\n * Value:\n *\n * Index 0 - Default gradient for light theme\n *      ├── Index 0 - start color of gradient\n *      └── Index 1 - end color of gradient\n *\n * Index 1 - gradient for dark theme\n *      ├── Index 0 - start color of gradient\n *      └── Index 1 - end color of gradient\n */\ntype GradientPalette = { [key: string]: [string, string][] };\n\nconst defaultGradientPalette: GradientPalette = {\n  '1': [\n    ['#4760D5', '#637CEF'], // [cornflower.shade10, cornflower.tint10],\n    ['#4F6BED', '#637CEF'], // [cornflower.shade10, cornflower.tint10],\n  ],\n  '2': [\n    ['#795AA6', '#9373C0'], // [orchid.shade20, orchid.tint10],\n    ['#8764B8', '#A083C9'], // [orchid.primary, orchid.tint20],\n  ],\n  '3': [\n    ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],\n    ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],\n  ],\n  '4': [\n    ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],\n    ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],\n  ],\n  '5': [\n    ['#3487C7', '#3A96DD'], // [lightBlue.shade10, lightBlue.primary],\n    ['#3487C7', '#3A96DD'], // [lightBlue.shade20, lightBlue.primary],\n  ],\n  '6': [\n    ['#0E7A0B', '#13A10E'], // [lightGreen.shade20, lightGreen.primary],\n    ['#11910D', '#27AC22'], // [lightGreen.shade10, lightGreen.tint10],\n  ],\n  '7': [\n    ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],\n    ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],\n  ],\n  '8': [\n    ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint20],\n    ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint10],\n  ],\n  '9': [\n    ['#57811B', '#689920'], // [lime.shade20, lime.shade10],\n    ['#57811B', '#689920'], // [lime.shade20, lime.shade10],\n  ],\n  '10': [\n    ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],\n    ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],\n  ],\n};\n\nconst extendedGradientPalette: GradientPalette = {\n  '1': [\n    ['#2C3C85', '#3C51B4'], // [cornflower.shade30, cornflower.shade20],\n    ['#93A4F4', '#C8D1FA'], // [cornflower.tint30, cornflower.tint40],\n  ],\n  '2': [\n    ['#4C3867', '#674C8C'], // [orchid.shade30, orchid.shade20],\n    ['#A083C9', '#B29AD4'], // [orchid.tint20, orchid.tint30],\n  ],\n  '3': [\n    ['#02494C', '#038387'], // [teal.shade30, teal.primary],\n    ['#4CB4B7', '#9BD9DB'], // [teal.tint30, teal.tint40],\n  ],\n  '4': [\n    ['#63276D', '#863593'], // [lilac.shade30, lilac.shade20],\n    ['#C36BD1', '#CF87DA'], // [lilac.tint20, lilac.tint30],\n  ],\n  '5': [\n    ['#20547C', '#2C72A8'], // [lightBlue.shade30, lightBlue.shade20],\n    ['#4FA1E1', '#83BDEB'], // [lightBlue.tint10, lightBlue.tint30],\n  ],\n  '6': [\n    ['#0B5A08', '#0E7A0B'], // [lightGreen.shade30, lightGreen.shade20],\n    ['#27AC22', '#5EC75A'], // [lightGreen.tint10, lightGreen.tint30],\n  ],\n  '7': [\n    ['#AD006A', '#E3008C'], // [hotPink.shade20, hotPink.primary],\n    ['#EE5FB7', '#F7ADDA'], // [hotPink.tint30, hotPink.tint40],\n  ],\n  '8': [\n    ['#9A3D0C', '#CA5010'], // [pumpkin.shade20, pumpkin.primary],\n    ['#D77440', '#DF8E64'], // [pumpkin.tint20, pumpkin.tint30],\n  ],\n  '9': [\n    ['#405F14', '#57811B'], // [lime.shade30, lime.shade20],\n    ['#73AA24', '#A4CC6C'], // [lime.primary, lime.tint30],\n  ],\n  '10': [\n    ['#6D5700', '#937700'], // [gold.shade30, gold.shade20],\n    ['#D0B232', '#DAC157'], // [gold.tint20, gold.tint30],\n  ],\n};\n\nconst semanticGradientPalette: GradientPalette = {\n  success: [\n    ['#0C5E0C', '#107C10'], // [green.shade20, green.primary],\n    ['#218C21', '#359B35'], // [green.tint10, green.tint20],\n  ],\n  highSuccess: [\n    ['#107C10', '#359B35'], // [green.primary, green.tint20],\n    ['#359B35', '#9FD89F'], // [green.tint20, green.tint40],\n  ],\n  warning: [\n    ['#DE590B', '#F7630C'], // [orange.shade10, orange.primary],\n    ['#DE590B', '#F87528'], // [orange.shade10, orange.tint10],\n  ],\n  error: [\n    ['#B10E1C', '#CC2635'], // [cranberry.shade10, cranberry.tint10],\n    ['#D33F4C', '#EEACB2'], // [cranberry.tint20, cranberry.tint40],\n  ],\n  highError: [\n    ['#6E0811', '#B10E1C'], // [cranberry.shade30, cranberry.shade10],\n    ['#D33F4C', '#DC626D'], // [cranberry.tint20, cranberry.tint30],\n  ],\n  disabled: [\n    ['#E6E6E6', '#F0F0F0'],\n    ['#E6E6E6', '#F0F0F0'],\n  ],\n};\n\nconst Gradients: { [key: string]: GradientPalette } = {\n  default: defaultGradientPalette, // base gradients\n  semantic: semanticGradientPalette, // status gradients\n  extended: extendedGradientPalette, // extended gradients\n};\n\nconst DEFAULT_COLORS = Object.values(defaultGradientPalette);\nconst TOKENS = Object.values(DataVizGradientPalette);\n\nconst getThemeSpecificGradient = (gradients: [string, string][], isDarkTheme: boolean): [string, string] => {\n  if (gradients.length === 0) {\n    return ['', ''];\n  }\n\n  const colorIdx = Number(isDarkTheme);\n\n  if (colorIdx < gradients.length) {\n    return gradients[colorIdx];\n  }\n\n  return gradients[0];\n};\n\nexport const getNextGradient = (index: number, offset: number = 0, isDarkTheme: boolean = false): [string, string] => {\n  const gradients = DEFAULT_COLORS[(index + offset) % DEFAULT_COLORS.length];\n  return getThemeSpecificGradient(gradients, isDarkTheme);\n};\n\nexport const getGradientFromToken = (token: string, isDarkTheme: boolean = false): [string, string] => {\n  if (TOKENS.indexOf(token) >= 0) {\n    const [paletteName, colorCode] = token.split('.');\n    const colors = Gradients[paletteName][colorCode];\n\n    return getThemeSpecificGradient(colors, isDarkTheme);\n  }\n  return [token, token];\n};\n"]}

package/lib-amd/utilities/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ChartHoverCard/index';
 export * from './utilities';
 export * from './colors';
+export * from './gradients';
 export * from './vbc-utils';

package/lib-amd/utilities/index.js

@@ -1,9 +1,10 @@
-define(["require", "exports", "tslib", "./ChartHoverCard/index", "./utilities", "./colors", "./vbc-utils"], function (require, exports, tslib_1, index_1, utilities_1, colors_1, vbc_utils_1) {
+define(["require", "exports", "tslib", "./ChartHoverCard/index", "./utilities", "./colors", "./gradients", "./vbc-utils"], function (require, exports, tslib_1, index_1, utilities_1, colors_1, gradients_1, vbc_utils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     tslib_1.__exportStar(index_1, exports);
     tslib_1.__exportStar(utilities_1, exports);
     tslib_1.__exportStar(colors_1, exports);
+    tslib_1.__exportStar(gradients_1, exports);
     tslib_1.__exportStar(vbc_utils_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":";;;IAAA,uCAAuC;IACvC,2CAA4B;IAC5B,wCAAyB;IACzB,2CAA4B","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\nexport * from './vbc-utils';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":";;;IAAA,uCAAuC;IACvC,2CAA4B;IAC5B,wCAAyB;IACzB,2CAA4B;IAC5B,2CAA4B","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\nexport * from './gradients';\nexport * from './vbc-utils';\n"]}

package/lib-amd/version.js

@@ -1,6 +1,6 @@
 define(["require", "exports", "@fluentui/set-version"], function (require, exports, set_version_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    (0, set_version_1.setVersion)('@fluentui/react-charting', '5.21.31');
+    (0, set_version_1.setVersion)('@fluentui/react-charting', '5.22.0');
 });
 //# sourceMappingURL=version.js.map

package/lib-amd/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;;IAGA,IAAA,wBAAU,EAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.21.31');"]}
+{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;;IAGA,IAAA,wBAAU,EAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.22.0');"]}