@fluentui/react-charting 5.18.8 → 5.18.9

package/lib-amd/components/SankeyChart/SankeyChart.types.d.ts

@@ -3,7 +3,7 @@ import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
 import { IChartProps } from '../../types/IDataPoint';
 export type { IChartProps, IDataPoint, ISankeyChartData } from '../../types/IDataPoint';
 /**
- * ISankeyChartProps for Sankeychart component.
+ * Sankey Chart properties
  * {@docCategory SankeyChart}
  */
 export interface ISankeyChartProps {
@@ -52,6 +52,10 @@ export interface ISankeyChartProps {
      */
     borderColorsForNodes?: string[];
 }
+/**
+ * Sankey Chart style properties
+ * {@docCategory SankeyChart}
+ */
 export interface ISankeyChartStyleProps {
     theme: ITheme;
     className?: string;
@@ -59,6 +63,10 @@ export interface ISankeyChartStyleProps {
     height: number;
     pathColor?: string;
 }
+/**
+ * Sankey Chart styles
+ * {@docCategory SankeyChart}
+ */
 export interface ISankeyChartStyles {
     /**
      *  Style for the root element.

package/lib-amd/components/SankeyChart/SankeyChart.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"SankeyChart.types.js","sourceRoot":"../src/","sources":["components/SankeyChart/SankeyChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IChartProps } from '../../types/IDataPoint';\n\nexport type { IChartProps, IDataPoint, ISankeyChartData } from '../../types/IDataPoint';\n\n/**\n * ISankeyChartProps for Sankeychart component.\n * {@docCategory SankeyChart}\n */\nexport interface ISankeyChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: IChartProps;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SankeyChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ISankeyChartStyleProps, ISankeyChartStyles>;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the Sankey chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * should chart resize when parent resize.\n   */\n  shouldResize?: number;\n\n  /**\n   * Color for path\n   */\n  pathColor?: string;\n\n  /**\n   * Colors for nodes\n   */\n  colorsForNodes?: string[];\n\n  /**\n   * Colors for nodes border\n   */\n  borderColorsForNodes?: string[];\n}\n\nexport interface ISankeyChartStyleProps {\n  theme: ITheme;\n  className?: string;\n  width: number;\n  height: number;\n  pathColor?: string;\n}\n\nexport interface ISankeyChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: IStyle;\n\n  /**\n   *  Style for the nodes.\n   */\n  nodes?: IStyle;\n\n  /**\n   *  Style for the links.\n   */\n  links?: IStyle;\n\n  /**\n   *  Style for the text inside node.\n   */\n  nodeTextContainer?: IStyle;\n\n  /**\n   *  Style for the tooltip ,when user hover over the truncated node detail.\n   */\n  toolTip?: IStyle;\n\n  /**\n   *  Style for the tooltip ,when user hover over the truncated node detail.\n   */\n\n  calloutContentRoot?: IStyle;\n}\n"]}
+{"version":3,"file":"SankeyChart.types.js","sourceRoot":"../src/","sources":["components/SankeyChart/SankeyChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IChartProps } from '../../types/IDataPoint';\n\nexport type { IChartProps, IDataPoint, ISankeyChartData } from '../../types/IDataPoint';\n\n/**\n * Sankey Chart properties\n * {@docCategory SankeyChart}\n */\nexport interface ISankeyChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: IChartProps;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SankeyChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ISankeyChartStyleProps, ISankeyChartStyles>;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the Sankey chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * should chart resize when parent resize.\n   */\n  shouldResize?: number;\n\n  /**\n   * Color for path\n   */\n  pathColor?: string;\n\n  /**\n   * Colors for nodes\n   */\n  colorsForNodes?: string[];\n\n  /**\n   * Colors for nodes border\n   */\n  borderColorsForNodes?: string[];\n}\n\n/**\n * Sankey Chart style properties\n * {@docCategory SankeyChart}\n */\nexport interface ISankeyChartStyleProps {\n  theme: ITheme;\n  className?: string;\n  width: number;\n  height: number;\n  pathColor?: string;\n}\n\n/**\n * Sankey Chart styles\n * {@docCategory SankeyChart}\n */\nexport interface ISankeyChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: IStyle;\n\n  /**\n   *  Style for the nodes.\n   */\n  nodes?: IStyle;\n\n  /**\n   *  Style for the links.\n   */\n  links?: IStyle;\n\n  /**\n   *  Style for the text inside node.\n   */\n  nodeTextContainer?: IStyle;\n\n  /**\n   *  Style for the tooltip ,when user hover over the truncated node detail.\n   */\n  toolTip?: IStyle;\n\n  /**\n   *  Style for the tooltip ,when user hover over the truncated node detail.\n   */\n\n  calloutContentRoot?: IStyle;\n}\n"]}

package/lib-amd/components/Sparkline/Sparkline.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ISparklineProps } from '../../index';
 /**
- * Sparkline component.
+ * Sparkline component
  * {@docCategory Sparkline}
  */
 export declare const Sparkline: React.FunctionComponent<ISparklineProps>;

package/lib-amd/components/Sparkline/Sparkline.js

@@ -4,7 +4,7 @@ define(["require", "exports", "@fluentui/react/lib/Utilities", "./Sparkline.base
     exports.Sparkline = void 0;
     // Create a Sparkline variant which uses these default styles and this styled subcomponent.
     /**
-     * Sparkline component.
+     * Sparkline component
      * {@docCategory Sparkline}
      */
     exports.Sparkline = (0, Utilities_1.styled)(Sparkline_base_1.SparklineBase, Sparkline_styles_1.getStyles);

package/lib-amd/components/Sparkline/Sparkline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.tsx"],"names":[],"mappings":";;;;IAMA,2FAA2F;IAC3F;;;OAGG;IACU,QAAA,SAAS,GAA6C,IAAA,kBAAM,EAIvE,8BAAa,EAAE,4BAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ISparklineStyles, ISparklineProps, ISparklineStyleProps } from '../../index';\nimport { SparklineBase } from './Sparkline.base';\nimport { getStyles } from './Sparkline.styles';\n\n// Create a Sparkline variant which uses these default styles and this styled subcomponent.\n/**\n * Sparkline component.\n * {@docCategory Sparkline}\n */\nexport const Sparkline: React.FunctionComponent<ISparklineProps> = styled<\n  ISparklineProps,\n  ISparklineStyleProps,\n  ISparklineStyles\n>(SparklineBase, getStyles);\n"]}
+{"version":3,"file":"Sparkline.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.tsx"],"names":[],"mappings":";;;;IAMA,2FAA2F;IAC3F;;;OAGG;IACU,QAAA,SAAS,GAA6C,IAAA,kBAAM,EAIvE,8BAAa,EAAE,4BAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ISparklineStyles, ISparklineProps, ISparklineStyleProps } from '../../index';\nimport { SparklineBase } from './Sparkline.base';\nimport { getStyles } from './Sparkline.styles';\n\n// Create a Sparkline variant which uses these default styles and this styled subcomponent.\n/**\n * Sparkline component\n * {@docCategory Sparkline}\n */\nexport const Sparkline: React.FunctionComponent<ISparklineProps> = styled<\n  ISparklineProps,\n  ISparklineStyleProps,\n  ISparklineStyles\n>(SparklineBase, getStyles);\n"]}

package/lib-amd/components/Sparkline/Sparkline.types.d.ts

@@ -5,8 +5,8 @@ import { ICartesianChartStyleProps } from '../CommonComponents/index';
 export interface ISparklineStyleProps extends ICartesianChartStyleProps {
 }
 /**
- * ISparklineProps for Sparkline component.
- * {@docCategory Sparkline}
+ * Sparkline properties
+ * {@docCategory SparklineChart}
  */
 export interface ISparklineProps {
     /**
@@ -49,6 +49,10 @@ export interface ISparklineProps {
      */
     styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;
 }
+/**
+ * Sparkline styles
+ * {@docCategory SparklineChart}
+ */
 export interface ISparklineStyles {
     inlineBlock?: IStyle;
     valueText?: IStyle;

package/lib-amd/components/Sparkline/Sparkline.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.types.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IChartProps } from '../../types/IDataPoint';\nimport { ICartesianChartStyleProps } from '../CommonComponents/index';\n\nexport interface ISparklineStyleProps extends ICartesianChartStyleProps {}\n\n/**\n * ISparklineProps for Sparkline component.\n * {@docCategory Sparkline}\n */\nexport interface ISparklineProps {\n  /**\n   * An array of chart data points for the Sparkline chart\n   */\n  data?: IChartProps;\n\n  /**\n   * Width of chart\n   * * @default 80\n   */\n  width?: number;\n\n  /**\n   * Height of chart\n   * @default 20\n   */\n  height?: number;\n\n  /**\n   * Width of value text\n   * * @default 80\n   */\n  valueTextWidth?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SparklineChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop used to determine whether to show the legend or not\n   */\n  showLegend?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;\n}\n\nexport interface ISparklineStyles {\n  inlineBlock?: IStyle;\n  valueText?: IStyle;\n}\n"]}
+{"version":3,"file":"Sparkline.types.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IChartProps } from '../../types/IDataPoint';\nimport { ICartesianChartStyleProps } from '../CommonComponents/index';\n\nexport interface ISparklineStyleProps extends ICartesianChartStyleProps {}\n\n/**\n * Sparkline properties\n * {@docCategory SparklineChart}\n */\nexport interface ISparklineProps {\n  /**\n   * An array of chart data points for the Sparkline chart\n   */\n  data?: IChartProps;\n\n  /**\n   * Width of chart\n   * * @default 80\n   */\n  width?: number;\n\n  /**\n   * Height of chart\n   * @default 20\n   */\n  height?: number;\n\n  /**\n   * Width of value text\n   * * @default 80\n   */\n  valueTextWidth?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SparklineChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop used to determine whether to show the legend or not\n   */\n  showLegend?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;\n}\n\n/**\n * Sparkline styles\n * {@docCategory SparklineChart}\n */\nexport interface ISparklineStyles {\n  inlineBlock?: IStyle;\n  valueText?: IStyle;\n}\n"]}

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IMultiStackedBarChartProps } from './MultiStackedBarChart.types';
 /**
- * MultiStackedBarchart component.
+ * MultiStackedBarchart component
  * {@docCategory MultiStackedBarChart}
  */
 export declare const MultiStackedBarChart: React.FunctionComponent<IMultiStackedBarChartProps>;

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.js

@@ -4,7 +4,7 @@ define(["require", "exports", "@fluentui/react/lib/Utilities", "./MultiStackedBa
     exports.MultiStackedBarChart = void 0;
     // Create a MultiStackedBarChart variant which uses these default styles and this styled subcomponent.
     /**
-     * MultiStackedBarchart component.
+     * MultiStackedBarchart component
      * {@docCategory MultiStackedBarChart}
      */
     exports.MultiStackedBarChart = (0, Utilities_1.styled)(MultiStackedBarChart_base_1.MultiStackedBarChartBase, MultiStackedBarChart_styles_1.getMultiStackedBarChartStyles);

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStackedBarChart.js","sourceRoot":"../src/","sources":["components/StackedBarChart/MultiStackedBarChart.tsx"],"names":[],"mappings":";;;;IAUA,sGAAsG;IACtG;;;OAGG;IACU,QAAA,oBAAoB,GAAwD,IAAA,kBAAM,EAI7F,oDAAwB,EAAE,2DAA6B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport {\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles,\n} from './MultiStackedBarChart.types';\nimport { MultiStackedBarChartBase } from './MultiStackedBarChart.base';\nimport { getMultiStackedBarChartStyles } from './MultiStackedBarChart.styles';\n\n// Create a MultiStackedBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * MultiStackedBarchart component.\n * {@docCategory MultiStackedBarChart}\n */\nexport const MultiStackedBarChart: React.FunctionComponent<IMultiStackedBarChartProps> = styled<\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles\n>(MultiStackedBarChartBase, getMultiStackedBarChartStyles);\n"]}
+{"version":3,"file":"MultiStackedBarChart.js","sourceRoot":"../src/","sources":["components/StackedBarChart/MultiStackedBarChart.tsx"],"names":[],"mappings":";;;;IAUA,sGAAsG;IACtG;;;OAGG;IACU,QAAA,oBAAoB,GAAwD,IAAA,kBAAM,EAI7F,oDAAwB,EAAE,2DAA6B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport {\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles,\n} from './MultiStackedBarChart.types';\nimport { MultiStackedBarChartBase } from './MultiStackedBarChart.base';\nimport { getMultiStackedBarChartStyles } from './MultiStackedBarChart.styles';\n\n// Create a MultiStackedBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * MultiStackedBarchart component\n * {@docCategory MultiStackedBarChart}\n */\nexport const MultiStackedBarChart: React.FunctionComponent<IMultiStackedBarChartProps> = styled<\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles\n>(MultiStackedBarChartBase, getMultiStackedBarChartStyles);\n"]}

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.types.d.ts

@@ -6,7 +6,7 @@ import { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';
 import { IFocusZoneProps } from '@fluentui/react-focus';
 import { ILegendsProps } from '../Legends/index';
 /**
- * IMultiStackedBarChartProps for MultiStackedBarchart component.
+ * Multi Stacked Bar Chart properties
  * {@docCategory MultiStackedBarChart}
  */
 export interface IMultiStackedBarChartProps {
@@ -100,6 +100,10 @@ export interface IMultiStackedBarChartProps {
      */
     hideLabels?: boolean;
 }
+/**
+ * Multi Stacked Bar Chart style properties
+ * {@docCategory MultiStackedBarChart}
+ */
 export interface IMultiStackedBarChartStyleProps {
     /**
      * Theme (provided through customization.)
@@ -138,6 +142,10 @@ export interface IMultiStackedBarChartStyleProps {
      */
     hideLabels?: boolean;
 }
+/**
+ * Multi Stacked Bar Chart styles
+ * {@docCategory MultiStackedBarChart}
+ */
 export interface IMultiStackedBarChartStyles {
     /**
      * Styling for the root container
@@ -196,6 +204,9 @@ export interface IMultiStackedBarChartStyles {
      */
     chartWrapper: IStyle;
 }
+/**
+ * {@docCategory MultiStackedBarChart}
+ */
 export declare enum MultiStackedBarChartVariant {
     PartToWhole = "part-to-whole",
     AbsoluteScale = "absolute-scale"

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.types.js

@@ -2,6 +2,9 @@ define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MultiStackedBarChartVariant = void 0;
+    /**
+     * {@docCategory MultiStackedBarChart}
+     */
     var MultiStackedBarChartVariant;
     (function (MultiStackedBarChartVariant) {
         MultiStackedBarChartVariant["PartToWhole"] = "part-to-whole";

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStackedBarChart.types.js","sourceRoot":"../src/","sources":["components/StackedBarChart/MultiStackedBarChart.types.ts"],"names":[],"mappings":";;;;IAkPA,IAAY,2BAGX;IAHD,WAAY,2BAA2B;QACrC,4DAA6B,CAAA;QAC7B,+DAAgC,CAAA;IAClC,CAAC,EAHW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAGtC","sourcesContent":["import { IChartProps, IChartDataPoint } from './index';\nimport { IStyle, ITheme } from '@fluentui/react/lib/Styling';\nimport { ICalloutProps } from '@fluentui/react/lib/Callout';\nimport { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';\nimport { IFocusZoneProps } from '@fluentui/react-focus';\nimport { ILegendsProps } from '../Legends/index';\n\n/**\n * IMultiStackedBarChartProps for MultiStackedBarchart component.\n * {@docCategory MultiStackedBarChart}\n */\nexport interface IMultiStackedBarChartProps {\n  /**\n   * An array of chart data points for the multistacked bar chart\n   */\n  data?: IChartProps[];\n\n  /**\n   * Width of bar chart\n   */\n  width?: number;\n\n  /**\n   * Height of bar chart\n   * @default 15\n   */\n  barHeight?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * This property tells whether to show ratio on top of stacked bar chart or not.\n   * This property is applicable only if there are 1 or 2 datapoints.\n   */\n  hideRatio?: boolean[];\n\n  /**\n   * Do not show the legend at the bottom of chart\n   *\n   * @default false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   *\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IMultiStackedBarChartStyleProps, IMultiStackedBarChartStyles>;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  /**\n   * If this value is set to true the denominator will not be shown for the ratio above the chart\n   * This prop is applicable only if hide ratio is false and there are exactly 2 datapoints.\n   */\n  hideDenominator?: boolean[];\n\n  /**\n   * overflow props for legend\n   */\n  legendsOverflowProps?: Partial<IOverflowSetProps>;\n\n  /**\n   * text for overflow legends string\n   */\n  legendsOverflowText?: string;\n\n  /**\n   * focus zone props in hover card for legends\n   */\n  focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;\n\n  /**\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<ILegendsProps>;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: Partial<ICalloutProps>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop to define the variant of MultiStackedBarChart to render\n   * @default MultiStackedBarChartVariant.PartToWhole\n   */\n  variant?: MultiStackedBarChartVariant;\n\n  /**\n   * Prop to hide the bar labels\n   * @default false\n   */\n  hideLabels?: boolean;\n}\n\nexport interface IMultiStackedBarChartStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * barHeight for each chart\n   */\n  barHeight?: number;\n\n  /**\n   * color of the datapoint legend\n   */\n  legendColor?: string;\n\n  /**\n   * prop to check if the chart is selcted or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check to decide cursor type\n   */\n  href?: string;\n\n  /**\n   * Prop to define the variant of MultiStackedBarChart to render\n   */\n  variant?: MultiStackedBarChartVariant;\n\n  /**\n   * Prop to hide the bar labels\n   */\n  hideLabels?: boolean;\n}\n\nexport interface IMultiStackedBarChartStyles {\n  /**\n   * Styling for the root container\n   */\n  root: IStyle;\n\n  /**\n   * Styling for the root container of each chart in the multistacked bar chart\n   */\n  singleChartRoot: IStyle;\n\n  /**\n   * Styling for each item in the container\n   */\n  items: IStyle;\n\n  /**\n   * Styling for each svg in the multistacked bar chart\n   */\n  chart: IStyle;\n\n  /**\n   * Styling for chart title of the stacked bar chart\n   */\n  chartTitle: IStyle;\n\n  /**\n   * Style for left side text of the chart title\n   */\n  chartTitleLeft: IStyle;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: IStyle;\n\n  /**\n   * Style for the chart ratio numerator\n   */\n  ratioNumerator: IStyle;\n\n  /**\n   * Style for the chart ratio denominator\n   */\n  ratioDenominator: IStyle;\n\n  /**\n   * Style to change the opacity of placeholder data point when we hover a single bar or legend\n   */\n  placeHolderOnHover: IStyle;\n\n  /**\n   * Style for the legends container\n   */\n  legendContainer: IStyle;\n\n  /**\n   * Style for stacked bar chart with no data\n   */\n  noData: IStyle;\n\n  /**\n   * Style for the bar labels\n   */\n  barLabel: IStyle;\n\n  /**\n   * Style for the div containing the chart\n   */\n  chartWrapper: IStyle;\n}\n\nexport enum MultiStackedBarChartVariant {\n  PartToWhole = 'part-to-whole',\n  AbsoluteScale = 'absolute-scale',\n}\n"]}
+{"version":3,"file":"MultiStackedBarChart.types.js","sourceRoot":"../src/","sources":["components/StackedBarChart/MultiStackedBarChart.types.ts"],"names":[],"mappings":";;;;IA0PA;;OAEG;IACH,IAAY,2BAGX;IAHD,WAAY,2BAA2B;QACrC,4DAA6B,CAAA;QAC7B,+DAAgC,CAAA;IAClC,CAAC,EAHW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAGtC","sourcesContent":["import { IChartProps, IChartDataPoint } from './index';\nimport { IStyle, ITheme } from '@fluentui/react/lib/Styling';\nimport { ICalloutProps } from '@fluentui/react/lib/Callout';\nimport { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';\nimport { IFocusZoneProps } from '@fluentui/react-focus';\nimport { ILegendsProps } from '../Legends/index';\n\n/**\n * Multi Stacked Bar Chart properties\n * {@docCategory MultiStackedBarChart}\n */\nexport interface IMultiStackedBarChartProps {\n  /**\n   * An array of chart data points for the multistacked bar chart\n   */\n  data?: IChartProps[];\n\n  /**\n   * Width of bar chart\n   */\n  width?: number;\n\n  /**\n   * Height of bar chart\n   * @default 15\n   */\n  barHeight?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * This property tells whether to show ratio on top of stacked bar chart or not.\n   * This property is applicable only if there are 1 or 2 datapoints.\n   */\n  hideRatio?: boolean[];\n\n  /**\n   * Do not show the legend at the bottom of chart\n   *\n   * @default false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   *\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IMultiStackedBarChartStyleProps, IMultiStackedBarChartStyles>;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  /**\n   * If this value is set to true the denominator will not be shown for the ratio above the chart\n   * This prop is applicable only if hide ratio is false and there are exactly 2 datapoints.\n   */\n  hideDenominator?: boolean[];\n\n  /**\n   * overflow props for legend\n   */\n  legendsOverflowProps?: Partial<IOverflowSetProps>;\n\n  /**\n   * text for overflow legends string\n   */\n  legendsOverflowText?: string;\n\n  /**\n   * focus zone props in hover card for legends\n   */\n  focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;\n\n  /**\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<ILegendsProps>;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: Partial<ICalloutProps>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop to define the variant of MultiStackedBarChart to render\n   * @default MultiStackedBarChartVariant.PartToWhole\n   */\n  variant?: MultiStackedBarChartVariant;\n\n  /**\n   * Prop to hide the bar labels\n   * @default false\n   */\n  hideLabels?: boolean;\n}\n\n/**\n * Multi Stacked Bar Chart style properties\n * {@docCategory MultiStackedBarChart}\n */\nexport interface IMultiStackedBarChartStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * barHeight for each chart\n   */\n  barHeight?: number;\n\n  /**\n   * color of the datapoint legend\n   */\n  legendColor?: string;\n\n  /**\n   * prop to check if the chart is selcted or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check to decide cursor type\n   */\n  href?: string;\n\n  /**\n   * Prop to define the variant of MultiStackedBarChart to render\n   */\n  variant?: MultiStackedBarChartVariant;\n\n  /**\n   * Prop to hide the bar labels\n   */\n  hideLabels?: boolean;\n}\n\n/**\n * Multi Stacked Bar Chart styles\n * {@docCategory MultiStackedBarChart}\n */\nexport interface IMultiStackedBarChartStyles {\n  /**\n   * Styling for the root container\n   */\n  root: IStyle;\n\n  /**\n   * Styling for the root container of each chart in the multistacked bar chart\n   */\n  singleChartRoot: IStyle;\n\n  /**\n   * Styling for each item in the container\n   */\n  items: IStyle;\n\n  /**\n   * Styling for each svg in the multistacked bar chart\n   */\n  chart: IStyle;\n\n  /**\n   * Styling for chart title of the stacked bar chart\n   */\n  chartTitle: IStyle;\n\n  /**\n   * Style for left side text of the chart title\n   */\n  chartTitleLeft: IStyle;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: IStyle;\n\n  /**\n   * Style for the chart ratio numerator\n   */\n  ratioNumerator: IStyle;\n\n  /**\n   * Style for the chart ratio denominator\n   */\n  ratioDenominator: IStyle;\n\n  /**\n   * Style to change the opacity of placeholder data point when we hover a single bar or legend\n   */\n  placeHolderOnHover: IStyle;\n\n  /**\n   * Style for the legends container\n   */\n  legendContainer: IStyle;\n\n  /**\n   * Style for stacked bar chart with no data\n   */\n  noData: IStyle;\n\n  /**\n   * Style for the bar labels\n   */\n  barLabel: IStyle;\n\n  /**\n   * Style for the div containing the chart\n   */\n  chartWrapper: IStyle;\n}\n\n/**\n * {@docCategory MultiStackedBarChart}\n */\nexport enum MultiStackedBarChartVariant {\n  PartToWhole = 'part-to-whole',\n  AbsoluteScale = 'absolute-scale',\n}\n"]}

package/lib-amd/components/StackedBarChart/StackedBarChart.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStackedBarChartProps } from './StackedBarChart.types';
 /**
- * StackedBarchart component.
+ * StackedBarchart component
  * {@docCategory StackedBarChart}
  */
 export declare const StackedBarChart: React.FunctionComponent<IStackedBarChartProps>;

package/lib-amd/components/StackedBarChart/StackedBarChart.js

@@ -4,7 +4,7 @@ define(["require", "exports", "@fluentui/react/lib/Utilities", "./StackedBarChar
     exports.StackedBarChart = void 0;
     // Create a StackedBarChart variant which uses these default styles and this styled subcomponent.
     /**
-     * StackedBarchart component.
+     * StackedBarchart component
      * {@docCategory StackedBarChart}
      */
     exports.StackedBarChart = (0, Utilities_1.styled)(StackedBarChart_base_1.StackedBarChartBase, StackedBarChart_styles_1.getStyles);

package/lib-amd/components/StackedBarChart/StackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.js","sourceRoot":"../src/","sources":["components/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":";;;;IAMA,iGAAiG;IACjG;;;OAGG;IACU,QAAA,eAAe,GAAmD,IAAA,kBAAM,EAInF,0CAAmB,EAAE,kCAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { IStackedBarChartProps, IStackedBarChartStyleProps, IStackedBarChartStyles } from './StackedBarChart.types';\nimport { StackedBarChartBase } from './StackedBarChart.base';\nimport { getStyles } from './StackedBarChart.styles';\n\n// Create a StackedBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * StackedBarchart component.\n * {@docCategory StackedBarChart}\n */\nexport const StackedBarChart: React.FunctionComponent<IStackedBarChartProps> = styled<\n  IStackedBarChartProps,\n  IStackedBarChartStyleProps,\n  IStackedBarChartStyles\n>(StackedBarChartBase, getStyles);\n"]}
+{"version":3,"file":"StackedBarChart.js","sourceRoot":"../src/","sources":["components/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":";;;;IAMA,iGAAiG;IACjG;;;OAGG;IACU,QAAA,eAAe,GAAmD,IAAA,kBAAM,EAInF,0CAAmB,EAAE,kCAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { IStackedBarChartProps, IStackedBarChartStyleProps, IStackedBarChartStyles } from './StackedBarChart.types';\nimport { StackedBarChartBase } from './StackedBarChart.base';\nimport { getStyles } from './StackedBarChart.styles';\n\n// Create a StackedBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * StackedBarchart component\n * {@docCategory StackedBarChart}\n */\nexport const StackedBarChart: React.FunctionComponent<IStackedBarChartProps> = styled<\n  IStackedBarChartProps,\n  IStackedBarChartStyleProps,\n  IStackedBarChartStyles\n>(StackedBarChartBase, getStyles);\n"]}

package/lib-amd/components/StackedBarChart/StackedBarChart.types.d.ts

@@ -8,7 +8,7 @@ export interface IStackedBarChart {
 }
 import { IChartProps, IChartDataPoint } from './index';
 /**
- * IStackedBarChartProps for StackedBarchart component.
+ * Stacked Bar Chart properties
  * {@docCategory StackedBarChart}
  */
 export interface IStackedBarChartProps {
@@ -112,6 +112,10 @@ export interface IStackedBarChartProps {
      */
     culture?: string;
 }
+/**
+ * Stacked Bar Chart style properties
+ * {@docCategory StackedBarChart}
+ */
 export interface IStackedBarChartStyleProps {
     /**
      * Theme (provided through customization.)
@@ -166,6 +170,10 @@ export interface IStackedBarChartStyleProps {
      */
     showTriangle?: boolean;
 }
+/**
+ * Stacked Bar Chart styles
+ * {@docCategory StackedBarChart}
+ */
 export interface IStackedBarChartStyles {
     /**
      *  Style for the root element.

package/lib-amd/components/StackedBarChart/StackedBarChart.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.types.js","sourceRoot":"../src/","sources":["components/StackedBarChart/StackedBarChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { ICalloutProps } from '@fluentui/react/lib/Callout';\nimport { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';\nimport { IFocusZoneProps } from '@fluentui/react-focus';\nimport { ILegendsProps } from '../Legends/index';\n\nexport interface IStackedBarChart {}\nimport { IChartProps, IChartDataPoint } from './index';\n\n/**\n * IStackedBarChartProps for StackedBarchart component.\n * {@docCategory StackedBarChart}\n */\nexport interface IStackedBarChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: IChartProps;\n\n  /**\n   * Benchmark Data to render in the chart.\n   */\n  benchmarkData?: IChartDataPoint;\n\n  /**\n   * Target Data to render in the chart.\n   */\n  targetData?: IChartDataPoint;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of each bar in the chart.\n   */\n  barHeight?: number;\n\n  /**\n   * Do not show the legend at the bottom of chart\n   * when there are more than two datapoints\n   *\n   * @default false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show number/ratio on top of bar\n   *\n   * @default false\n   */\n  hideNumberDisplay?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   *\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IStackedBarChartStyleProps, IStackedBarChartStyles>;\n\n  /**\n   * Color setting of bar background color, this will show while all data points value is 0\n   */\n  barBackgroundColor?: string;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  /**\n   * If this value is set, the fixed display pattern for less than 2 data points chart will be ignore\n   */\n  ignoreFixStyle?: boolean;\n\n  /**\n   * If this value is set to true the denominator will not be shown for the ratio above the chart\n   */\n  hideDenominator?: boolean;\n\n  /**\n   * Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n   */\n  enabledLegendsWrapLines?: boolean;\n\n  /**\n   * overflow props for the legend\n   */\n  legendsOverflowProps?: Partial<IOverflowSetProps>;\n\n  /**\n   * text for overflow legends string\n   */\n  legendsOverflowText?: string;\n\n  /**\n   * focus zone props in hover card for legends\n   */\n  focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;\n\n  /**\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<ILegendsProps>;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: Partial<ICalloutProps>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n}\n\nexport interface IStackedBarChartStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of bar in the chart.\n   */\n  barHeight?: number;\n\n  /**\n   * prop to show data of the chart with appropriate legend color\n   */\n  legendColor?: string;\n\n  /**\n   * prop to check if the chart is selcted or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check which specific section of the stacked bar chart is selected or hovered upon\n   */\n  isChartSelected?: boolean;\n\n  /**\n   * prop to check to decide cursor type\n   */\n  href?: string;\n\n  /**\n   * the color for the benchmark triangle\n   */\n  benchmarkColor?: string;\n\n  /**\n   * the ratio position for the benchmark triangle\n   */\n  benchmarkRatio?: number;\n\n  /**\n   * the color for the target triangle\n   */\n  targetColor?: string;\n\n  /**\n   * the ratio position for the target triangle\n   */\n  targetRatio?: number;\n\n  /**\n   * prop to check if benchmark data or target data is provided\n   */\n  showTriangle?: boolean;\n}\n\nexport interface IStackedBarChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root: IStyle;\n\n  /**\n   * Style for the chart.\n   */\n  chart: IStyle;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle: IStyle;\n\n  /**\n   * Style for left side text of the chart title\n   */\n  chartTitleLeft: IStyle;\n\n  /**\n   * Style for the legend container div\n   */\n  legendContainer: IStyle;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: IStyle;\n\n  /**\n   * Style for the chart ratio numerator\n   */\n  ratioNumerator: IStyle;\n\n  /**\n   * Style for the chart ratio denominator\n   */\n  ratioDenominator: IStyle;\n\n  /**\n   * Style for the benchmark container\n   */\n  benchmarkContainer: IStyle;\n\n  /**\n   * Style for the benchmark triangle\n   */\n  benchmark: IStyle;\n\n  /**\n   * Style for the target triangle\n   */\n  target: IStyle;\n}\n"]}
+{"version":3,"file":"StackedBarChart.types.js","sourceRoot":"../src/","sources":["components/StackedBarChart/StackedBarChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { ICalloutProps } from '@fluentui/react/lib/Callout';\nimport { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';\nimport { IFocusZoneProps } from '@fluentui/react-focus';\nimport { ILegendsProps } from '../Legends/index';\n\nexport interface IStackedBarChart {}\nimport { IChartProps, IChartDataPoint } from './index';\n\n/**\n * Stacked Bar Chart properties\n * {@docCategory StackedBarChart}\n */\nexport interface IStackedBarChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: IChartProps;\n\n  /**\n   * Benchmark Data to render in the chart.\n   */\n  benchmarkData?: IChartDataPoint;\n\n  /**\n   * Target Data to render in the chart.\n   */\n  targetData?: IChartDataPoint;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of each bar in the chart.\n   */\n  barHeight?: number;\n\n  /**\n   * Do not show the legend at the bottom of chart\n   * when there are more than two datapoints\n   *\n   * @default false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show number/ratio on top of bar\n   *\n   * @default false\n   */\n  hideNumberDisplay?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   *\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IStackedBarChartStyleProps, IStackedBarChartStyles>;\n\n  /**\n   * Color setting of bar background color, this will show while all data points value is 0\n   */\n  barBackgroundColor?: string;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  /**\n   * If this value is set, the fixed display pattern for less than 2 data points chart will be ignore\n   */\n  ignoreFixStyle?: boolean;\n\n  /**\n   * If this value is set to true the denominator will not be shown for the ratio above the chart\n   */\n  hideDenominator?: boolean;\n\n  /**\n   * Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n   */\n  enabledLegendsWrapLines?: boolean;\n\n  /**\n   * overflow props for the legend\n   */\n  legendsOverflowProps?: Partial<IOverflowSetProps>;\n\n  /**\n   * text for overflow legends string\n   */\n  legendsOverflowText?: string;\n\n  /**\n   * focus zone props in hover card for legends\n   */\n  focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;\n\n  /**\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<ILegendsProps>;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: Partial<ICalloutProps>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n}\n\n/**\n * Stacked Bar Chart style properties\n * {@docCategory StackedBarChart}\n */\nexport interface IStackedBarChartStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of bar in the chart.\n   */\n  barHeight?: number;\n\n  /**\n   * prop to show data of the chart with appropriate legend color\n   */\n  legendColor?: string;\n\n  /**\n   * prop to check if the chart is selcted or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check which specific section of the stacked bar chart is selected or hovered upon\n   */\n  isChartSelected?: boolean;\n\n  /**\n   * prop to check to decide cursor type\n   */\n  href?: string;\n\n  /**\n   * the color for the benchmark triangle\n   */\n  benchmarkColor?: string;\n\n  /**\n   * the ratio position for the benchmark triangle\n   */\n  benchmarkRatio?: number;\n\n  /**\n   * the color for the target triangle\n   */\n  targetColor?: string;\n\n  /**\n   * the ratio position for the target triangle\n   */\n  targetRatio?: number;\n\n  /**\n   * prop to check if benchmark data or target data is provided\n   */\n  showTriangle?: boolean;\n}\n\n/**\n * Stacked Bar Chart styles\n * {@docCategory StackedBarChart}\n */\nexport interface IStackedBarChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root: IStyle;\n\n  /**\n   * Style for the chart.\n   */\n  chart: IStyle;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle: IStyle;\n\n  /**\n   * Style for left side text of the chart title\n   */\n  chartTitleLeft: IStyle;\n\n  /**\n   * Style for the legend container div\n   */\n  legendContainer: IStyle;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: IStyle;\n\n  /**\n   * Style for the chart ratio numerator\n   */\n  ratioNumerator: IStyle;\n\n  /**\n   * Style for the chart ratio denominator\n   */\n  ratioDenominator: IStyle;\n\n  /**\n   * Style for the benchmark container\n   */\n  benchmarkContainer: IStyle;\n\n  /**\n   * Style for the benchmark triangle\n   */\n  benchmark: IStyle;\n\n  /**\n   * Style for the target triangle\n   */\n  target: IStyle;\n}\n"]}

package/lib-amd/components/TreeChart/TreeChart.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ITreeProps } from './TreeChart.types';
 /**
- * Treechart component.
+ * Treechart component
  * {@docCategory TreeChart}
  */
 export declare const TreeChart: React.FunctionComponent<ITreeProps>;

package/lib-amd/components/TreeChart/TreeChart.js

@@ -3,7 +3,7 @@ define(["require", "exports", "@fluentui/react/lib/Utilities", "./TreeChart.base
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TreeChart = void 0;
     /**
-     * Treechart component.
+     * Treechart component
      * {@docCategory TreeChart}
      */
     exports.TreeChart = (0, Utilities_1.styled)(TreeChart_base_1.TreeChartBase, TreeChart_styles_1.getStyles);

package/lib-amd/components/TreeChart/TreeChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeChart.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.tsx"],"names":[],"mappings":";;;;IAMA;;;OAGG;IACU,QAAA,SAAS,GAAwC,IAAA,kBAAM,EAClE,8BAAa,EACb,4BAAS,CACV,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ITreeStyles, ITreeProps, ITreeStyleProps } from './TreeChart.types';\nimport { TreeChartBase } from './TreeChart.base';\nimport { getStyles } from './TreeChart.styles';\n\n/**\n * Treechart component.\n * {@docCategory TreeChart}\n */\nexport const TreeChart: React.FunctionComponent<ITreeProps> = styled<ITreeProps, ITreeStyleProps, ITreeStyles>(\n  TreeChartBase,\n  getStyles,\n);\n"]}
+{"version":3,"file":"TreeChart.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.tsx"],"names":[],"mappings":";;;;IAMA;;;OAGG;IACU,QAAA,SAAS,GAAwC,IAAA,kBAAM,EAClE,8BAAa,EACb,4BAAS,CACV,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ITreeStyles, ITreeProps, ITreeStyleProps } from './TreeChart.types';\nimport { TreeChartBase } from './TreeChart.base';\nimport { getStyles } from './TreeChart.styles';\n\n/**\n * Treechart component\n * {@docCategory TreeChart}\n */\nexport const TreeChart: React.FunctionComponent<ITreeProps> = styled<ITreeProps, ITreeStyleProps, ITreeStyles>(\n  TreeChartBase,\n  getStyles,\n);\n"]}

package/lib-amd/components/TreeChart/TreeChart.types.d.ts

@@ -2,7 +2,6 @@ import { IStyle, ITheme } from '@fluentui/react/lib/Styling';
 import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
 import { IMargins } from '../../types/index';
 /**
- * ITreeChartDataPoint interface for Treechart component.
  * {@docCategory TreeChart}
  */
 export interface ITreeChartDataPoint {
@@ -31,6 +30,9 @@ export interface ITreeChartDataPoint {
      */
     children?: Array<ITreeChartDataPoint>;
 }
+/**
+ * {@docCategory TreeChart}
+ */
 export declare enum NodesComposition {
     /**
      * NodeComposition enum val for long: number = 1
@@ -41,6 +43,9 @@ export declare enum NodesComposition {
      */
     compact = 0
 }
+/**
+ * {@docCategory TreeChart}
+ */
 export declare enum TreeTraverse {
     /**
      * TreeTraverse enum val for preOrder: number = 1
@@ -51,6 +56,10 @@ export declare enum TreeTraverse {
      */
     levelOrder = 0
 }
+/**
+ * Tree Chart properties
+ * {@docCategory TreeChart}
+ */
 export interface ITreeProps {
     /**
      * An object of chart data points for the Tree chart
@@ -157,6 +166,10 @@ export interface ITreeDataStructure {
      */
     parentID: number;
 }
+/**
+ * Tree Chart style properties
+ * {@docCategory TreeChart}
+ */
 export interface ITreeStyleProps {
     /**
      * Theme (provided through customization.)
@@ -167,6 +180,10 @@ export interface ITreeStyleProps {
      */
     className?: string;
 }
+/**
+ * Tree Chart styles
+ * {@docCategory TreeChart}
+ */
 export interface ITreeStyles {
     /**
      *  Style for the root element.

package/lib-amd/components/TreeChart/TreeChart.types.js

@@ -2,6 +2,9 @@ define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TreeTraverse = exports.NodesComposition = void 0;
+    /**
+     * {@docCategory TreeChart}
+     */
     var NodesComposition;
     (function (NodesComposition) {
         /**
@@ -13,6 +16,9 @@ define(["require", "exports"], function (require, exports) {
          */
         NodesComposition[NodesComposition["compact"] = 0] = "compact";
     })(NodesComposition = exports.NodesComposition || (exports.NodesComposition = {}));
+    /**
+     * {@docCategory TreeChart}
+     */
     var TreeTraverse;
     (function (TreeTraverse) {
         /**

package/lib-amd/components/TreeChart/TreeChart.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeChart.types.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.types.ts"],"names":[],"mappings":";;;;IAmCA,IAAY,gBASX;IATD,WAAY,gBAAgB;QAC1B;;WAEG;QACH,uDAAQ,CAAA;QACR;;WAEG;QACH,6DAAW,CAAA;IACb,CAAC,EATW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAS3B;IAED,IAAY,YASX;IATD,WAAY,YAAY;QACtB;;WAEG;QACH,uDAAY,CAAA;QACZ;;WAEG;QACH,2DAAc,CAAA;IAChB,CAAC,EATW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QASvB","sourcesContent":["import { IStyle, ITheme } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IMargins } from '../../types/index';\n\n/**\n * ITreeChartDataPoint interface for Treechart component.\n * {@docCategory TreeChart}\n */\nexport interface ITreeChartDataPoint {\n  /**\n   * Node main text\n   */\n  name: string;\n  /**\n   * Subtext value (optional)\n   */\n  subname?: string;\n  /**\n   * Bodytext value (optional)\n   */\n  bodytext?: string;\n  /**\n   * Metric text value (optional)\n   */\n  metric?: string;\n  /**\n   * Color of the rectangular box\n   */\n  fill: string;\n  /**\n   * Recursive datastructure for child node object\n   */\n  children?: Array<ITreeChartDataPoint>;\n}\n\nexport enum NodesComposition {\n  /**\n   * NodeComposition enum val for long: number = 1\n   */\n  long = 1,\n  /**\n   * NodeComposition enum val for compact: number = 0\n   */\n  compact = 0,\n}\n\nexport enum TreeTraverse {\n  /**\n   * TreeTraverse enum val for preOrder: number = 1\n   */\n  preOrder = 1,\n  /**\n   * TreeTraverse enum val for levelOrder: number = 0\n   */\n  levelOrder = 0,\n}\n\nexport interface ITreeProps {\n  /**\n   * An object of chart data points for the Tree chart\n   */\n  treeData: ITreeChartDataPoint;\n  /**\n   * compostion for three layer chart, long: composition = 1; compact: composition = 0\n   */\n  composition?: NodesComposition.long | NodesComposition.compact;\n  /**\n   * Node Width Size for the Tree Layout\n   * * @default 75\n   */\n  layoutWidth?: number;\n  /**\n   * traversal order for tree chart, preOrder = 1, levelOrder = 0\n   */\n  treeTraversal?: TreeTraverse.preOrder | TreeTraverse.levelOrder;\n  /**\n   * Width of SVG tree chart\n   * * @default 1500\n   */\n  width?: number;\n  /**\n   * Height of SVG tree chart\n   * * @default 700\n   */\n  height?: number;\n\n  /**\n   * Margins for the chart\n   * @default `{ top: 30, bottom: 30, left: 50, right: 20 }`\n   * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values\n   */\n  margins?: IMargins;\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ITreeStyleProps, ITreeStyles>;\n  /**\n   * Additional CSS class(es) to apply to the TreeChart.\n   */\n  className?: string;\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n}\nexport interface ITreeState {\n  /**\n   * Width of SVG tree chart\n   * * @default 1500\n   */\n  _width: number;\n  /**\n   * Height of SVG tree chart\n   * * @default 700\n   */\n  _height: number;\n  /**\n   * Layout Width of SVG tree chart\n   * * @default 75\n   */\n  _layoutWidth?: number;\n}\n\nexport interface ITreeDataStructure {\n  /**\n   * Node id of each node\n   */\n  id: number;\n  /**\n   * Children node object\n   */\n  children: Array<ITreeDataStructure>;\n  /**\n   * Node main text\n   */\n  dataName: string;\n  /**\n   * Subtext value (optional)\n   */\n  subName?: string;\n  /**\n   * Bodytext value (optional)\n   */\n  bodyText?: string;\n  /**\n   * Metric text value (optional)\n   */\n  metricName?: string;\n  /**\n   * Color of the rectangular box\n   */\n  fill: string;\n  /**\n   * X-coordindate of node\n   */\n  x: number;\n  /**\n   * Y-coordindate of node\n   */\n  y: number;\n  /**\n   * Node id of each node's parent\n   */\n  parentID: number;\n}\n\nexport interface ITreeStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n  /**\n   * Additional CSS class(es) to apply to the TreeChart.\n   */\n  className?: string;\n}\nexport interface ITreeStyles {\n  /**\n   *  Style for the root element.\n   */\n  root: IStyle;\n  /**\n   *  Style for the Link/Path element.\n   */\n  link: IStyle;\n  /**\n   *  Style for rectangular Node\n   */\n  rectNode: IStyle;\n  /**\n   *  Style for the node main Text\n   */\n  rectText: IStyle;\n  /**\n   *  Style for the node sub Text\n   */\n  rectSubText: IStyle;\n  /**\n   *  Style for the node body Text\n   */\n  rectBodyText: IStyle;\n  /**\n   *  Style for the node metric value Text\n   */\n  rectMetricText: IStyle;\n}\n"]}
+{"version":3,"file":"TreeChart.types.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.types.ts"],"names":[],"mappings":";;;;IAkCA;;OAEG;IACH,IAAY,gBASX;IATD,WAAY,gBAAgB;QAC1B;;WAEG;QACH,uDAAQ,CAAA;QACR;;WAEG;QACH,6DAAW,CAAA;IACb,CAAC,EATW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAS3B;IAED;;OAEG;IACH,IAAY,YASX;IATD,WAAY,YAAY;QACtB;;WAEG;QACH,uDAAY,CAAA;QACZ;;WAEG;QACH,2DAAc,CAAA;IAChB,CAAC,EATW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QASvB","sourcesContent":["import { IStyle, ITheme } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IMargins } from '../../types/index';\n\n/**\n * {@docCategory TreeChart}\n */\nexport interface ITreeChartDataPoint {\n  /**\n   * Node main text\n   */\n  name: string;\n  /**\n   * Subtext value (optional)\n   */\n  subname?: string;\n  /**\n   * Bodytext value (optional)\n   */\n  bodytext?: string;\n  /**\n   * Metric text value (optional)\n   */\n  metric?: string;\n  /**\n   * Color of the rectangular box\n   */\n  fill: string;\n  /**\n   * Recursive datastructure for child node object\n   */\n  children?: Array<ITreeChartDataPoint>;\n}\n\n/**\n * {@docCategory TreeChart}\n */\nexport enum NodesComposition {\n  /**\n   * NodeComposition enum val for long: number = 1\n   */\n  long = 1,\n  /**\n   * NodeComposition enum val for compact: number = 0\n   */\n  compact = 0,\n}\n\n/**\n * {@docCategory TreeChart}\n */\nexport enum TreeTraverse {\n  /**\n   * TreeTraverse enum val for preOrder: number = 1\n   */\n  preOrder = 1,\n  /**\n   * TreeTraverse enum val for levelOrder: number = 0\n   */\n  levelOrder = 0,\n}\n\n/**\n * Tree Chart properties\n * {@docCategory TreeChart}\n */\nexport interface ITreeProps {\n  /**\n   * An object of chart data points for the Tree chart\n   */\n  treeData: ITreeChartDataPoint;\n  /**\n   * compostion for three layer chart, long: composition = 1; compact: composition = 0\n   */\n  composition?: NodesComposition.long | NodesComposition.compact;\n  /**\n   * Node Width Size for the Tree Layout\n   * * @default 75\n   */\n  layoutWidth?: number;\n  /**\n   * traversal order for tree chart, preOrder = 1, levelOrder = 0\n   */\n  treeTraversal?: TreeTraverse.preOrder | TreeTraverse.levelOrder;\n  /**\n   * Width of SVG tree chart\n   * * @default 1500\n   */\n  width?: number;\n  /**\n   * Height of SVG tree chart\n   * * @default 700\n   */\n  height?: number;\n\n  /**\n   * Margins for the chart\n   * @default `{ top: 30, bottom: 30, left: 50, right: 20 }`\n   * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values\n   */\n  margins?: IMargins;\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ITreeStyleProps, ITreeStyles>;\n  /**\n   * Additional CSS class(es) to apply to the TreeChart.\n   */\n  className?: string;\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n}\n\nexport interface ITreeState {\n  /**\n   * Width of SVG tree chart\n   * * @default 1500\n   */\n  _width: number;\n  /**\n   * Height of SVG tree chart\n   * * @default 700\n   */\n  _height: number;\n  /**\n   * Layout Width of SVG tree chart\n   * * @default 75\n   */\n  _layoutWidth?: number;\n}\n\nexport interface ITreeDataStructure {\n  /**\n   * Node id of each node\n   */\n  id: number;\n  /**\n   * Children node object\n   */\n  children: Array<ITreeDataStructure>;\n  /**\n   * Node main text\n   */\n  dataName: string;\n  /**\n   * Subtext value (optional)\n   */\n  subName?: string;\n  /**\n   * Bodytext value (optional)\n   */\n  bodyText?: string;\n  /**\n   * Metric text value (optional)\n   */\n  metricName?: string;\n  /**\n   * Color of the rectangular box\n   */\n  fill: string;\n  /**\n   * X-coordindate of node\n   */\n  x: number;\n  /**\n   * Y-coordindate of node\n   */\n  y: number;\n  /**\n   * Node id of each node's parent\n   */\n  parentID: number;\n}\n\n/**\n * Tree Chart style properties\n * {@docCategory TreeChart}\n */\nexport interface ITreeStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n  /**\n   * Additional CSS class(es) to apply to the TreeChart.\n   */\n  className?: string;\n}\n\n/**\n * Tree Chart styles\n * {@docCategory TreeChart}\n */\nexport interface ITreeStyles {\n  /**\n   *  Style for the root element.\n   */\n  root: IStyle;\n  /**\n   *  Style for the Link/Path element.\n   */\n  link: IStyle;\n  /**\n   *  Style for rectangular Node\n   */\n  rectNode: IStyle;\n  /**\n   *  Style for the node main Text\n   */\n  rectText: IStyle;\n  /**\n   *  Style for the node sub Text\n   */\n  rectSubText: IStyle;\n  /**\n   *  Style for the node body Text\n   */\n  rectBodyText: IStyle;\n  /**\n   *  Style for the node metric value Text\n   */\n  rectMetricText: IStyle;\n}\n"]}

package/lib-amd/components/VerticalBarChart/VerticalBarChart.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IVerticalBarChartProps } from '../../index';
 /**
- * VerticalBarchart component.
+ * VerticalBarchart component
  * {@docCategory VerticalBarChart}
  */
 export declare const VerticalBarChart: React.FunctionComponent<IVerticalBarChartProps>;

package/lib-amd/components/VerticalBarChart/VerticalBarChart.js

@@ -4,7 +4,7 @@ define(["require", "exports", "../../Utilities", "./VerticalBarChart.base", "./V
     exports.VerticalBarChart = void 0;
     // Create a VerticalBarChart variant which uses these default styles and this styled subcomponent.
     /**
-     * VerticalBarchart component.
+     * VerticalBarchart component
      * {@docCategory VerticalBarChart}
      */
     exports.VerticalBarChart = (0, Utilities_1.styled)(VerticalBarChart_base_1.VerticalBarChartBase, VerticalBarChart_styles_1.getStyles);

package/lib-amd/components/VerticalBarChart/VerticalBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalBarChart.js","sourceRoot":"../src/","sources":["components/VerticalBarChart/VerticalBarChart.tsx"],"names":[],"mappings":";;;;IAMA,kGAAkG;IAClG;;;OAGG;IACU,QAAA,gBAAgB,GAAoD,IAAA,kBAAM,EAIrF,4CAAoB,EAAE,mCAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { IVerticalBarChartProps, IVerticalBarChartStyleProps, IVerticalBarChartStyles } from '../../index';\nimport { VerticalBarChartBase } from './VerticalBarChart.base';\nimport { getStyles } from './VerticalBarChart.styles';\n\n// Create a VerticalBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * VerticalBarchart component.\n * {@docCategory VerticalBarChart}\n */\nexport const VerticalBarChart: React.FunctionComponent<IVerticalBarChartProps> = styled<\n  IVerticalBarChartProps,\n  IVerticalBarChartStyleProps,\n  IVerticalBarChartStyles\n>(VerticalBarChartBase, getStyles);\n"]}
+{"version":3,"file":"VerticalBarChart.js","sourceRoot":"../src/","sources":["components/VerticalBarChart/VerticalBarChart.tsx"],"names":[],"mappings":";;;;IAMA,kGAAkG;IAClG;;;OAGG;IACU,QAAA,gBAAgB,GAAoD,IAAA,kBAAM,EAIrF,4CAAoB,EAAE,mCAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { IVerticalBarChartProps, IVerticalBarChartStyleProps, IVerticalBarChartStyles } from '../../index';\nimport { VerticalBarChartBase } from './VerticalBarChart.base';\nimport { getStyles } from './VerticalBarChart.styles';\n\n// Create a VerticalBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * VerticalBarchart component\n * {@docCategory VerticalBarChart}\n */\nexport const VerticalBarChart: React.FunctionComponent<IVerticalBarChartProps> = styled<\n  IVerticalBarChartProps,\n  IVerticalBarChartStyleProps,\n  IVerticalBarChartStyles\n>(VerticalBarChartBase, getStyles);\n"]}

package/lib-amd/components/VerticalBarChart/VerticalBarChart.types.d.ts

@@ -3,7 +3,7 @@ import { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Uti
 import { ICartesianChartProps, ICartesianChartStyleProps, ICartesianChartStyles, IVerticalBarChartDataPoint } from '../../index';
 import { ILineChartLineOptions } from '../../types/index';
 /**
- * IVerticalBarChartProps for VerticalBarchart component.
+ * Vertical Bar Chart properties
  * {@docCategory VerticalBarChart}
  */
 export interface IVerticalBarChartProps extends ICartesianChartProps {
@@ -65,12 +65,20 @@ export interface IVerticalBarChartProps extends ICartesianChartProps {
      */
     hideLabels?: boolean;
 }
+/**
+ * Vertical Bar Chart style properties
+ * {@docCategory VerticalBarChart}
+ */
 export interface IVerticalBarChartStyleProps extends ICartesianChartStyleProps {
     /**
      * color of the datapoint legend
      */
     legendColor?: string;
 }
+/**
+ * Vertical Bar Chart styles
+ * {@docCategory VerticalBarChart}
+ */
 export interface IVerticalBarChartStyles extends ICartesianChartStyles {
     /**
      * Style for the chart label.

package/lib-amd/components/VerticalBarChart/VerticalBarChart.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalBarChart.types.js","sourceRoot":"../src/","sources":["components/VerticalBarChart/VerticalBarChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { IStyle } from '@fluentui/react/lib/Styling';\nimport { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport {\n  ICartesianChartProps,\n  ICartesianChartStyleProps,\n  ICartesianChartStyles,\n  IVerticalBarChartDataPoint,\n} from '../../index';\nimport { ILineChartLineOptions } from '../../types/index';\n\n/**\n * IVerticalBarChartProps for VerticalBarchart component.\n * {@docCategory VerticalBarChart}\n */\nexport interface IVerticalBarChartProps extends ICartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: IVerticalBarChartDataPoint[];\n\n  /**\n   * Define a custom callout renderer for a data point.\n   */\n  onRenderCalloutPerDataPoint?: IRenderFunction<IVerticalBarChartDataPoint>;\n\n  /**\n   * Width of each bar in the chart.\n   */\n  barWidth?: number;\n\n  /**\n   * Colors from which to select the color of each bar.\n   */\n  colors?: string[];\n\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Legend text for the line datapoint in the chart\n   */\n  lineLegendText?: string;\n\n  /**\n   * color for the legend  of the line in the chart\n   * @default theme.yellow\n   */\n\n  lineLegendColor?: string;\n\n  /**\n   * This prop makes sure that all the bars are of same color.\n   * it will take the first color from the array of colors in\n   * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight\n   * @default false\n   */\n  useSingleColor?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IVerticalBarChartStyleProps, IVerticalBarChartStyles>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  xAxisPadding?: number;\n\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n\n  /**\n   * Prop to hide the bar labels\n   * @default false\n   */\n  hideLabels?: boolean;\n}\n\nexport interface IVerticalBarChartStyleProps extends ICartesianChartStyleProps {\n  /**\n   * color of the datapoint legend\n   */\n  legendColor?: string;\n}\n\nexport interface IVerticalBarChartStyles extends ICartesianChartStyles {\n  /**\n   * Style for the chart label.\n   * @deprecated This style cannot be customized anymore\n   */\n  chartLabel?: IStyle;\n\n  /**\n   * Style for the line representing the domain of the x-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  xAxisDomain?: IStyle;\n\n  /**\n   * Style for the lines representing the ticks along the x-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  xAxisTicks?: IStyle;\n\n  /**\n   * Style for the text labeling each tick along the x-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  xAxisText?: IStyle;\n\n  /**\n   * Style for the line representing the domain of the y-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  yAxisDomain?: IStyle;\n\n  /**\n   * Style for the lines representing the ticks along the y-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  yAxisTicks?: IStyle;\n\n  /**\n   * Style for the text labeling each tick along the y-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  yAxisText?: IStyle;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: IStyle;\n\n  /**\n   * Style for the bar labels\n   */\n  barLabel: IStyle;\n}\n"]}
+{"version":3,"file":"VerticalBarChart.types.js","sourceRoot":"../src/","sources":["components/VerticalBarChart/VerticalBarChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { IStyle } from '@fluentui/react/lib/Styling';\nimport { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport {\n  ICartesianChartProps,\n  ICartesianChartStyleProps,\n  ICartesianChartStyles,\n  IVerticalBarChartDataPoint,\n} from '../../index';\nimport { ILineChartLineOptions } from '../../types/index';\n\n/**\n * Vertical Bar Chart properties\n * {@docCategory VerticalBarChart}\n */\nexport interface IVerticalBarChartProps extends ICartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: IVerticalBarChartDataPoint[];\n\n  /**\n   * Define a custom callout renderer for a data point.\n   */\n  onRenderCalloutPerDataPoint?: IRenderFunction<IVerticalBarChartDataPoint>;\n\n  /**\n   * Width of each bar in the chart.\n   */\n  barWidth?: number;\n\n  /**\n   * Colors from which to select the color of each bar.\n   */\n  colors?: string[];\n\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Legend text for the line datapoint in the chart\n   */\n  lineLegendText?: string;\n\n  /**\n   * color for the legend  of the line in the chart\n   * @default theme.yellow\n   */\n\n  lineLegendColor?: string;\n\n  /**\n   * This prop makes sure that all the bars are of same color.\n   * it will take the first color from the array of colors in\n   * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight\n   * @default false\n   */\n  useSingleColor?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IVerticalBarChartStyleProps, IVerticalBarChartStyles>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  xAxisPadding?: number;\n\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n\n  /**\n   * Prop to hide the bar labels\n   * @default false\n   */\n  hideLabels?: boolean;\n}\n\n/**\n * Vertical Bar Chart style properties\n * {@docCategory VerticalBarChart}\n */\nexport interface IVerticalBarChartStyleProps extends ICartesianChartStyleProps {\n  /**\n   * color of the datapoint legend\n   */\n  legendColor?: string;\n}\n\n/**\n * Vertical Bar Chart styles\n * {@docCategory VerticalBarChart}\n */\nexport interface IVerticalBarChartStyles extends ICartesianChartStyles {\n  /**\n   * Style for the chart label.\n   * @deprecated This style cannot be customized anymore\n   */\n  chartLabel?: IStyle;\n\n  /**\n   * Style for the line representing the domain of the x-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  xAxisDomain?: IStyle;\n\n  /**\n   * Style for the lines representing the ticks along the x-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  xAxisTicks?: IStyle;\n\n  /**\n   * Style for the text labeling each tick along the x-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  xAxisText?: IStyle;\n\n  /**\n   * Style for the line representing the domain of the y-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  yAxisDomain?: IStyle;\n\n  /**\n   * Style for the lines representing the ticks along the y-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  yAxisTicks?: IStyle;\n\n  /**\n   * Style for the text labeling each tick along the y-axis.\n   * @deprecated This style cannot be customized anymore\n   */\n  yAxisText?: IStyle;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: IStyle;\n\n  /**\n   * Style for the bar labels\n   */\n  barLabel: IStyle;\n}\n"]}

package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IVerticalStackedBarChartProps } from './VerticalStackedBarChart.types';
 /**
- * VerticalStackedBarchart component.
+ * VerticalStackedBarchart component
  * {@docCategory VerticalStackedBarChart}
  */
 export declare const VerticalStackedBarChart: React.FunctionComponent<IVerticalStackedBarChartProps>;

package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.js

@@ -4,7 +4,7 @@ define(["require", "exports", "../../Utilities", "./VerticalStackedBarChart.base
     exports.VerticalStackedBarChart = void 0;
     // Create a VerticalStackedBarChart variant which uses these default styles and this styled subcomponent.
     /**
-     * VerticalStackedBarchart component.
+     * VerticalStackedBarchart component
      * {@docCategory VerticalStackedBarChart}
      */
     exports.VerticalStackedBarChart = (0, Utilities_1.styled)(VerticalStackedBarChart_base_1.VerticalStackedBarChartBase, VerticalStackedBarChart_styles_1.getStyles);

package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalStackedBarChart.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/VerticalStackedBarChart.tsx"],"names":[],"mappings":";;;;IAUA,yGAAyG;IACzG;;;OAGG;IACU,QAAA,uBAAuB,GAA2D,IAAA,kBAAM,EAInG,0DAA2B,EAAE,0CAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport {\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles,\n} from './VerticalStackedBarChart.types';\nimport { VerticalStackedBarChartBase } from './VerticalStackedBarChart.base';\nimport { getStyles } from './VerticalStackedBarChart.styles';\n\n// Create a VerticalStackedBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * VerticalStackedBarchart component.\n * {@docCategory VerticalStackedBarChart}\n */\nexport const VerticalStackedBarChart: React.FunctionComponent<IVerticalStackedBarChartProps> = styled<\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles\n>(VerticalStackedBarChartBase, getStyles);\n"]}
+{"version":3,"file":"VerticalStackedBarChart.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/VerticalStackedBarChart.tsx"],"names":[],"mappings":";;;;IAUA,yGAAyG;IACzG;;;OAGG;IACU,QAAA,uBAAuB,GAA2D,IAAA,kBAAM,EAInG,0DAA2B,EAAE,0CAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport {\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles,\n} from './VerticalStackedBarChart.types';\nimport { VerticalStackedBarChartBase } from './VerticalStackedBarChart.base';\nimport { getStyles } from './VerticalStackedBarChart.styles';\n\n// Create a VerticalStackedBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * VerticalStackedBarchart component\n * {@docCategory VerticalStackedBarChart}\n */\nexport const VerticalStackedBarChart: React.FunctionComponent<IVerticalStackedBarChartProps> = styled<\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles\n>(VerticalStackedBarChartBase, getStyles);\n"]}

package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.types.d.ts

@@ -4,7 +4,7 @@ import { ICalloutProps } from '@fluentui/react/lib/Callout';
 import { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
 import { ICartesianChartProps, ICartesianChartStyleProps, ICartesianChartStyles, ILineChartLineOptions, IVerticalStackedChartProps, IVSChartDataPoint } from '../../index';
 /**
- * IVerticalStackedBarChartProps for VerticalStackedBarchart component.
+ * Vertical Stacked Bar Chart properties
  * {@docCategory VerticalStackedBarChart}
  */
 export interface IVerticalStackedBarChartProps extends ICartesianChartProps {
@@ -97,8 +97,16 @@ export interface IVerticalStackedBarChartProps extends ICartesianChartProps {
      */
     hideLabels?: boolean;
 }
+/**
+ * Vertical Stacked Bar Chart style properties
+ * {@docCategory VerticalStackedBarChart}
+ */
 export interface IVerticalStackedBarChartStyleProps extends ICartesianChartStyleProps {
 }
+/**
+ * Vertical Stacked Bar Chart styles
+ * {@docCategory VerticalStackedBarChart}
+ */
 export interface IVerticalStackedBarChartStyles extends ICartesianChartStyles {
     /**
      * Style to change the opacity of bars in dataviz when we hover on a single bar or legends