@fluentui/react-charts 9.1.5 → 9.1.6

package/lib-commonjs/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.js

@@ -37,72 +37,23 @@ const hbcWithAxisClassNames = {
     chartTitle: '',
     shapeStyles: '',
     chartWrapper: '',
-    svgTooltip: ''
+    svgTooltip: '',
+    chart: ''
 };
 const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     opacityChangeOnHover: {
         abs64n: "f9das1l"
     },
-    xAxisTicks: {},
-    tooltip: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fkhj508",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "f1i3iumi",
-        mc9l5x: "f22iagw",
-        Beiy3e4: "f1vx9l62",
-        z8tnut: "f17mpqex",
-        z189sj: [
-            "f1vdfbxk",
-            "f1f5gg8d"
-        ],
-        Byoj8tv: "fdvome7",
-        uwmqm3: [
-            "f1f5gg8d",
-            "f1vdfbxk"
-        ],
-        qhf8xq: "f1euv43f",
-        fsow6f: "f17mccla",
-        Bhzewxz: "fr6rvge",
-        De3pzq: "fxugw4r",
-        Beyfa6y: 0,
-        Bbmb7ep: 0,
-        Btl43ni: 0,
-        B7oj6ja: 0,
-        Dimara: "fq9zq91",
-        Bkecrkj: "f1aehjj5"
-    }
+    xAxisTicks: {}
 }, {
     d: [
-        ".f9das1l{opacity:0.1;}",
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".fkhj508{font-size:var(--fontSizeBase300);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
-        ".f22iagw{display:flex;}",
-        ".f1vx9l62{flex-direction:column;}",
-        ".f17mpqex{padding-top:var(--spacingHorizontalS);}",
-        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
-        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
-        ".fdvome7{padding-bottom:var(--spacingHorizontalS);}",
-        ".f1euv43f{position:absolute;}",
-        ".f17mccla{text-align:center;}",
-        ".fr6rvge{top:var(--spacingVerticalNone);}",
-        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
-        [
-            ".fq9zq91{border-radius:var(--borderRadiusSmall);}",
-            {
-                p: -1
-            }
-        ],
-        ".f1aehjj5{pointer-events:none;}"
+        ".f9das1l{opacity:0.1;}"
     ]
 });
 const useHorizontalBarChartWithAxisStyles = (props)=>{
     const baseStyles = useStyles();
     return {
         opacityChangeOnHover: (0, _react.mergeClasses)(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),
-        xAxisTicks: (0, _react.mergeClasses)(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks),
-        tooltip: (0, _react.mergeClasses)(hbcWithAxisClassNames.tooltip, baseStyles.tooltip)
+        xAxisTicks: (0, _react.mergeClasses)(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks)
     };
 }; //# sourceMappingURL=useHorizontalBarChartWithAxisStyles.styles.js.map

package/lib-commonjs/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useHorizontalBarChartWithAxisStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const hbcWithAxisClassNames = {\n    opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n    xAxisTicks: 'fui-hbcwa__xAxisTicks',\n    tooltip: 'fui-hbcwa__tooltip',\n    chartLabel: '',\n    xAxisDomain: '',\n    xAxisText: '',\n    yAxisDomain: '',\n    yAxisTicks: '',\n    yAxisText: '',\n    root: '',\n    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    descriptionMessage: '',\n    axisTitle: '',\n    chartTitle: '',\n    shapeStyles: '',\n    chartWrapper: '',\n    svgTooltip: ''\n};\nconst useStyles = makeStyles({\n    opacityChangeOnHover: {\n        opacity: 0.1\n    },\n    xAxisTicks: {},\n    tooltip: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        position: 'absolute',\n        textAlign: 'center',\n        top: tokens.spacingVerticalNone,\n        backgroundColor: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none'\n    }\n});\n/**\n * Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */ export const useHorizontalBarChartWithAxisStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n        xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks),\n        tooltip: mergeClasses(hbcWithAxisClassNames.tooltip, baseStyles.tooltip)\n    };\n};\n"],"names":["hbcWithAxisClassNames","useHorizontalBarChartWithAxisStyles","opacityChangeOnHover","xAxisTicks","tooltip","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","useStyles","__styles","abs64n","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,qBAAqB;eAArBA;;IA0CIC,mCAAmC;eAAnCA;;;uBA5CoC;AAE9C,MAAMD,wBAAwB;IACjCE,sBAAsB;IACtBC,YAAY;IACZC,SAAS;IACTC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,aAAa;IACbC,YAAY;IACZC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,YAAY;AAChB;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAArB,sBAAA;QAAAsB,QAAA;IAAA;IAAArB,YAAA,CAAA;IAAAC,SAAA;QAAAqB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA;AAoBP,MAAM7C,sCAAuC8C,CAAAA;IACpD,MAAMC,aAAa1B;IACnB,OAAO;QACHpB,sBAAsB+C,IAAAA,mBAAY,EAACjD,sBAAsBE,oBAAoB,EAAE8C,WAAW9C,oBAAoB;QAC9GC,YAAY8C,IAAAA,mBAAY,EAACjD,sBAAsBG,UAAU,EAAE6C,WAAW7C,UAAU;QAChFC,SAAS6C,IAAAA,mBAAY,EAACjD,sBAAsBI,OAAO,EAAE4C,WAAW5C,OAAO;IAC3E;AACJ"}
+{"version":3,"sources":["useHorizontalBarChartWithAxisStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const hbcWithAxisClassNames = {\n    opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n    xAxisTicks: 'fui-hbcwa__xAxisTicks',\n    tooltip: 'fui-hbcwa__tooltip',\n    chartLabel: '',\n    xAxisDomain: '',\n    xAxisText: '',\n    yAxisDomain: '',\n    yAxisTicks: '',\n    yAxisText: '',\n    root: '',\n    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    descriptionMessage: '',\n    axisTitle: '',\n    chartTitle: '',\n    shapeStyles: '',\n    chartWrapper: '',\n    svgTooltip: '',\n    chart: ''\n};\nconst useStyles = makeStyles({\n    opacityChangeOnHover: {\n        opacity: 0.1\n    },\n    xAxisTicks: {}\n});\n/**\n * Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */ export const useHorizontalBarChartWithAxisStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n        xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks)\n    };\n};\n"],"names":["hbcWithAxisClassNames","useHorizontalBarChartWithAxisStyles","opacityChangeOnHover","xAxisTicks","tooltip","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","useStyles","__styles","abs64n","d","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,qBAAqB;eAArBA;;IA+BIC,mCAAmC;eAAnCA;;;uBAhCwB;AAClC,MAAMD,wBAAwB;IACjCE,sBAAsB;IACtBC,YAAY;IACZC,SAAS;IACTC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,aAAa;IACbC,YAAY;IACZC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;AACX;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAtB,sBAAA;QAAAuB,QAAA;IAAA;IAAAtB,YAAA,CAAA;AAAA,GAAA;IAAAuB,GAAA;QAAA;KAAA;AAAA;AAQP,MAAMzB,sCAAuC0B,CAAAA;IACpD,MAAMC,aAAaL;IACnB,OAAO;QACHrB,sBAAsB2B,IAAAA,mBAAY,EAAC7B,sBAAsBE,oBAAoB,EAAE0B,WAAW1B,oBAAoB;QAC9GC,YAAY0B,IAAAA,mBAAY,EAAC7B,sBAAsBG,UAAU,EAAEyB,WAAWzB,UAAU;IACpF;AACJ"}

package/lib-commonjs/components/Legends/useLegendsStyles.styles.js

@@ -71,6 +71,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1vdfbxk"
         ],
         B9bfxx9: "fiwaqkr",
+        Bf4jedk: "fy77jfu",
         Bs92zhm: "fuhkvgp",
         B93v9kj: "f15mrrko",
         Ck9m1r: "f1vu5irt",
@@ -205,6 +206,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
         ".fdvome7{padding-bottom:var(--spacingHorizontalS);}",
         ".fiwaqkr{text-transform:capitalize;}",
+        ".fy77jfu{min-width:0;}",
         ".frx94fk{width:12px;}",
         [
             ".fpyyuzi{border:1px solid;}",

package/lib-commonjs/components/Legends/useLegendsStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLegendsStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n/**\n * @internal\n */ export const legendClassNames = {\n    root: 'fui-legend__root',\n    legend: 'fui-legend__legend',\n    rect: 'fui-legend__rect',\n    shape: 'fui-legend__shape',\n    triangle: 'fui-legend__triangle',\n    text: 'fui-legend__text',\n    hoverChange: 'fui-legend__hoverChange',\n    resizableArea: 'fui-legend__resizableArea'\n};\nconst useStyles = makeStyles({\n    root: {\n        whiteSpace: 'nowrap',\n        width: '100%',\n        alignItems: 'center',\n        ...shorthands.margin('-8px 0 0 -8px')\n    },\n    legend: {\n        // setting display to flex does not work\n        // display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'left',\n        cursor: 'pointer',\n        ...shorthands.border('none'),\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        textTransform: 'capitalize',\n        [HighContrastSelector]: {\n            color: 'WindowText',\n            forcedColorAdjust: 'none'\n        },\n        '&:hover': {\n            [HighContrastSelector]: {\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    },\n    rect: {\n        [HighContrastSelector]: {\n            content: 'var(--rect-content-high-contrast)',\n            opacity: 'var(--rect-opacity-high-contrast)'\n        },\n        width: '12px',\n        border: '1px solid',\n        marginRight: tokens.spacingHorizontalS\n    },\n    shape: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    // TO DO Add props when these styles are used in the component\n    triangle: {\n        width: '0',\n        height: '0',\n        ...shorthands.borderLeft('6px solid transparent'),\n        ...shorthands.borderRight('6px solid transparent'),\n        ...shorthands.borderTop('10.4px solid'),\n        marginRight: tokens.spacingHorizontalS\n    },\n    // TO DO Add props when these styles are used in the component\n    text: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    // TO DO Add props when these styles are used in the component\n    hoverChange: {\n        width: '12px',\n        height: '12px',\n        marginRight: tokens.spacingHorizontalS,\n        ...shorthands.border('1px solid')\n    },\n    resizableArea: {\n        position: 'relative',\n        textAlign: 'left',\n        transform: 'translate(-50%, 0)',\n        top: 'auto',\n        left: '50%',\n        minWidth: '200px',\n        maxWidth: '800px',\n        '::after': {\n            ...shorthands.padding('1px 4px 1px'),\n            ...shorthands.borderTop('-2px'),\n            ...shorthands.borderLeft('-2px')\n        }\n    }\n});\nexport const useLegendStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7;\n    const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(legendClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        legend: mergeClasses(legendClassNames.legend, baseStyles.legend, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.legend),\n        rect: mergeClasses(legendClassNames.rect, baseStyles.rect, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.rect),\n        shape: mergeClasses(legendClassNames.shape, baseStyles.shape, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.shape),\n        triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.triangle),\n        text: mergeClasses(legendClassNames.text, baseStyles.text, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.text),\n        hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.hoverChange),\n        resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.resizableArea)\n    };\n};\n"],"names":["legendClassNames","useLegendStyles","root","legend","rect","shape","triangle","text","hoverChange","resizableArea","useStyles","__styles","Huce71","a9b677","Bt984gj","B6of3ja","t21cq0","jrapky","Frg6f3","Brf1p80","Bceei9c","icvyot","vrafjx","oivjwe","wvpqe5","z8tnut","z189sj","Byoj8tv","uwmqm3","B9bfxx9","Bs92zhm","B93v9kj","Ck9m1r","mkjk8h","zpeayv","Bcwlslt","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Bqenvij","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","sj55zd","Bvjb7m6","qhf8xq","fsow6f","Bz10aip","Bhzewxz","oyh7mz","Bf4jedk","B2u0y6b","smv486","u6pn5x","B4uzyy","Be2s5ez","xrcqlc","Bhxzhr1","d","p","m","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","className","baseStyles","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useLegendsStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n/**\n * @internal\n */ export const legendClassNames = {\n    root: 'fui-legend__root',\n    legend: 'fui-legend__legend',\n    rect: 'fui-legend__rect',\n    shape: 'fui-legend__shape',\n    triangle: 'fui-legend__triangle',\n    text: 'fui-legend__text',\n    hoverChange: 'fui-legend__hoverChange',\n    resizableArea: 'fui-legend__resizableArea'\n};\nconst useStyles = makeStyles({\n    root: {\n        // FIXME: Removing this style allows the legend container in responsive donut chart to resize\n        // properly (horizontally) within a flexbox or grid layout. But it causes vertical resizing issues\n        // in responsive charts where legends consist of multiple words.\n        whiteSpace: 'nowrap',\n        width: '100%',\n        alignItems: 'center',\n        ...shorthands.margin('-8px 0 0 -8px')\n    },\n    legend: {\n        // setting display to flex does not work\n        // display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'left',\n        cursor: 'pointer',\n        ...shorthands.border('none'),\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        textTransform: 'capitalize',\n        // The default min-width is 64px. Setting it to 0 allows the legend container in responsive\n        // cartesian charts to resize properly within a flexbox or grid layout.\n        minWidth: 0,\n        [HighContrastSelector]: {\n            color: 'WindowText',\n            forcedColorAdjust: 'none'\n        },\n        '&:hover': {\n            [HighContrastSelector]: {\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    },\n    rect: {\n        [HighContrastSelector]: {\n            content: 'var(--rect-content-high-contrast)',\n            opacity: 'var(--rect-opacity-high-contrast)'\n        },\n        width: '12px',\n        border: '1px solid',\n        marginRight: tokens.spacingHorizontalS\n    },\n    shape: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    // TO DO Add props when these styles are used in the component\n    triangle: {\n        width: '0',\n        height: '0',\n        ...shorthands.borderLeft('6px solid transparent'),\n        ...shorthands.borderRight('6px solid transparent'),\n        ...shorthands.borderTop('10.4px solid'),\n        marginRight: tokens.spacingHorizontalS\n    },\n    // TO DO Add props when these styles are used in the component\n    text: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    // TO DO Add props when these styles are used in the component\n    hoverChange: {\n        width: '12px',\n        height: '12px',\n        marginRight: tokens.spacingHorizontalS,\n        ...shorthands.border('1px solid')\n    },\n    resizableArea: {\n        position: 'relative',\n        textAlign: 'left',\n        transform: 'translate(-50%, 0)',\n        top: 'auto',\n        left: '50%',\n        minWidth: '200px',\n        maxWidth: '800px',\n        '::after': {\n            ...shorthands.padding('1px 4px 1px'),\n            ...shorthands.borderTop('-2px'),\n            ...shorthands.borderLeft('-2px')\n        }\n    }\n});\nexport const useLegendStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7;\n    const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(legendClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        legend: mergeClasses(legendClassNames.legend, baseStyles.legend, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.legend),\n        rect: mergeClasses(legendClassNames.rect, baseStyles.rect, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.rect),\n        shape: mergeClasses(legendClassNames.shape, baseStyles.shape, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.shape),\n        triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.triangle),\n        text: mergeClasses(legendClassNames.text, baseStyles.text, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.text),\n        hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.hoverChange),\n        resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.resizableArea)\n    };\n};\n"],"names":["legendClassNames","useLegendStyles","root","legend","rect","shape","triangle","text","hoverChange","resizableArea","useStyles","__styles","Huce71","a9b677","Bt984gj","B6of3ja","t21cq0","jrapky","Frg6f3","Brf1p80","Bceei9c","icvyot","vrafjx","oivjwe","wvpqe5","z8tnut","z189sj","Byoj8tv","uwmqm3","B9bfxx9","Bf4jedk","Bs92zhm","B93v9kj","Ck9m1r","mkjk8h","zpeayv","Bcwlslt","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Bqenvij","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","sj55zd","Bvjb7m6","qhf8xq","fsow6f","Bz10aip","Bhzewxz","oyh7mz","B2u0y6b","smv486","u6pn5x","B4uzyy","Be2s5ez","xrcqlc","Bhxzhr1","d","p","m","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","className","baseStyles","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/LineChart/LineChart.js

@@ -649,9 +649,9 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             const tooltipProps = {
                 tooltipCls: classes.tooltip,
                 id: _tooltipId,
-                xAxis: xAxisElement
+                axis: xAxisElement
             };
-            xAxisElement && (0, _index1.tooltipOfXAxislabels)(tooltipProps);
+            xAxisElement && (0, _index1.tooltipOfAxislabels)(tooltipProps);
         }
         return lines;
     }