@fluentui/react-charting 5.16.22 → 5.16.24

package/lib/utilities/ChartHoverCard/ChartHoverCard.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { IChartHoverCardProps } from './ChartHoverCard.types';
-export declare const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps>;

package/lib/utilities/ChartHoverCard/ChartHoverCard.js

@@ -1,6 +0,0 @@
-import { styled } from '../../Utilities';
-import { ChartHoverCardBase } from './ChartHoverCard.base';
-import { getChartHoverCardStyles } from './ChartHoverCard.styles';
-//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.
-export var ChartHoverCard = styled(ChartHoverCardBase, getChartHoverCardStyles);
-//# sourceMappingURL=ChartHoverCard.js.map

package/lib/utilities/ChartHoverCard/ChartHoverCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartHoverCard.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGlE,iGAAiG;AACjG,MAAM,CAAC,IAAM,cAAc,GAAkD,MAAM,CAIjF,kBAAkB,EAAE,uBAAuB,CAAC,CAAC","sourcesContent":["import { styled } from '../../Utilities';\nimport * as React from 'react';\nimport { ChartHoverCardBase } from './ChartHoverCard.base';\nimport { getChartHoverCardStyles } from './ChartHoverCard.styles';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\n\n//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.\nexport const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps> = styled<\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles\n>(ChartHoverCardBase, getChartHoverCardStyles);\n"]}

package/lib/utilities/ChartHoverCard/ChartHoverCard.styles.d.ts

@@ -1,2 +0,0 @@
-import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';
-export declare const getChartHoverCardStyles: (props: IChartHoverCardStyleProps) => IChartHoverCardStyles;

package/lib/utilities/ChartHoverCard/ChartHoverCard.styles.js

@@ -1,82 +0,0 @@
-import { FontWeights } from '@fluentui/react/lib/Styling';
-export var getChartHoverCardStyles = function (props) {
-    var color = props.color, XValue = props.XValue, theme = props.theme, _a = props.isRatioPresent, isRatioPresent = _a === void 0 ? false : _a;
-    return {
-        calloutContentRoot: [
-            {
-                display: 'grid',
-                overflow: 'hidden',
-                padding: '11px 16px 10px 16px',
-                backgroundColor: theme.semanticColors.bodyBackground,
-                backgroundBlendMode: 'normal, luminosity',
-            },
-        ],
-        calloutDateTimeContainer: {
-            display: 'flex',
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-        },
-        calloutContentX: [
-            theme.fonts.small,
-            {
-                lineHeight: '16px',
-                opacity: '0.8',
-                color: theme.semanticColors.bodySubtext,
-            },
-        ],
-        calloutBlockContainer: [
-            theme.fonts.xxLarge,
-            {
-                marginTop: XValue ? '13px' : 'unset',
-                paddingLeft: '8px',
-                lineHeight: '22px',
-                color: theme.semanticColors.bodyText,
-                borderLeft: "4px solid " + color,
-            },
-        ],
-        calloutlegendText: [
-            theme.fonts.small,
-            {
-                lineHeight: '16px',
-                color: theme.semanticColors.bodyText,
-            },
-        ],
-        calloutContentY: [
-            theme.fonts.xxLarge,
-            {
-                color: color ? color : theme.semanticColors.bodyText,
-                fontWeight: 'bold',
-                lineHeight: '36px',
-            },
-        ],
-        calloutInfoContainer: [
-            isRatioPresent && {
-                display: 'flex',
-                alignItems: 'flex-end',
-            },
-        ],
-        ratio: [
-            theme.fonts.small,
-            {
-                marginLeft: '6px',
-                color: theme.semanticColors.bodyText,
-            },
-        ],
-        numerator: {
-            fontWeight: FontWeights.bold,
-        },
-        denominator: {
-            fontWeight: FontWeights.semibold,
-        },
-        descriptionMessage: [
-            theme.fonts.small,
-            {
-                color: theme.semanticColors.bodyText,
-                marginTop: '10px',
-                paddingTop: '10px',
-                borderTop: "1px solid " + theme.semanticColors.menuDivider,
-            },
-        ],
-    };
-};
-//# sourceMappingURL=ChartHoverCard.styles.js.map

package/lib/utilities/ChartHoverCard/ChartHoverCard.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAgC;IAC9D,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,MAAM,GAAoC,KAAK,OAAzC,EAAE,KAAK,GAA6B,KAAK,MAAlC,EAAE,KAA2B,KAAK,eAAV,EAAtB,cAAc,mBAAG,KAAK,KAAA,CAAW;IAC/D,OAAO;QACL,kBAAkB,EAAE;YAClB;gBACE,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,qBAAqB;gBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;gBACpD,mBAAmB,EAAE,oBAAoB;aAC1C;SACF;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;aACxC;SACF;QACD,qBAAqB,EAAE;YACrB,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACpC,WAAW,EAAE,KAAK;gBAClB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,UAAU,EAAE,eAAa,KAAO;aACjC;SACF;QACD,iBAAiB,EAAE;YACjB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpD,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,MAAM;aACnB;SACF;QACD,oBAAoB,EAAE;YACpB,cAAc,IAAI;gBAChB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,UAAU;aACvB;SACF;QACD,KAAK,EAAE;YACL,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,SAAS,EAAE;YACT,UAAU,EAAE,WAAW,CAAC,IAAI;SAC7B;QACD,WAAW,EAAE;YACX,UAAU,EAAE,WAAW,CAAC,QAAQ;SACjC;QACD,kBAAkB,EAAE;YAClB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,MAAM;gBAClB,SAAS,EAAE,eAAa,KAAK,CAAC,cAAc,CAAC,WAAa;aAC3D;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights } from '@fluentui/react/lib/Styling';\n\nexport const getChartHoverCardStyles = (props: IChartHoverCardStyleProps): IChartHoverCardStyles => {\n  const { color, XValue, theme, isRatioPresent = false } = props;\n  return {\n    calloutContentRoot: [\n      {\n        display: 'grid',\n        overflow: 'hidden',\n        padding: '11px 16px 10px 16px',\n        backgroundColor: theme.semanticColors.bodyBackground,\n        backgroundBlendMode: 'normal, luminosity',\n      },\n    ],\n    calloutDateTimeContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    calloutContentX: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        opacity: '0.8',\n        color: theme.semanticColors.bodySubtext,\n      },\n    ],\n    calloutBlockContainer: [\n      theme.fonts.xxLarge,\n      {\n        marginTop: XValue ? '13px' : 'unset',\n        paddingLeft: '8px',\n        lineHeight: '22px',\n        color: theme.semanticColors.bodyText,\n        borderLeft: `4px solid ${color}`,\n      },\n    ],\n    calloutlegendText: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    calloutContentY: [\n      theme.fonts.xxLarge,\n      {\n        color: color ? color : theme.semanticColors.bodyText,\n        fontWeight: 'bold',\n        lineHeight: '36px',\n      },\n    ],\n    calloutInfoContainer: [\n      isRatioPresent && {\n        display: 'flex',\n        alignItems: 'flex-end',\n      },\n    ],\n    ratio: [\n      theme.fonts.small,\n      {\n        marginLeft: '6px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    numerator: {\n      fontWeight: FontWeights.bold,\n    },\n    denominator: {\n      fontWeight: FontWeights.semibold,\n    },\n    descriptionMessage: [\n      theme.fonts.small,\n      {\n        color: theme.semanticColors.bodyText,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n      },\n    ],\n  };\n};\n"]}

package/lib/utilities/ChartHoverCard/ChartHoverCard.types.d.ts

@@ -1,105 +0,0 @@
-import { ITheme, IStyle, IStyleFunctionOrObject } from '@fluentui/react';
-export interface IChartHoverCardProps {
-    /**
-     * X  value for hover card
-     */
-    XValue?: string;
-    /**
-     * Y value for hover card
-     */
-    YValue?: string | number | Date;
-    /**
-     * Legend value  for hover card
-     */
-    Legend?: string | number | Date;
-    /**
-     * color for hover card
-     */
-    color?: string;
-    /**
-     * ratio to show
-     * first number is numerator
-     * and second number is denominator
-     */
-    ratio?: [number, number];
-    /**
-     * Theme (provided through customization.)
-     */
-    theme?: ITheme;
-    /**
-     * description message in the callout
-     */
-    descriptionMessage?: string;
-    /**
-     * Call to provide customized styling that will layer on top of the variant rules.
-     */
-    styles?: IStyleFunctionOrObject<IChartHoverCardStyleProps, IChartHoverCardStyles>;
-    /**
-     * The prop used to define the culture to localized the numbers
-     */
-    culture?: string;
-}
-export interface IChartHoverCardStyles {
-    /**
-     * styles for callout root-content
-     */
-    calloutContentRoot?: IStyle;
-    /**
-     * styles for callout Date time container
-     */
-    calloutDateTimeContainer?: IStyle;
-    /**
-     * styles for callout Date time container
-     */
-    calloutInfoContainer?: IStyle;
-    /**
-     * styles for callout Date time container
-     */
-    calloutBlockContainer?: IStyle;
-    /**
-     * styles for callout y-content
-     */
-    calloutlegendText?: IStyle;
-    /**
-     * styles for callout x-content
-     */
-    calloutContentX?: IStyle;
-    /**
-     * styles for callout y-content
-     */
-    calloutContentY?: IStyle;
-    /**
-     * styles for denomination
-     */
-    ratio?: IStyle;
-    /**
-     * styles for numerator
-     */
-    numerator?: IStyle;
-    /**
-     * styles for denominator
-     */
-    denominator?: IStyle;
-    /**
-     * styles for the description
-     */
-    descriptionMessage?: IStyle;
-}
-export interface IChartHoverCardStyleProps {
-    /**
-     * Theme (provided through customization.)
-     */
-    theme: ITheme;
-    /**
-     * color for hover card
-     */
-    color?: string;
-    /**
-     * X  value for hover card
-     */
-    XValue?: string;
-    /**
-     * indicate if denomination is present
-     */
-    isRatioPresent?: boolean;
-}

package/lib/utilities/ChartHoverCard/ChartHoverCard.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ChartHoverCard.types.js.map

package/lib/utilities/ChartHoverCard/ChartHoverCard.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartHoverCard.types.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle, IStyleFunctionOrObject } from '@fluentui/react';\nexport interface IChartHoverCardProps {\n  /**\n   * X  value for hover card\n   */\n  XValue?: string;\n\n  /**\n   * Y value for hover card\n   */\n  YValue?: string | number | Date;\n\n  /**\n   * Legend value  for hover card\n   */\n  Legend?: string | number | Date;\n\n  /**\n   * color for hover card\n   */\n  color?: string;\n  /**\n   * ratio to show\n   * first number is numerator\n   * and second number is denominator\n   */\n  ratio?: [number, number];\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n  /**\n   * description message in the callout\n   */\n  descriptionMessage?: string;\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IChartHoverCardStyleProps, IChartHoverCardStyles>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n}\n\nexport interface IChartHoverCardStyles {\n  /**\n   * styles for callout root-content\n   */\n  calloutContentRoot?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutDateTimeContainer?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutInfoContainer?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutBlockContainer?: IStyle;\n\n  /**\n   * styles for callout y-content\n   */\n  calloutlegendText?: IStyle;\n\n  /**\n   * styles for callout x-content\n   */\n  calloutContentX?: IStyle;\n  /**\n   * styles for callout y-content\n   */\n  calloutContentY?: IStyle;\n  /**\n   * styles for denomination\n   */\n  ratio?: IStyle;\n  /**\n   * styles for numerator\n   */\n  numerator?: IStyle;\n  /**\n   * styles for denominator\n   */\n  denominator?: IStyle;\n  /**\n   * styles for the description\n   */\n  descriptionMessage?: IStyle;\n}\n\nexport interface IChartHoverCardStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n\n  /**\n   * color for hover card\n   */\n  color?: string;\n\n  /**\n   * X  value for hover card\n   */\n  XValue?: string;\n\n  /**\n   * indicate if denomination is present\n   */\n  isRatioPresent?: boolean;\n}\n"]}

package/lib/utilities/ChartHoverCard/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ChartHoverCard';
-export * from './ChartHoverCard.styles';
-export * from './ChartHoverCard.types';

package/lib/utilities/ChartHoverCard/index.js

@@ -1,4 +0,0 @@
-export * from './ChartHoverCard';
-export * from './ChartHoverCard.styles';
-export * from './ChartHoverCard.types';
-//# sourceMappingURL=index.js.map

package/lib/utilities/ChartHoverCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './ChartHoverCard';\nexport * from './ChartHoverCard.styles';\nexport * from './ChartHoverCard.types';\n"]}

package/lib/utilities/FocusableTooltipText.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { ITooltipHostProps } from '@fluentui/react';
-import { IAccessibilityProps } from '../types/index';
-interface IFocusableTooltipTextProps {
-    className?: ITooltipHostProps['hostClassName'];
-    content?: ITooltipHostProps['content'];
-    accessibilityData?: IAccessibilityProps;
-}
-interface IFocusableTooltipTextState {
-    textOverflow: boolean;
-}
-/**
- * Component to make the text focusable when the overflowed content is clipped
- * because of the CSS text-overflow property.
- */
-export declare class FocusableTooltipText extends React.Component<IFocusableTooltipTextProps, IFocusableTooltipTextState> {
-    private _tooltipChild;
-    private _resizeObserver?;
-    private _async;
-    constructor(props: IFocusableTooltipTextProps);
-    render(): React.ReactNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _checkTextOverflow;
-    private _getTargetElement;
-}
-export {};

package/lib/utilities/FocusableTooltipText.js

@@ -1,54 +0,0 @@
-import { __assign, __extends } from "tslib";
-import * as React from 'react';
-import { hasOverflow, TooltipHost, TooltipOverflowMode } from '@fluentui/react';
-import { getAccessibleDataObject } from './index';
-import { Async } from '../Utilities';
-/**
- * Component to make the text focusable when the overflowed content is clipped
- * because of the CSS text-overflow property.
- */
-var FocusableTooltipText = /** @class */ (function (_super) {
-    __extends(FocusableTooltipText, _super);
-    function FocusableTooltipText(props) {
-        var _this = _super.call(this, props) || this;
-        _this._tooltipChild = React.createRef();
-        _this._checkTextOverflow = function () {
-            var overflowElement = _this._getTargetElement();
-            var textOverflow = !!overflowElement && hasOverflow(overflowElement);
-            if (textOverflow !== _this.state.textOverflow) {
-                _this.setState({ textOverflow: textOverflow });
-            }
-        };
-        _this._getTargetElement = function () {
-            if (!_this._tooltipChild.current || !_this._tooltipChild.current.parentElement) {
-                return undefined;
-            }
-            return _this._tooltipChild.current.parentElement;
-        };
-        _this.state = {
-            textOverflow: false,
-        };
-        _this._async = new Async(_this);
-        return _this;
-    }
-    FocusableTooltipText.prototype.render = function () {
-        var _a = this.props, className = _a.className, content = _a.content, accessibilityData = _a.accessibilityData;
-        return (React.createElement(TooltipHost, { overflowMode: TooltipOverflowMode.Self, hostClassName: className, content: content },
-            React.createElement("span", __assign({}, getAccessibleDataObject(accessibilityData), { ref: this._tooltipChild, "data-is-focusable": this.state.textOverflow }), content)));
-    };
-    FocusableTooltipText.prototype.componentDidMount = function () {
-        var overflowElement = this._getTargetElement();
-        if (window.ResizeObserver && overflowElement) {
-            this._resizeObserver = new ResizeObserver(this._async.debounce(this._checkTextOverflow, 500));
-            this._resizeObserver.observe(overflowElement);
-        }
-    };
-    FocusableTooltipText.prototype.componentWillUnmount = function () {
-        var _a;
-        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this._async.dispose();
-    };
-    return FocusableTooltipText;
-}(React.Component));
-export { FocusableTooltipText };
-//# sourceMappingURL=FocusableTooltipText.js.map

package/lib/utilities/FocusableTooltipText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusableTooltipText.js","sourceRoot":"../src/","sources":["utilities/FocusableTooltipText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAqB,WAAW,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAYrC;;;GAGG;AACH;IAA0C,wCAAuE;IAK/G,8BAAY,KAAiC;QAA7C,YACE,kBAAM,KAAK,CAAC,SAOb;QAZO,mBAAa,GAAG,KAAK,CAAC,SAAS,EAAmB,CAAC;QA2CnD,wBAAkB,GAAG;YAC3B,IAAM,eAAe,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;YACjD,IAAM,YAAY,GAAG,CAAC,CAAC,eAAe,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC;YACvE,IAAI,YAAY,KAAK,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE;gBAC5C,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,CAAC;aACjC;QACH,CAAC,CAAC;QAEM,uBAAiB,GAAG;YAC1B,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE;gBAC5E,OAAO,SAAS,CAAC;aAClB;YAED,OAAO,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;QAClD,CAAC,CAAC;QAlDA,KAAI,CAAC,KAAK,GAAG;YACX,YAAY,EAAE,KAAK;SACpB,CAAC;QAEF,KAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,KAAI,CAAC,CAAC;;IAChC,CAAC;IAEM,qCAAM,GAAb;QACQ,IAAA,KAA4C,IAAI,CAAC,KAAK,EAApD,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAe,CAAC;QAE7D,OAAO,CACL,oBAAC,WAAW,IAAC,YAAY,EAAE,mBAAmB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;YAC7F,yCACM,uBAAuB,CAAC,iBAAiB,CAAC,IAC9C,GAAG,EAAE,IAAI,CAAC,aAAa,uBACJ,IAAI,CAAC,KAAK,CAAC,YAAY,KAEzC,OAAO,CACH,CACK,CACf,CAAC;IACJ,CAAC;IAEM,gDAAiB,GAAxB;QACE,IAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACjD,IAAI,MAAM,CAAC,cAAc,IAAI,eAAe,EAAE;YAC5C,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;SAC/C;IACH,CAAC;IAEM,mDAAoB,GAA3B;;QACE,MAAA,IAAI,CAAC,eAAe,0CAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;IAiBH,2BAAC;AAAD,CAAC,AA3DD,CAA0C,KAAK,CAAC,SAAS,GA2DxD","sourcesContent":["import * as React from 'react';\nimport { hasOverflow, ITooltipHostProps, TooltipHost, TooltipOverflowMode } from '@fluentui/react';\nimport { getAccessibleDataObject } from './index';\nimport { IAccessibilityProps } from '../types/index';\nimport { Async } from '../Utilities';\n\ninterface IFocusableTooltipTextProps {\n  className?: ITooltipHostProps['hostClassName'];\n  content?: ITooltipHostProps['content'];\n  accessibilityData?: IAccessibilityProps;\n}\n\ninterface IFocusableTooltipTextState {\n  textOverflow: boolean;\n}\n\n/**\n * Component to make the text focusable when the overflowed content is clipped\n * because of the CSS text-overflow property.\n */\nexport class FocusableTooltipText extends React.Component<IFocusableTooltipTextProps, IFocusableTooltipTextState> {\n  private _tooltipChild = React.createRef<HTMLSpanElement>();\n  private _resizeObserver?: ResizeObserver;\n  private _async: Async;\n\n  constructor(props: IFocusableTooltipTextProps) {\n    super(props);\n\n    this.state = {\n      textOverflow: false,\n    };\n\n    this._async = new Async(this);\n  }\n\n  public render(): React.ReactNode {\n    const { className, content, accessibilityData } = this.props;\n\n    return (\n      <TooltipHost overflowMode={TooltipOverflowMode.Self} hostClassName={className} content={content}>\n        <span\n          {...getAccessibleDataObject(accessibilityData)}\n          ref={this._tooltipChild}\n          data-is-focusable={this.state.textOverflow}\n        >\n          {content}\n        </span>\n      </TooltipHost>\n    );\n  }\n\n  public componentDidMount(): void {\n    const overflowElement = this._getTargetElement();\n    if (window.ResizeObserver && overflowElement) {\n      this._resizeObserver = new ResizeObserver(this._async.debounce(this._checkTextOverflow, 500));\n      this._resizeObserver.observe(overflowElement);\n    }\n  }\n\n  public componentWillUnmount(): void {\n    this._resizeObserver?.disconnect();\n    this._async.dispose();\n  }\n\n  private _checkTextOverflow = (): void => {\n    const overflowElement = this._getTargetElement();\n    const textOverflow = !!overflowElement && hasOverflow(overflowElement);\n    if (textOverflow !== this.state.textOverflow) {\n      this.setState({ textOverflow });\n    }\n  };\n\n  private _getTargetElement = (): HTMLElement | undefined => {\n    if (!this._tooltipChild.current || !this._tooltipChild.current.parentElement) {\n      return undefined;\n    }\n\n    return this._tooltipChild.current.parentElement;\n  };\n}\n"]}

package/lib/utilities/colors.d.ts

@@ -1,51 +0,0 @@
-export declare const DataVizPalette: {
-    color1: string;
-    color2: string;
-    color3: string;
-    color4: string;
-    color5: string;
-    color6: string;
-    color7: string;
-    color8: string;
-    color9: string;
-    color10: string;
-    color11: string;
-    color12: string;
-    color13: string;
-    color14: string;
-    color15: string;
-    color16: string;
-    color17: string;
-    color18: string;
-    color19: string;
-    color20: string;
-    color21: string;
-    color22: string;
-    color23: string;
-    color24: string;
-    color25: string;
-    color26: string;
-    color27: string;
-    color28: string;
-    color29: string;
-    color30: string;
-    color31: string;
-    color32: string;
-    color33: string;
-    color34: string;
-    color35: string;
-    color36: string;
-    color37: string;
-    color38: string;
-    color39: string;
-    color40: string;
-    info: string;
-    disabled: string;
-    highError: string;
-    error: string;
-    warning: string;
-    success: string;
-    highSuccess: string;
-};
-export declare const getNextColor: (index: number, offset?: number, isDarkTheme?: boolean) => string;
-export declare const getColorFromToken: (token: string, isDarkTheme?: boolean) => string;

package/lib/utilities/colors.js

@@ -1,132 +0,0 @@
-export var DataVizPalette = {
-    color1: 'qualitative.1',
-    color2: 'qualitative.2',
-    color3: 'qualitative.3',
-    color4: 'qualitative.4',
-    color5: 'qualitative.5',
-    color6: 'qualitative.6',
-    color7: 'qualitative.7',
-    color8: 'qualitative.8',
-    color9: 'qualitative.9',
-    color10: 'qualitative.10',
-    color11: 'qualitative.11',
-    color12: 'qualitative.12',
-    color13: 'qualitative.13',
-    color14: 'qualitative.14',
-    color15: 'qualitative.15',
-    color16: 'qualitative.16',
-    color17: 'qualitative.17',
-    color18: 'qualitative.18',
-    color19: 'qualitative.19',
-    color20: 'qualitative.20',
-    color21: 'qualitative.21',
-    color22: 'qualitative.22',
-    color23: 'qualitative.23',
-    color24: 'qualitative.24',
-    color25: 'qualitative.25',
-    color26: 'qualitative.26',
-    color27: 'qualitative.27',
-    color28: 'qualitative.28',
-    color29: 'qualitative.29',
-    color30: 'qualitative.30',
-    color31: 'qualitative.31',
-    color32: 'qualitative.32',
-    color33: 'qualitative.33',
-    color34: 'qualitative.34',
-    color35: 'qualitative.35',
-    color36: 'qualitative.36',
-    color37: 'qualitative.37',
-    color38: 'qualitative.38',
-    color39: 'qualitative.39',
-    color40: 'qualitative.40',
-    info: 'semantic.info',
-    disabled: 'semantic.disabled',
-    highError: 'semantic.highError',
-    error: 'semantic.error',
-    warning: 'semantic.warning',
-    success: 'semantic.success',
-    highSuccess: 'semantic.highSuccess',
-};
-var QualitativePalette = {
-    '1': ['#637cef'],
-    '2': ['#e3008c'],
-    '3': ['#2aa0a4'],
-    '4': ['#9373c0'],
-    '5': ['#13a10e'],
-    '6': ['#3a96dd'],
-    '7': ['#ca5010'],
-    '8': ['#57811b'],
-    '9': ['#b146c2'],
-    '10': ['#ae8c00'],
-    '11': ['#3c51b4', '#93a4f4'],
-    '12': ['#ad006a', '#ee5fb7'],
-    '13': ['#026467', '#4cb4b7'],
-    '14': ['#674c8c', '#a083c9'],
-    '15': ['#0e7a0b', '#27ac22'],
-    '16': ['#2c72a8', '#4fa1e1'],
-    '17': ['#9a3d0c', '#d77440'],
-    '18': ['#405f14', '#73aa24'],
-    '19': ['#863593', '#c36bd1'],
-    '20': ['#6d5700', '#d0b232'],
-    '21': ['#4f6bed'],
-    '22': ['#ea38a6'],
-    '23': ['#038387'],
-    '24': ['#8764b8'],
-    '25': ['#11910d'],
-    '26': ['#3487c7'],
-    '27': ['#d06228'],
-    '28': ['#689920'],
-    '29': ['#ba58c9'],
-    '30': ['#937700', '#c19c00'],
-    '31': ['#2c3c85', '#c8d1fa'],
-    '32': ['#7f004e', '#f7adda'],
-    '33': ['#02494c', '#9bd9db'],
-    '34': ['#4c3867', '#b29ad4'],
-    '35': ['#0b5a08', '#a7e3a5'],
-    '36': ['#20547c', '#83bdeb'],
-    '37': ['#712d09', '#df8e64'],
-    '38': ['#23330b', '#a4cc6c'],
-    '39': ['#63276d', '#cf87da'],
-    '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],
-};
-var SemanticPalette = {
-    info: ['#015cda'],
-    disabled: ['#dbdbdb', '#4d4d4d'],
-    highError: ['#6e0811', '#cc2635'],
-    error: ['#c50f1f', '#dc626d'],
-    warning: ['#f7630c', '#f87528'],
-    success: ['#107c10', '#54b054'],
-    highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],
-};
-var Colors = {
-    qualitative: QualitativePalette,
-    semantic: SemanticPalette,
-};
-var QUALITATIVE_COLORS = Object.values(QualitativePalette);
-var TOKENS = Object.values(DataVizPalette);
-var getThemeSpecificColor = function (colors, isDarkTheme) {
-    if (colors.length === 0) {
-        return '';
-    }
-    var colorIdx = Number(isDarkTheme);
-    if (colorIdx < colors.length) {
-        return colors[colorIdx];
-    }
-    return colors[0];
-};
-export var getNextColor = function (index, offset, isDarkTheme) {
-    if (offset === void 0) { offset = 0; }
-    if (isDarkTheme === void 0) { isDarkTheme = false; }
-    var colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];
-    return getThemeSpecificColor(colors, isDarkTheme);
-};
-export var getColorFromToken = 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 = Colors[paletteName][colorCode];
-        return getThemeSpecificColor(colors, isDarkTheme);
-    }
-    return token;
-};
-//# sourceMappingURL=colors.js.map

package/lib/utilities/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utilities/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,oBAAoB;IAC/B,KAAK,EAAE,gBAAgB;IACvB,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,WAAW,EAAE,sBAAsB;CACpC,CAAC;AAUF,IAAM,kBAAkB,GAAY;IAClC,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,+BAA+B;CAC9D,CAAC;AAEF,IAAM,eAAe,GAAY;IAC/B,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAChC,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IACjC,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC7B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC/B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC/B,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,iCAAiC;CACvE,CAAC;AAEF,IAAM,MAAM,GAA+B;IACzC,WAAW,EAAE,kBAAkB;IAC/B,QAAQ,EAAE,eAAe;CAC1B,CAAC;AAEF,IAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC7D,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AAE7C,IAAM,qBAAqB,GAAG,UAAC,MAAgB,EAAE,WAAoB;IACnE,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,EAAE,CAAC;KACX;IACD,IAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE;QAC5B,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC;KACzB;IACD,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,MAAkB,EAAE,WAA4B;IAAhD,uBAAA,EAAA,UAAkB;IAAE,4BAAA,EAAA,mBAA4B;IAC1F,IAAM,MAAM,GAAG,kBAAkB,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAChF,OAAO,qBAAqB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAa,EAAE,WAA4B;IAA5B,4BAAA,EAAA,mBAA4B;IAC3E,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QACxB,IAAA,KAA2B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAA1C,WAAW,QAAA,EAAE,SAAS,QAAoB,CAAC;QAClD,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;QAC9C,OAAO,qBAAqB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;KACnD;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["export const DataVizPalette = {\n  color1: 'qualitative.1',\n  color2: 'qualitative.2',\n  color3: 'qualitative.3',\n  color4: 'qualitative.4',\n  color5: 'qualitative.5',\n  color6: 'qualitative.6',\n  color7: 'qualitative.7',\n  color8: 'qualitative.8',\n  color9: 'qualitative.9',\n  color10: 'qualitative.10',\n  color11: 'qualitative.11',\n  color12: 'qualitative.12',\n  color13: 'qualitative.13',\n  color14: 'qualitative.14',\n  color15: 'qualitative.15',\n  color16: 'qualitative.16',\n  color17: 'qualitative.17',\n  color18: 'qualitative.18',\n  color19: 'qualitative.19',\n  color20: 'qualitative.20',\n  color21: 'qualitative.21',\n  color22: 'qualitative.22',\n  color23: 'qualitative.23',\n  color24: 'qualitative.24',\n  color25: 'qualitative.25',\n  color26: 'qualitative.26',\n  color27: 'qualitative.27',\n  color28: 'qualitative.28',\n  color29: 'qualitative.29',\n  color30: 'qualitative.30',\n  color31: 'qualitative.31',\n  color32: 'qualitative.32',\n  color33: 'qualitative.33',\n  color34: 'qualitative.34',\n  color35: 'qualitative.35',\n  color36: 'qualitative.36',\n  color37: 'qualitative.37',\n  color38: 'qualitative.38',\n  color39: 'qualitative.39',\n  color40: 'qualitative.40',\n  info: 'semantic.info',\n  disabled: 'semantic.disabled',\n  highError: 'semantic.highError',\n  error: 'semantic.error',\n  warning: 'semantic.warning',\n  success: 'semantic.success',\n  highSuccess: 'semantic.highSuccess',\n};\n\n/**\n * Key: Color code.\n * Value:\n * Index 0 - Default color / Color for light theme,\n * Index 1 - Color for dark theme\n */\ntype Palette = { [key: string]: string[] };\n\nconst QualitativePalette: Palette = {\n  '1': ['#637cef'], // [cornflower.tint10],\n  '2': ['#e3008c'], // [hotPink.primary],\n  '3': ['#2aa0a4'], // [teal.tint20],\n  '4': ['#9373c0'], // [orchid.tint10],\n  '5': ['#13a10e'], // [lightGreen.primary],\n  '6': ['#3a96dd'], // [lightBlue.primary],\n  '7': ['#ca5010'], // [pumpkin.primary],\n  '8': ['#57811b'], // [lime.shade20],\n  '9': ['#b146c2'], // [lilac.primary],\n  '10': ['#ae8c00'], // [gold.shade10],\n  '11': ['#3c51b4', '#93a4f4'], // [cornflower.shade20, cornflower.tint30],\n  '12': ['#ad006a', '#ee5fb7'], // [hotPink.shade20, hotPink.tint30],\n  '13': ['#026467', '#4cb4b7'], // [teal.shade20, teal.tint30],\n  '14': ['#674c8c', '#a083c9'], // [orchid.shade20, orchid.tint20],\n  '15': ['#0e7a0b', '#27ac22'], // [lightGreen.shade20, lightGreen.tint10],\n  '16': ['#2c72a8', '#4fa1e1'], // [lightBlue.shade20, lightBlue.tint10],\n  '17': ['#9a3d0c', '#d77440'], // [pumpkin.shade20, pumpkin.tint20],\n  '18': ['#405f14', '#73aa24'], // [lime.shade30, lime.primary],\n  '19': ['#863593', '#c36bd1'], // [lilac.shade20, lilac.tint20],\n  '20': ['#6d5700', '#d0b232'], // [gold.shade30, gold.tint20],\n  '21': ['#4f6bed'], // [cornflower.primary],\n  '22': ['#ea38a6'], // [hotPink.tint20],\n  '23': ['#038387'], // [teal.primary],\n  '24': ['#8764b8'], // [orchid.primary],\n  '25': ['#11910d'], // [lightGreen.shade10],\n  '26': ['#3487c7'], // [lightBlue.shade10],\n  '27': ['#d06228'], // [pumpkin.tint10],\n  '28': ['#689920'], // [lime.shade10],\n  '29': ['#ba58c9'], // [lilac.tint10],\n  '30': ['#937700', '#c19c00'], // [gold.shade20, gold.primary],\n  '31': ['#2c3c85', '#c8d1fa'], // [cornflower.shade30, cornflower.tint40],\n  '32': ['#7f004e', '#f7adda'], // [hotPink.shade30, hotPink.tint40],\n  '33': ['#02494c', '#9bd9db'], // [teal.shade30, teal.tint40],\n  '34': ['#4c3867', '#b29ad4'], // [orchid.shade30, orchid.tint30],\n  '35': ['#0b5a08', '#a7e3a5'], // [lightGreen.shade30, lightGreen.tint40],\n  '36': ['#20547c', '#83bdeb'], // [lightBlue.shade30, lightBlue.tint30],\n  '37': ['#712d09', '#df8e64'], // [pumpkin.shade30, pumpkin.tint30],\n  '38': ['#23330b', '#a4cc6c'], // [lime.shade40, lime.tint30],\n  '39': ['#63276d', '#cf87da'], // [lilac.shade30, lilac.tint30],\n  '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],\n};\n\nconst SemanticPalette: Palette = {\n  info: ['#015cda'],\n  disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]\n  highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],\n  error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],\n  warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],\n  success: ['#107c10', '#54b054'], // [green.primary, green.tint30],\n  highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],\n};\n\nconst Colors: { [key: string]: Palette } = {\n  qualitative: QualitativePalette,\n  semantic: SemanticPalette,\n};\n\nconst QUALITATIVE_COLORS = Object.values(QualitativePalette);\nconst TOKENS = Object.values(DataVizPalette);\n\nconst getThemeSpecificColor = (colors: string[], isDarkTheme: boolean): string => {\n  if (colors.length === 0) {\n    return '';\n  }\n  const colorIdx = Number(isDarkTheme);\n  if (colorIdx < colors.length) {\n    return colors[colorIdx];\n  }\n  return colors[0];\n};\n\nexport const getNextColor = (index: number, offset: number = 0, isDarkTheme: boolean = false): string => {\n  const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];\n  return getThemeSpecificColor(colors, isDarkTheme);\n};\n\nexport const getColorFromToken = (token: string, isDarkTheme: boolean = false): string => {\n  if (TOKENS.indexOf(token) >= 0) {\n    const [paletteName, colorCode] = token.split('.');\n    const colors = Colors[paletteName][colorCode];\n    return getThemeSpecificColor(colors, isDarkTheme);\n  }\n  return token;\n};\n"]}

package/lib/utilities/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ChartHoverCard/index';
-export * from './utilities';
-export * from './colors';

package/lib/utilities/index.js

@@ -1,4 +0,0 @@
-export * from './ChartHoverCard/index';
-export * from './utilities';
-export * from './colors';
-//# sourceMappingURL=index.js.map

package/lib/utilities/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\n"]}