@fluentui/react-charts 0.0.0-nightly-20250423-1342.1 → 0.0.0-nightly-20250423-1415.1

package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js

@@ -0,0 +1,356 @@
+"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, {
+    cartesianchartClassNames: function() {
+        return cartesianchartClassNames;
+    },
+    useCartesianChartStyles: function() {
+        return useCartesianChartStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _utilities = require("../../utilities/utilities");
+const cartesianchartClassNames = {
+    root: 'fui-cart__root',
+    chartWrapper: 'fui-cart__chartWrapper',
+    axisTitle: 'fui-cart__axisTitle',
+    xAxis: 'fui-cart__xAxis',
+    yAxis: 'fui-cart__yAxis',
+    opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',
+    legendContainer: 'fui-cart__legendContainer',
+    calloutContentRoot: 'fui-cart__calloutContentRoot',
+    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',
+    calloutContentX: 'fui-cart__calloutContentX',
+    calloutBlockContainer: 'fui-cart__calloutBlockContainer',
+    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',
+    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',
+    shapeStyles: 'fui-cart__shapeStyles',
+    calloutlegendText: 'fui-cart__calloutlegendText',
+    calloutContentY: 'fui-cart__calloutContentY',
+    descriptionMessage: 'fui-cart__descriptionMessage',
+    hover: 'fui-cart__hover',
+    calloutInfoContainer: 'fui-cart__calloutInfoContainer',
+    tooltip: 'fui-cart__tooltip',
+    chartTitle: 'fui-cart__chartTitle'
+};
+/**
+ * Base Styles
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        mc9l5x: "f22iagw",
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl",
+        Beiy3e4: "f1vx9l62",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp"
+    },
+    chartWrapper: {
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1enuhaj"
+    },
+    axisTitle: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fcpl73t",
+        B80ckks: "fmd4ok8",
+        fsow6f: "f17mccla",
+        sj55zd: "fkfq4zb",
+        Bkfmm31: "fhuob2q"
+    },
+    xAxis: {
+        Bifops1: "fk6onyz",
+        lr70ht: "f17odlr9",
+        D01gh: "f1wvrikb",
+        vxuu72: "fidmvdy",
+        lclgl4: "f1noc3f3",
+        Dzfv0s: "f1rtcel9",
+        s17mou: "f4w8oyz",
+        jxu3ei: "fkuun",
+        B3i31d3: "f1u7a78k",
+        Bhcy8il: "f1myyn02",
+        t7r2jy: "f1ypwncy",
+        Bpf2t2a: "fs22wna",
+        J19x1g: "f19ju15u",
+        se2xxg: "f1x8lysa"
+    },
+    yAxis: {
+        lr70ht: "f17odlr9",
+        D01gh: "f1wvrikb",
+        vxuu72: "fidmvdy",
+        lclgl4: "f1noc3f3",
+        Bifops1: "fk6onyz",
+        Dzfv0s: "f1rtcel9",
+        s17mou: "f4w8oyz",
+        jxu3ei: "fkuun",
+        B3i31d3: "f1u7a78k",
+        t7r2jy: "f1ypwncy",
+        Bpf2t2a: "fs22wna",
+        J19x1g: "f19ju15u",
+        se2xxg: "f1x8lysa"
+    },
+    rtl: {
+        Bkw34lo: "f1j2g1si"
+    },
+    ltr: {},
+    opacityChangeOnHover: {
+        abs64n: "f9das1l",
+        Bceei9c: "f158kwzp"
+    },
+    legendContainer: {
+        B6of3ja: "frnwi6n",
+        Frg6f3: [
+            "ff3wqvv",
+            "f1l2akhw"
+        ]
+    },
+    calloutContentRoot: {
+        mc9l5x: "f13qh94s",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        z8tnut: "f1dvrhzg",
+        z189sj: [
+            "fjnv7mu",
+            "fae8789"
+        ],
+        Byoj8tv: "f1av7aef",
+        uwmqm3: [
+            "fae8789",
+            "fjnv7mu"
+        ],
+        De3pzq: "fxugw4r",
+        jy2i9i: "fronft5"
+    },
+    calloutDateTimeContainer: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq",
+        Brf1p80: "f1869bpl"
+    },
+    calloutContentX: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        abs64n: "fp25eh",
+        sj55zd: "fkfq4zb"
+    },
+    calloutBlockContainer: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "faaz57k",
+        B6of3ja: "f7jvbu2",
+        sj55zd: "fkfq4zb"
+    },
+    calloutBlockContainertoDrawShapefalse: {
+        B93v9kj: "f15mrrko",
+        ibv6hh: [
+            "frjpdoz",
+            "fm1xp1g"
+        ],
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    },
+    calloutBlockContainertoDrawShapetrue: {
+        mc9l5x: "f22iagw"
+    },
+    shapeStyles: {
+        t21cq0: [
+            "f1vcna3q",
+            "foyynoy"
+        ]
+    },
+    calloutLegendText: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        sj55zd: "fkfq4zb",
+        Bd6j3yi: "f5klfrb",
+        hbub2c: "f1f0smcx"
+    },
+    calloutContentY: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "flh3ekv",
+        Bg96gwp: "faaz57k",
+        Bd6j3yi: "f5klfrb",
+        hbub2c: "f1f0smcx"
+    },
+    descriptionMessage: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        sj55zd: "fkfq4zb",
+        B6of3ja: "f1gaxbfw",
+        z8tnut: "f1ngh7ph",
+        B4j52fo: "f1pgliyk"
+    }
+}, {
+    d: [
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f22iagw{display:flex;}",
+        ".fly5x3f{width:100%;}",
+        ".f1l02sjl{height:100%;}",
+        ".f1vx9l62{flex-direction:column;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1enuhaj{overflow:auto;}",
+            {
+                p: -1
+            }
+        ],
+        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".fcpl73t{line-height:var(--lineHeightBase100);}",
+        ".fmd4ok8{font-style:normal;}",
+        ".f17mccla{text-align:center;}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".fhuob2q{fill:var(--colorNeutralForeground1);}",
+        ".fk6onyz text{fill:var(--colorNeutralForeground1);}",
+        ".f17odlr9 text{font-family:var(--fontFamilyBase);}",
+        ".f1wvrikb text{font-size:var(--fontSizeBase100);}",
+        ".fidmvdy text{font-weight:var(--fontWeightSemibold);}",
+        ".f1noc3f3 text{line-height:var(--lineHeightBase100);}",
+        ".fkuun line{opacity:0.2;}",
+        ".f1u7a78k line{stroke:var(--colorNeutralForeground1);}",
+        ".f1myyn02 line{width:1px;}",
+        ".f1x8lysa path{display:none;}",
+        ".f1j2g1si g{text-anchor:end;}",
+        ".f9das1l{opacity:0.1;}",
+        ".f158kwzp{cursor:default;}",
+        ".frnwi6n{margin-top:var(--spacingVerticalS);}",
+        ".ff3wqvv{margin-left:var(--spacingHorizontalXL);}",
+        ".f1l2akhw{margin-right:var(--spacingHorizontalXL);}",
+        ".f13qh94s{display:grid;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1dvrhzg{padding-top:11px 16px 10px 16px;}",
+        ".fjnv7mu{padding-right:11px 16px 10px 16px;}",
+        ".fae8789{padding-left:11px 16px 10px 16px;}",
+        ".f1av7aef{padding-bottom:11px 16px 10px 16px;}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".fronft5{background-blend-mode:normal,luminosity;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f1869bpl{justify-content:space-between;}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".fp25eh{opacity:0.8;}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".f7jvbu2{margin-top:13px;}",
+        ".frjpdoz{border-left-width:4px solid;}",
+        ".fm1xp1g{border-right-width:4px solid;}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".f1vcna3q{margin-right:var(--spacingHorizontalS);}",
+        ".foyynoy{margin-left:var(--spacingHorizontalS);}",
+        ".flh3ekv{font-weight:var(--fontWeightBold);}",
+        ".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}",
+        ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}",
+        ".f1pgliyk{border-top-width:1px solid var(--colorNeutralStroke2);}"
+    ],
+    m: [
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f1rtcel9 text{fill:rgb(179, 179, 179);}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f4w8oyz text{forced-color-adjust:none;}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f1ypwncy line{opacity:0.1;}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.fs22wna line{stroke:rgb(179, 179, 179);}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f19ju15u line{forced-color-adjust:none;}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f15mrrko{forced-color-adjust:none;}}",
+            {
+                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f5klfrb{color:rgb(255, 255, 255);}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f1f0smcx{forced-color-adjust:none;}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ]
+    ]
+});
+const useCartesianChartStyles = (props)=>{
+    const _useRtl = (0, _utilities.useRtl)();
+    const baseStyles = useStyles();
+    return {
+        root: (0, _react.mergeClasses)(cartesianchartClassNames.root, baseStyles.root /*props.styles?.root*/ ),
+        chartWrapper: (0, _react.mergeClasses)(cartesianchartClassNames.chartWrapper, baseStyles.chartWrapper /*props.styles?.chartWrapper*/ ),
+        axisTitle: (0, _react.mergeClasses)(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/ ),
+        xAxis: (0, _react.mergeClasses)(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/ ),
+        yAxis: (0, _react.mergeClasses)(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/ ),
+        opacityChangeOnHover: (0, _react.mergeClasses)(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/ ),
+        legendContainer: (0, _react.mergeClasses)(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /*props.styles?.legendContainer*/ ),
+        calloutContentRoot: (0, _react.mergeClasses)(cartesianchartClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*props.styles?. calloutContentRoot*/ ),
+        calloutDateTimeContainer: (0, _react.mergeClasses)(cartesianchartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),
+        calloutContentX: (0, _react.mergeClasses)(cartesianchartClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),
+        calloutBlockContainer: (0, _react.mergeClasses)(cartesianchartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainer*/ ),
+        calloutBlockContainertoDrawShapefalse: (0, _react.mergeClasses)(cartesianchartClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),
+        calloutBlockContainertoDrawShapetrue: (0, _react.mergeClasses)(cartesianchartClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),
+        shapeStyles: (0, _react.mergeClasses)(cartesianchartClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),
+        calloutlegendText: (0, _react.mergeClasses)(cartesianchartClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),
+        calloutContentY: (0, _react.mergeClasses)(cartesianchartClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentY*/ ),
+        descriptionMessage: (0, _react.mergeClasses)(cartesianchartClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ )
+    };
+}; //# sourceMappingURL=useCartesianChartStyles.styles.js.map

package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCartesianChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { HighContrastSelectorBlack, HighContrastSelector } from '../../utilities/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useRtl } from '../../utilities/utilities';\n/**\n * @internal\n */ export const cartesianchartClassNames = {\n    root: 'fui-cart__root',\n    chartWrapper: 'fui-cart__chartWrapper',\n    axisTitle: 'fui-cart__axisTitle',\n    xAxis: 'fui-cart__xAxis',\n    yAxis: 'fui-cart__yAxis',\n    opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',\n    legendContainer: 'fui-cart__legendContainer',\n    calloutContentRoot: 'fui-cart__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',\n    calloutContentX: 'fui-cart__calloutContentX',\n    calloutBlockContainer: 'fui-cart__calloutBlockContainer',\n    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',\n    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',\n    shapeStyles: 'fui-cart__shapeStyles',\n    calloutlegendText: 'fui-cart__calloutlegendText',\n    calloutContentY: 'fui-cart__calloutContentY',\n    descriptionMessage: 'fui-cart__descriptionMessage',\n    hover: 'fui-cart__hover',\n    calloutInfoContainer: 'fui-cart__calloutInfoContainer',\n    tooltip: 'fui-cart__tooltip',\n    chartTitle: 'fui-cart__chartTitle'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n        flexDirection: 'column',\n        overflow: 'hidden'\n    },\n    chartWrapper: {\n        overflow: 'auto'\n    },\n    axisTitle: {\n        ...typographyStyles.caption2Strong,\n        fontStyle: 'normal',\n        textAlign: 'center',\n        color: tokens.colorNeutralForeground2,\n        fill: tokens.colorNeutralForeground1\n    },\n    xAxis: {\n        '& text': {\n            fill: tokens.colorNeutralForeground1,\n            ...typographyStyles.caption2Strong,\n            [HighContrastSelectorBlack]: {\n                fill: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& line': {\n            opacity: 0.2,\n            stroke: tokens.colorNeutralForeground1,\n            width: '1px',\n            [HighContrastSelectorBlack]: {\n                opacity: 0.1,\n                stroke: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& path': {\n            display: 'none'\n        }\n    },\n    yAxis: {\n        '& text': {\n            ...typographyStyles.caption2Strong,\n            fill: tokens.colorNeutralForeground1,\n            [HighContrastSelectorBlack]: {\n                fill: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& line': {\n            opacity: 0.2,\n            stroke: tokens.colorNeutralForeground1,\n            [HighContrastSelectorBlack]: {\n                opacity: 0.1,\n                stroke: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& path': {\n            display: 'none'\n        }\n    },\n    rtl: {\n        '& g': {\n            textAnchor: 'end'\n        }\n    },\n    ltr: {},\n    opacityChangeOnHover: {\n        opacity: '0.1',\n        cursor: 'default'\n    },\n    legendContainer: {\n        marginTop: tokens.spacingVerticalS,\n        marginLeft: tokens.spacingHorizontalXL\n    },\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        ...shorthands.padding('11px 16px 10px 16px'),\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        opacity: '0.8',\n        color: tokens.colorNeutralForeground2\n    },\n    calloutBlockContainer: {\n        ...typographyStyles.body2,\n        marginTop: '13px',\n        color: tokens.colorNeutralForeground2\n    },\n    calloutBlockContainertoDrawShapefalse: {\n        [HighContrastSelector]: {\n            forcedColorAdjust: 'none'\n        },\n        ...shorthands.borderLeft('4px solid'),\n        paddingLeft: tokens.spacingHorizontalS\n    },\n    calloutBlockContainertoDrawShapetrue: {\n        display: 'flex'\n    },\n    shapeStyles: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    calloutLegendText: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        [HighContrastSelectorBlack]: {\n            color: 'rgb(255, 255, 255)',\n            forcedColorAdjust: 'none'\n        }\n    },\n    calloutContentY: {\n        ...typographyStyles.subtitle2Stronger,\n        [HighContrastSelectorBlack]: {\n            color: 'rgb(255, 255, 255)',\n            forcedColorAdjust: 'none'\n        }\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        marginTop: tokens.spacingVerticalMNudge,\n        paddingTop: tokens.spacingVerticalMNudge,\n        ...shorthands.borderTop(`1px solid ${tokens.colorNeutralStroke2}`)\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useCartesianChartStyles = (props)=>{\n    const _useRtl = useRtl();\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(cartesianchartClassNames.root, baseStyles.root /*props.styles?.root*/ ),\n        chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, baseStyles.chartWrapper /*props.styles?.chartWrapper*/ ),\n        axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/ ),\n        xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/ ),\n        yAxis: mergeClasses(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/ ),\n        opacityChangeOnHover: mergeClasses(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/ ),\n        legendContainer: mergeClasses(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /*props.styles?.legendContainer*/ ),\n        calloutContentRoot: mergeClasses(cartesianchartClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*props.styles?. calloutContentRoot*/ ),\n        calloutDateTimeContainer: mergeClasses(cartesianchartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),\n        calloutContentX: mergeClasses(cartesianchartClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),\n        calloutBlockContainer: mergeClasses(cartesianchartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainer*/ ),\n        calloutBlockContainertoDrawShapefalse: mergeClasses(cartesianchartClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),\n        calloutBlockContainertoDrawShapetrue: mergeClasses(cartesianchartClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),\n        shapeStyles: mergeClasses(cartesianchartClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),\n        calloutlegendText: mergeClasses(cartesianchartClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),\n        calloutContentY: mergeClasses(cartesianchartClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentY*/ ),\n        descriptionMessage: mergeClasses(cartesianchartClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ )\n    };\n};\n"],"names":["cartesianchartClassNames","useCartesianChartStyles","root","chartWrapper","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","hover","calloutInfoContainer","tooltip","chartTitle","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","B80ckks","fsow6f","sj55zd","Bkfmm31","Bifops1","lr70ht","D01gh","vxuu72","lclgl4","Dzfv0s","s17mou","jxu3ei","B3i31d3","Bhcy8il","t7r2jy","Bpf2t2a","J19x1g","se2xxg","rtl","Bkw34lo","ltr","abs64n","Bceei9c","B6of3ja","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Brf1p80","B93v9kj","ibv6hh","t21cq0","calloutLegendText","Bd6j3yi","hbub2c","B4j52fo","d","p","m","props","_useRtl","useRtl","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/CommonComponents/useChartPopoverStyles.styles.js

@@ -0,0 +1,261 @@
+"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, {
+    popoverClassNames: function() {
+        return popoverClassNames;
+    },
+    usePopoverStyles_unstable: function() {
+        return usePopoverStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const popoverClassNames = {
+    calloutContentRoot: 'fui-cart__calloutContentRoot',
+    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',
+    calloutContentX: 'fui-cart__calloutContentX',
+    calloutBlockContainer: 'fui-cart__calloutBlockContainer',
+    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',
+    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',
+    shapeStyles: 'fui-cart__shapeStyles',
+    calloutlegendText: 'fui-cart__calloutlegendText',
+    calloutContentY: 'fui-cart__calloutContentY',
+    descriptionMessage: 'fui-cart__descriptionMessage',
+    ratio: 'fui-cart__ratio',
+    numerator: 'fui-cart__numerator',
+    denominator: 'fui-cart__denominator',
+    calloutInfoContainer: 'fui-cart__calloutInfoContainer',
+    calloutContainer: 'fui-cart__calloutContainer'
+};
+/**
+ * Base Styles
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    calloutContentRoot: {
+        mc9l5x: "f1bxpd7w",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        z8tnut: "f1dvrhzg",
+        z189sj: [
+            "fjnv7mu",
+            "fae8789"
+        ],
+        Byoj8tv: "f1av7aef",
+        uwmqm3: [
+            "fae8789",
+            "fjnv7mu"
+        ],
+        De3pzq: "fxugw4r",
+        jy2i9i: "fronft5"
+    },
+    calloutDateTimeContainer: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq",
+        Brf1p80: "f1869bpl"
+    },
+    calloutContentX: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        abs64n: "fp25eh",
+        sj55zd: "fkfq4zb"
+    },
+    calloutBlockContainer: {
+        sj55zd: "fkfq4zb"
+    },
+    calloutBlockContainerCartesian: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        B6of3ja: "f7jvbu2"
+    },
+    calloutBlockContainerNonCartesian: {
+        Be2twd7: "fojgt09",
+        Bg96gwp: "f82itaf",
+        bo4z9n: "fg7a56h"
+    },
+    calloutBlockContainertoDrawShapefalse: {
+        bo4z9n: "fg7a56h",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    },
+    calloutBlockContainertoDrawShapetrue: {
+        mc9l5x: "fwk3njj"
+    },
+    shapeStyles: {
+        t21cq0: [
+            "f1vcna3q",
+            "foyynoy"
+        ]
+    },
+    calloutLegendText: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        sj55zd: "fkfq4zb",
+        B1cpy0k: "fig6os7"
+    },
+    calloutContentY: {
+        B1cpy0k: "fig6os7"
+    },
+    calloutContentYCartesian: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "flh3ekv",
+        Bg96gwp: "faaz57k"
+    },
+    calloutContentYNonCartesian: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fojgt09",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fcen8rp"
+    },
+    descriptionMessage: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        sj55zd: "fkfq4zb",
+        B6of3ja: "f1gaxbfw",
+        z8tnut: "f1ngh7ph",
+        B4j52fo: "f1pgliyk"
+    },
+    ratio: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fcpl73t",
+        Frg6f3: [
+            "f1t5qyk5",
+            "f1ikr372"
+        ],
+        sj55zd: "f19n0e5"
+    },
+    numerator: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fcpl73t"
+    },
+    denominator: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fcpl73t"
+    },
+    calloutInfoContainer: {
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    },
+    calloutContainer: {
+        a6j6cd: "f1j86lqe",
+        B93v9kj: "f15mrrko"
+    }
+}, {
+    d: [
+        ".f1bxpd7w{display:contents;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1dvrhzg{padding-top:11px 16px 10px 16px;}",
+        ".fjnv7mu{padding-right:11px 16px 10px 16px;}",
+        ".fae8789{padding-left:11px 16px 10px 16px;}",
+        ".f1av7aef{padding-bottom:11px 16px 10px 16px;}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".fronft5{background-blend-mode:normal,luminosity;}",
+        ".f22iagw{display:flex;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f1869bpl{justify-content:space-between;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".fp25eh{opacity:0.8;}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".f7jvbu2{margin-top:13px;}",
+        ".fojgt09{font-size:var(--fontSizeHero700);}",
+        ".f82itaf{line-height:22px;}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".fwk3njj{display:inline-grid;}",
+        ".f1vcna3q{margin-right:var(--spacingHorizontalS);}",
+        ".foyynoy{margin-left:var(--spacingHorizontalS);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".flh3ekv{font-weight:var(--fontWeightBold);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".fcen8rp{line-height:var(--lineHeightHero700);}",
+        ".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}",
+        ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}",
+        ".f1pgliyk{border-top-width:1px solid var(--colorNeutralStroke2);}",
+        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
+        ".fcpl73t{line-height:var(--lineHeightBase100);}",
+        ".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}",
+        ".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}"
+    ],
+    m: [
+        [
+            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.fg7a56h selectors{forced-color-adjust:none;}}",
+            {
+                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.fig6os7 selectors{color:rgb(255, 255, 255);}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f1j86lqe{fill:WindowText;}}",
+            {
+                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f15mrrko{forced-color-adjust:none;}}",
+            {
+                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+            }
+        ]
+    ]
+});
+const usePopoverStyles_unstable = (props)=>{
+    const { isCartesian } = props;
+    const baseStyles = useStyles();
+    return {
+        calloutContentRoot: (0, _react.mergeClasses)(popoverClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*props.styles?. calloutContentRoot*/ ),
+        calloutDateTimeContainer: (0, _react.mergeClasses)(popoverClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),
+        calloutContentX: (0, _react.mergeClasses)(popoverClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),
+        calloutBlockContainer: (0, _react.mergeClasses)(popoverClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainerCartesian*/ , isCartesian ? baseStyles.calloutBlockContainerCartesian : baseStyles.calloutBlockContainerNonCartesian),
+        calloutBlockContainertoDrawShapefalse: (0, _react.mergeClasses)(popoverClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),
+        calloutBlockContainertoDrawShapetrue: (0, _react.mergeClasses)(popoverClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),
+        shapeStyles: (0, _react.mergeClasses)(popoverClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),
+        calloutlegendText: (0, _react.mergeClasses)(popoverClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),
+        calloutContentY: (0, _react.mergeClasses)(popoverClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentYNonCartesian*/ , isCartesian ? baseStyles.calloutContentYCartesian : baseStyles.calloutContentYNonCartesian),
+        descriptionMessage: (0, _react.mergeClasses)(popoverClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ ),
+        ratio: (0, _react.mergeClasses)(popoverClassNames.ratio, baseStyles.ratio /*props.styles?.ratio*/ ),
+        numerator: (0, _react.mergeClasses)(popoverClassNames.numerator, baseStyles.numerator /*props.styles?.numerator*/ ),
+        denominator: (0, _react.mergeClasses)(popoverClassNames.denominator, baseStyles.denominator /*props.styles?.denominator*/ ),
+        calloutInfoContainer: (0, _react.mergeClasses)(popoverClassNames.calloutInfoContainer, baseStyles.calloutInfoContainer),
+        calloutContainer: (0, _react.mergeClasses)(popoverClassNames.calloutContainer, baseStyles.calloutContainer)
+    };
+}; //# sourceMappingURL=useChartPopoverStyles.styles.js.map