@fluentui/react-charts 9.3.21 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

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

@@ -1,53 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Textbox", {
-    enumerable: true,
-    get: function() {
-        return Textbox;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _d3selection = require("d3-selection");
-const _utilities = require("../../../utilities/utilities");
-const Textbox = (props)=>{
-    const textElementRef = _react.useRef(null);
-    const wrapWords = ()=>{
-        if (!textElementRef.current) {
-            return;
-        }
-        const text = (0, _d3selection.select)(textElementRef.current);
-        const words = props.text.split(/\s+/);
-        let line = [];
-        let tspan = text.append('tspan');
-        let numLines = 0;
-        words.forEach((word)=>{
-            line.push(word);
-            tspan.text(line.join(' '));
-            const node = tspan.node();
-            if (node && node.getComputedTextLength() > props.width && line.length > 1) {
-                numLines++;
-                line.pop();
-                tspan.text(line.join(' '));
-                line = [
-                    word
-                ];
-                tspan = text.append('tspan').text(word).attr('dy', props.lineHeight).attr('x', props.x);
-            }
-        });
-        // bottom aligns text
-        text.attr('dy', -numLines * props.lineHeight);
-        return ()=>{
-            text.selectAll('tspan').remove();
-        };
-    };
-    _react.useEffect(wrapWords);
-    const { lineHeight, ...rest } = props;
-    return /*#__PURE__*/ _react.createElement("text", {
-        ref: textElementRef,
-        ...(0, _utilities.getSecureProps)(rest)
-    });
-};

package/lib-commonjs/components/LineChart/eventAnnotation/Textbox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/LineChart/eventAnnotation/Textbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { select } from 'd3-selection';\nimport { getSecureProps } from '../../../utilities/utilities';\n\ninterface TextboxProps {\n  text: string;\n  width: number;\n  x: number;\n  y: number;\n  lineHeight: number;\n  textAnchor?: 'start' | 'middle' | 'end';\n  fontSize?: string;\n  fill?: string;\n}\n\nexport const Textbox: React.FunctionComponent<TextboxProps> = props => {\n  const textElementRef: React.RefObject<SVGTextElement | null> = React.useRef(null);\n\n  const wrapWords = () => {\n    if (!textElementRef.current) {\n      return;\n    }\n    const text = select(textElementRef.current);\n    const words = props.text.split(/\\s+/);\n    let line: string[] = [];\n    let tspan = text.append<SVGTSpanElement>('tspan');\n    let numLines = 0;\n\n    words.forEach(word => {\n      line.push(word);\n      tspan.text(line.join(' '));\n      const node = tspan.node();\n      if (node && node.getComputedTextLength() > props.width && line.length > 1) {\n        numLines++;\n        line.pop();\n        tspan.text(line.join(' '));\n        line = [word];\n        tspan = text.append<SVGTSpanElement>('tspan').text(word).attr('dy', props.lineHeight).attr('x', props.x);\n      }\n    });\n    // bottom aligns text\n    text.attr('dy', -numLines * props.lineHeight);\n\n    return () => {\n      text.selectAll('tspan').remove();\n    };\n  };\n  React.useEffect(wrapWords);\n\n  const { lineHeight, ...rest } = props;\n\n  return <text ref={textElementRef} {...getSecureProps(rest)} />;\n};\n"],"names":["React","select","getSecureProps","Textbox","props","textElementRef","useRef","wrapWords","current","text","words","split","line","tspan","append","numLines","forEach","word","push","join","node","getComputedTextLength","width","length","pop","attr","lineHeight","x","selectAll","remove","useEffect","rest","ref"],"mappings":"AAAA;;;;;+BAiBaG;;;;;;;iEAfU,QAAQ;6BACR,eAAe;2BACP,+BAA+B;AAavD,gBAAuDC,CAAAA;IAC5D,MAAMC,iBAAyDL,OAAMM,MAAM,CAAC;IAE5E,MAAMC,YAAY;QAChB,IAAI,CAACF,eAAeG,OAAO,EAAE;YAC3B;QACF;QACA,MAAMC,WAAOR,mBAAAA,EAAOI,eAAeG,OAAO;QAC1C,MAAME,QAAQN,MAAMK,IAAI,CAACE,KAAK,CAAC;QAC/B,IAAIC,OAAiB,EAAE;QACvB,IAAIC,QAAQJ,KAAKK,MAAM,CAAkB;QACzC,IAAIC,WAAW;QAEfL,MAAMM,OAAO,CAACC,CAAAA;YACZL,KAAKM,IAAI,CAACD;YACVJ,MAAMJ,IAAI,CAACG,KAAKO,IAAI,CAAC;YACrB,MAAMC,OAAOP,MAAMO,IAAI;YACvB,IAAIA,QAAQA,KAAKC,qBAAqB,KAAKjB,MAAMkB,KAAK,IAAIV,KAAKW,MAAM,GAAG,GAAG;gBACzER;gBACAH,KAAKY,GAAG;gBACRX,MAAMJ,IAAI,CAACG,KAAKO,IAAI,CAAC;gBACrBP,OAAO;oBAACK;iBAAK;gBACbJ,QAAQJ,KAAKK,MAAM,CAAkB,SAASL,IAAI,CAACQ,MAAMQ,IAAI,CAAC,MAAMrB,MAAMsB,UAAU,EAAED,IAAI,CAAC,KAAKrB,MAAMuB,CAAC;YACzG;QACF;QACA,qBAAqB;QACrBlB,KAAKgB,IAAI,CAAC,MAAM,CAACV,WAAWX,MAAMsB,UAAU;QAE5C,OAAO;YACLjB,KAAKmB,SAAS,CAAC,SAASC,MAAM;QAChC;IACF;IACA7B,OAAM8B,SAAS,CAACvB;IAEhB,MAAM,EAAEmB,UAAU,EAAE,GAAGK,MAAM,GAAG3B;IAEhC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACK,QAAAA;QAAKuB,KAAK3B;QAAiB,OAAGH,yBAAAA,EAAe6B,KAAK;;AAC5D,EAAE"}

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./LineChart"), exports);
-_export_star._(require("./LineChart.types"), exports);
-_export_star._(require("./eventAnnotation/Textbox"), exports);
-_export_star._(require("../../types/index"), exports);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/LineChart/index.ts"],"sourcesContent":["export * from './LineChart';\nexport * from './LineChart.types';\nexport * from './eventAnnotation/Textbox';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,cAAc;uBACd,oBAAoB;uBACpB,4BAA4B;uBAC5B,oBAAoB"}

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

@@ -1,132 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    linechartClassNames: function() {
-        return linechartClassNames;
-    },
-    useLineChartStyles: function() {
-        return useLineChartStyles;
-    }
-});
-const _react = require("@griffel/react");
-const linechartClassNames = {
-    tooltip: 'fui-line__tooltip',
-    lineBorder: 'fui-line_lineBorder',
-    markerLabel: 'fui-line__markerLabel',
-    root: 'fui-line__root',
-    xAxis: 'fui-line__xAxis',
-    yAxis: 'fui-line__yAxis',
-    legendContainer: 'fui-line__legendContainer',
-    hover: 'fui-line__hover',
-    descriptionMessage: 'fui-line__descriptionMessage',
-    axisTitle: 'fui-line__axisTitle',
-    chartTitle: 'fui-line__chartTitle',
-    opacityChangeOnHover: 'fui-line__opacityChangeOnHover',
-    shapeStyles: 'fui-line__shapeStyles',
-    chartWrapper: 'fui-line__chartWrapper',
-    svgTooltip: '',
-    chart: '',
-    axisAnnotation: '',
-    plotContainer: '',
-    annotationLayer: ''
-};
-/**
- * Base Styles
- */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
-    tooltip: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fkhj508",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "f1i3iumi",
-        mc9l5x: "f22iagw",
-        Beiy3e4: "f1vx9l62",
-        Byoj8tv: 0,
-        uwmqm3: 0,
-        z189sj: 0,
-        z8tnut: 0,
-        B0ocmuz: "f1bnz8pu",
-        qhf8xq: "f1euv43f",
-        fsow6f: "f17mccla",
-        De3pzq: "fxugw4r",
-        Beyfa6y: 0,
-        Bbmb7ep: 0,
-        Btl43ni: 0,
-        B7oj6ja: 0,
-        Dimara: "fq9zq91",
-        Bkecrkj: "f1aehjj5",
-        sj55zd: "f19n0e5"
-    },
-    markerLabel: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fkhj508",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "f1i3iumi",
-        Bkfmm31: "fhuob2q",
-        jzqdnp: "fdxigdc",
-        Bxms50k: "f1yn2ez9"
-    },
-    lineBorder: {
-        ojy3ng: "f1yuyku4",
-        Bj7tp1g: "f1s33jy0"
-    }
-}, {
-    d: [
-        ".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;}",
-        [
-            ".f1bnz8pu{padding:var(--spacingHorizontalS);}",
-            {
-                p: -1
-            }
-        ],
-        ".f1euv43f{position:absolute;}",
-        ".f17mccla{text-align:center;}",
-        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
-        [
-            ".fq9zq91{border-radius:var(--borderRadiusSmall);}",
-            {
-                p: -1
-            }
-        ],
-        ".f1aehjj5{pointer-events:none;}",
-        ".f19n0e5{color:var(--colorNeutralForeground1);}",
-        ".fhuob2q{fill:var(--colorNeutralForeground1);}",
-        ".fdxigdc{text-anchor:middle;}",
-        ".f1yuyku4{stroke:var(--colorNeutralBackground1);}"
-    ],
-    m: [
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f1yn2ez9{fill:CanvasText;}}",
-            {
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ],
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f1s33jy0{stroke:Canvas;}}",
-            {
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ]
-    ]
-});
-const useLineChartStyles = (props)=>{
-    const baseStyles = useStyles();
-    return {
-        tooltip: (0, _react.mergeClasses)(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),
-        lineBorder: (0, _react.mergeClasses)(linechartClassNames.lineBorder, baseStyles.lineBorder /*props.styles?.lineBorder*/ ),
-        markerLabel: (0, _react.mergeClasses)(linechartClassNames.markerLabel, baseStyles.markerLabel /*props.styles?.markerLabel*/ )
-    };
-};

package/lib-commonjs/components/LineChart/useLineChartStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useLineChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\nimport { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';\n/**\n * @internal\n */ export const linechartClassNames = {\n    tooltip: 'fui-line__tooltip',\n    lineBorder: 'fui-line_lineBorder',\n    markerLabel: 'fui-line__markerLabel',\n    root: 'fui-line__root',\n    xAxis: 'fui-line__xAxis',\n    yAxis: 'fui-line__yAxis',\n    legendContainer: 'fui-line__legendContainer',\n    hover: 'fui-line__hover',\n    descriptionMessage: 'fui-line__descriptionMessage',\n    axisTitle: 'fui-line__axisTitle',\n    chartTitle: 'fui-line__chartTitle',\n    opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n    shapeStyles: 'fui-line__shapeStyles',\n    chartWrapper: 'fui-line__chartWrapper',\n    svgTooltip: '',\n    chart: '',\n    axisAnnotation: '',\n    plotContainer: '',\n    annotationLayer: ''\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    tooltip: getTooltipStyle(),\n    markerLabel: getMarkerLabelStyle(),\n    lineBorder: {\n        stroke: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            stroke: 'Canvas'\n        }\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useLineChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),\n        lineBorder: mergeClasses(linechartClassNames.lineBorder, baseStyles.lineBorder /*props.styles?.lineBorder*/ ),\n        markerLabel: mergeClasses(linechartClassNames.markerLabel, baseStyles.markerLabel /*props.styles?.markerLabel*/ )\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","HighContrastSelector","getMarkerLabelStyle","getTooltipStyle","linechartClassNames","tooltip","lineBorder","markerLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","qhf8xq","fsow6f","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","Bkfmm31","jzqdnp","Bxms50k","ojy3ng","Bj7tp1g","d","p","m","useLineChartStyles","props","baseStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAOKM,mBAAmB;;;sBAmCD;eAAlBkD;;;uBAzCwB,gBAAgB;AAM9C,4BAA4B;IACnCjD,OAAO,EAAE,mBAAmB;IAC5BC,UAAU,EAAE,qBAAqB;IACjCC,WAAW,EAAE,uBAAuB;IACpCC,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE,iBAAiB;IACxBC,KAAK,EAAE,iBAAiB;IACxBC,eAAe,EAAE,2BAA2B;IAC5CC,KAAK,EAAE,iBAAiB;IACxBC,kBAAkB,EAAE,8BAA8B;IAClDC,SAAS,EAAE,qBAAqB;IAChCC,UAAU,EAAE,sBAAsB;IAClCC,oBAAoB,EAAE,gCAAgC;IACtDC,WAAW,EAAE,uBAAuB;IACpCC,YAAY,EAAE,wBAAwB;IACtCC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE,EAAE;IAClBC,aAAa,EAAE,EAAE;IACjBC,eAAe,EAAE;AACrB,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAG1B,eAAA,EAAA;IAAAO,OAAA,EAAA;QAAAoB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAtC,WAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAA1C,UAAA,EAAA;QAAA2C,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CASrB,CAAC;AAGS,4BAA4BE,KAAK,IAAG;IAC3C,MAAMC,UAAU,GAAGhC,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHnB,OAAO,MAAEN,mBAAY,EAACK,mBAAmB,CAACC,OAAO,EAAEmD,UAAU,CAACnD,OAAO,CAAC,uBAAA,EAA0B,CAAC;QACjGC,UAAU,MAAEP,mBAAY,EAACK,mBAAmB,CAACE,UAAU,EAAEkD,UAAU,CAAClD,UAAU,CAAC,0BAAA,EAA6B,CAAC;QAC7GC,WAAW,MAAER,mBAAY,EAACK,mBAAmB,CAACG,WAAW,EAAEiD,UAAU,CAACjD,WAAW,CAAC,2BAAA,EAA8B;IACpH,CAAC;AACL,CAAC"}

package/lib-commonjs/components/LineChart/useLineChartStyles.styles.raw.js

@@ -1,63 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    linechartClassNames: function() {
-        return linechartClassNames;
-    },
-    useLineChartStyles: function() {
-        return useLineChartStyles;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const _index = require("../../utilities/index");
-const linechartClassNames = {
-    tooltip: 'fui-line__tooltip',
-    lineBorder: 'fui-line_lineBorder',
-    markerLabel: 'fui-line__markerLabel',
-    root: 'fui-line__root',
-    xAxis: 'fui-line__xAxis',
-    yAxis: 'fui-line__yAxis',
-    legendContainer: 'fui-line__legendContainer',
-    hover: 'fui-line__hover',
-    descriptionMessage: 'fui-line__descriptionMessage',
-    axisTitle: 'fui-line__axisTitle',
-    chartTitle: 'fui-line__chartTitle',
-    opacityChangeOnHover: 'fui-line__opacityChangeOnHover',
-    shapeStyles: 'fui-line__shapeStyles',
-    chartWrapper: 'fui-line__chartWrapper',
-    svgTooltip: '',
-    chart: '',
-    axisAnnotation: '',
-    plotContainer: '',
-    annotationLayer: ''
-};
-/**
- * Base Styles
- */ const useStyles = (0, _react.makeStyles)({
-    tooltip: (0, _index.getTooltipStyle)(),
-    markerLabel: (0, _index.getMarkerLabelStyle)(),
-    lineBorder: {
-        stroke: _reacttheme.tokens.colorNeutralBackground1,
-        [_index.HighContrastSelector]: {
-            stroke: 'Canvas'
-        }
-    }
-});
-const useLineChartStyles = (props)=>{
-    const baseStyles = useStyles();
-    return {
-        tooltip: (0, _react.mergeClasses)(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),
-        lineBorder: (0, _react.mergeClasses)(linechartClassNames.lineBorder, baseStyles.lineBorder /*props.styles?.lineBorder*/ ),
-        markerLabel: (0, _react.mergeClasses)(linechartClassNames.markerLabel, baseStyles.markerLabel /*props.styles?.markerLabel*/ )
-    };
-};

package/lib-commonjs/components/LineChart/useLineChartStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/LineChart/useLineChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LineChartProps, LineChartStyles } from './LineChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { HighContrastSelector } from '../../utilities/index';\nimport { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const linechartClassNames: SlotClassNames<LineChartStyles> = {\n  tooltip: 'fui-line__tooltip',\n  lineBorder: 'fui-line_lineBorder',\n  markerLabel: 'fui-line__markerLabel',\n  root: 'fui-line__root',\n  xAxis: 'fui-line__xAxis',\n  yAxis: 'fui-line__yAxis',\n  legendContainer: 'fui-line__legendContainer',\n  hover: 'fui-line__hover',\n  descriptionMessage: 'fui-line__descriptionMessage',\n  axisTitle: 'fui-line__axisTitle',\n  chartTitle: 'fui-line__chartTitle',\n  opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n  shapeStyles: 'fui-line__shapeStyles',\n  chartWrapper: 'fui-line__chartWrapper',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n  plotContainer: '',\n  annotationLayer: '',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  tooltip: getTooltipStyle() as GriffelStyle,\n  markerLabel: getMarkerLabelStyle() as GriffelStyle,\n  lineBorder: {\n    stroke: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      stroke: 'Canvas',\n    },\n  },\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useLineChartStyles = (props: LineChartProps): LineChartStyles => {\n  const baseStyles = useStyles();\n  return {\n    tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n    lineBorder: mergeClasses(linechartClassNames.lineBorder, baseStyles.lineBorder /*props.styles?.lineBorder*/),\n    markerLabel: mergeClasses(linechartClassNames.markerLabel, baseStyles.markerLabel /*props.styles?.markerLabel*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","HighContrastSelector","getMarkerLabelStyle","getTooltipStyle","linechartClassNames","tooltip","lineBorder","markerLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","stroke","colorNeutralBackground1","useLineChartStyles","props","baseStyles"],"mappings":"AAAA;;;;;;;;;;;;IAaaM,mBAAAA;;;IAuCAuB,kBAAAA;;;;uBAjD4B,iBAAiB;4BACnC,wBAAwB;uBAGV,wBAAwB;AAMtD,4BAA6D;IAClEtB,SAAS;IACTC,YAAY;IACZC,aAAa;IACbC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;IAChBC,eAAe;IACfC,iBAAiB;AACnB,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAY1B,iBAAAA,EAAW;IAC3BO,aAASF,sBAAAA;IACTI,iBAAaL,0BAAAA;IACbI,YAAY;QACVmB,QAAQzB,kBAAAA,CAAO0B,uBAAuB;QACtC,CAACzB,2BAAAA,CAAqB,EAAE;YACtBwB,QAAQ;QACV;IACF;AACF;AAKO,2BAA2B,CAACG;IACjC,MAAMC,aAAaL;IACnB,OAAO;QACLnB,aAASN,mBAAAA,EAAaK,oBAAoBC,OAAO,EAAEwB,WAAWxB,OAAO,CAAC,uBAAuB;QAC7FC,gBAAYP,mBAAAA,EAAaK,oBAAoBE,UAAU,EAAEuB,WAAWvB,UAAU,CAAC,0BAA0B;QACzGC,iBAAaR,mBAAAA,EAAaK,oBAAoBG,WAAW,EAAEsB,WAAWtB,WAAW,CAAC,2BAA2B;IAC/G;AACF,EAAE"}