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

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

@@ -1,456 +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, {
-    INACTIVE_LEGEND_TEXT_OPACITY: function() {
-        return INACTIVE_LEGEND_TEXT_OPACITY;
-    },
-    LEGEND_CONTAINER_MARGIN_START: function() {
-        return LEGEND_CONTAINER_MARGIN_START;
-    },
-    LEGEND_CONTAINER_MARGIN_TOP: function() {
-        return LEGEND_CONTAINER_MARGIN_TOP;
-    },
-    LEGEND_HEIGHT: function() {
-        return LEGEND_HEIGHT;
-    },
-    LEGEND_PADDING: function() {
-        return LEGEND_PADDING;
-    },
-    LEGEND_SHAPE_BORDER: function() {
-        return LEGEND_SHAPE_BORDER;
-    },
-    LEGEND_SHAPE_MARGIN_END: function() {
-        return LEGEND_SHAPE_MARGIN_END;
-    },
-    LEGEND_SHAPE_SIZE: function() {
-        return LEGEND_SHAPE_SIZE;
-    },
-    legendClassNames: function() {
-        return legendClassNames;
-    },
-    useLegendStyles: function() {
-        return useLegendStyles;
-    }
-});
-const _react = require("@griffel/react");
-const LEGEND_CONTAINER_MARGIN_TOP = 8;
-const LEGEND_CONTAINER_MARGIN_START = 12;
-const LEGEND_PADDING = 8;
-const LEGEND_HEIGHT = 32;
-const LEGEND_SHAPE_BORDER = 1;
-const LEGEND_SHAPE_SIZE_WITHOUT_BORDER = 12;
-const LEGEND_SHAPE_SIZE = LEGEND_SHAPE_SIZE_WITHOUT_BORDER + LEGEND_SHAPE_BORDER;
-const LEGEND_SHAPE_MARGIN_END = 8;
-const INACTIVE_LEGEND_TEXT_OPACITY = 0.67;
-const legendClassNames = {
-    root: 'fui-legend__root',
-    legend: 'fui-legend__legend',
-    rect: 'fui-legend__rect',
-    shape: 'fui-legend__shape',
-    triangle: 'fui-legend__triangle',
-    text: 'fui-legend__text',
-    hoverChange: 'fui-legend__hoverChange',
-    resizableArea: 'fui-legend__resizableArea',
-    legendContainer: 'fui-legend__legendContainer',
-    annotation: 'fui-legend__annotation'
-};
-const useStyles = /*#__PURE__*/ (0, _react.__styles)({
-    root: {
-        Huce71: "fz5stix",
-        a9b677: "fly5x3f",
-        Bt984gj: "f122n59"
-    },
-    legend: {
-        Bt984gj: "f122n59",
-        Brf1p80: [
-            "fc7pyfw",
-            "fgbriwd"
-        ],
-        Bceei9c: "f1k6fduh",
-        Bgfg5da: 0,
-        B9xav0g: 0,
-        oivjwe: 0,
-        Bn0qgzm: 0,
-        B4g9neb: 0,
-        zhjwy3: 0,
-        wvpqe5: 0,
-        ibv6hh: 0,
-        u1mtju: 0,
-        h3c5rm: 0,
-        vrafjx: 0,
-        Bekrc4i: 0,
-        i8vvqc: 0,
-        g2u3we: 0,
-        icvyot: 0,
-        B4j52fo: 0,
-        irswps: "f3bhgqh",
-        Byoj8tv: 0,
-        uwmqm3: 0,
-        z189sj: 0,
-        z8tnut: 0,
-        B0ocmuz: "f1t756mo",
-        B9bfxx9: "fiwaqkr",
-        Bf4jedk: "fy77jfu",
-        ixv5ic: "f4ji673",
-        Bkoo3cm: "fbcj00p",
-        F23esa: 0,
-        Icej2d: 0,
-        B9gsw3i: 0,
-        swriq4: "fzc3p5w",
-        awn1t: "f9kwof",
-        Blj5yig: "f15ldg54",
-        Fdtwhm: "f1mwmwal"
-    },
-    rect: {
-        Blctwrt: "fdv7tct",
-        Bh9kdj0: "f1cdg9pe",
-        a9b677: "frx94fk",
-        t21cq0: [
-            "f1phki43",
-            "ff9s3yw"
-        ],
-        Bgfg5da: 0,
-        B9xav0g: 0,
-        oivjwe: 0,
-        Bn0qgzm: 0,
-        B4g9neb: 0,
-        zhjwy3: 0,
-        wvpqe5: 0,
-        ibv6hh: 0,
-        u1mtju: 0,
-        h3c5rm: 0,
-        vrafjx: 0,
-        Bekrc4i: 0,
-        i8vvqc: 0,
-        g2u3we: 0,
-        icvyot: 0,
-        B4j52fo: 0,
-        irswps: "fpyyuzi"
-    },
-    shape: {
-        t21cq0: [
-            "f1phki43",
-            "ff9s3yw"
-        ]
-    },
-    triangle: {
-        a9b677: "f3tsq5r",
-        Bqenvij: "fniina8",
-        zhjwy3: 0,
-        wvpqe5: 0,
-        ibv6hh: 0,
-        B4g9neb: [
-            "fnw0r6y",
-            "f1rx5fa6"
-        ],
-        h3c5rm: 0,
-        vrafjx: 0,
-        Bekrc4i: 0,
-        u1mtju: [
-            "f1rx5fa6",
-            "fnw0r6y"
-        ],
-        g2u3we: 0,
-        icvyot: 0,
-        B4j52fo: 0,
-        i8vvqc: "f8yytl1",
-        t21cq0: [
-            "f1vcna3q",
-            "foyynoy"
-        ]
-    },
-    text: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fy9rknc",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "fwrc4pm",
-        sj55zd: "f19n0e5",
-        Bvjb7m6: "fhv2zbx"
-    },
-    hoverChange: {
-        a9b677: "frx94fk",
-        Bqenvij: "fvblgha",
-        t21cq0: [
-            "f1vcna3q",
-            "foyynoy"
-        ],
-        Bgfg5da: 0,
-        B9xav0g: 0,
-        oivjwe: 0,
-        Bn0qgzm: 0,
-        B4g9neb: 0,
-        zhjwy3: 0,
-        wvpqe5: 0,
-        ibv6hh: 0,
-        u1mtju: 0,
-        h3c5rm: 0,
-        vrafjx: 0,
-        Bekrc4i: 0,
-        i8vvqc: 0,
-        g2u3we: 0,
-        icvyot: 0,
-        B4j52fo: 0,
-        irswps: "fpyyuzi"
-    },
-    resizableArea: {
-        qhf8xq: "f10pi13n",
-        fsow6f: [
-            "f1o700av",
-            "fes3tcz"
-        ],
-        Bz10aip: [
-            "f15ivbov",
-            "fjwp9lj"
-        ],
-        Bhzewxz: "f198g47y",
-        oyh7mz: [
-            "f1ktbn1t",
-            "ffenbu1"
-        ],
-        Bf4jedk: "f93ek0f",
-        B2u0y6b: "f1cgdal8",
-        B4uzyy: 0,
-        Be2s5ez: 0,
-        u6pn5x: 0,
-        smv486: 0,
-        B1nu0jp: "fhpgs2q",
-        B0n5ga8: 0,
-        Bm2nyyq: 0,
-        xrcqlc: 0,
-        wywymt: "f3dcgnf",
-        Gp14am: 0,
-        vfts7: 0,
-        Bhxzhr1: 0,
-        Du69r6: [
-            "ft9y50a",
-            "f1lazvcb"
-        ]
-    },
-    legendContainer: {
-        xawz: 0,
-        Bh6795r: 0,
-        Bnnss6s: 0,
-        fkmc3a: "fd43uyw",
-        jrapky: 0,
-        Frg6f3: 0,
-        t21cq0: 0,
-        B6of3ja: 0,
-        B74szlk: "fduql59"
-    },
-    annotation: {
-        mc9l5x: "f22iagw",
-        Bt984gj: "f122n59",
-        i8kkvl: 0,
-        Belr9w4: 0,
-        rmohyg: "f4xv25i"
-    }
-}, {
-    d: [
-        ".fz5stix{white-space:nowrap;}",
-        ".fly5x3f{width:100%;}",
-        ".f122n59{align-items:center;}",
-        ".fc7pyfw{justify-content:left;}",
-        ".fgbriwd{justify-content:right;}",
-        ".f1k6fduh{cursor:pointer;}",
-        [
-            ".f3bhgqh{border:none;}",
-            {
-                p: -2
-            }
-        ],
-        [
-            ".f1t756mo{padding:8px;}",
-            {
-                p: -1
-            }
-        ],
-        ".fiwaqkr{text-transform:capitalize;}",
-        ".fy77jfu{min-width:0;}",
-        ".frx94fk{width:12px;}",
-        ".f1phki43{margin-right:8px;}",
-        ".ff9s3yw{margin-left:8px;}",
-        [
-            ".fpyyuzi{border:1px solid;}",
-            {
-                p: -2
-            }
-        ],
-        ".f3tsq5r{width:0;}",
-        ".fniina8{height:0;}",
-        [
-            ".fnw0r6y{border-left:6px solid transparent;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f1rx5fa6{border-right:6px solid transparent;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f1rx5fa6{border-right:6px solid transparent;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".fnw0r6y{border-left:6px solid transparent;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f8yytl1{border-top:10.4px solid;}",
-            {
-                p: -1
-            }
-        ],
-        ".f1vcna3q{margin-right:var(--spacingHorizontalS);}",
-        ".foyynoy{margin-left:var(--spacingHorizontalS);}",
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".fy9rknc{font-size:var(--fontSizeBase200);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
-        ".f19n0e5{color:var(--colorNeutralForeground1);}",
-        ".fhv2zbx{forced-color-adjust:auto;}",
-        ".fvblgha{height:12px;}",
-        [
-            ".fpyyuzi{border:1px solid;}",
-            {
-                p: -2
-            }
-        ],
-        ".f10pi13n{position:relative;}",
-        ".f1o700av{text-align:left;}",
-        ".fes3tcz{text-align:right;}",
-        ".f15ivbov{transform:translate(-50%, 0);}",
-        ".fjwp9lj{transform:translate(50%, 0);}",
-        ".f198g47y{top:auto;}",
-        ".f1ktbn1t{left:50%;}",
-        ".ffenbu1{right:50%;}",
-        ".f93ek0f{min-width:200px;}",
-        ".f1cgdal8{max-width:800px;}",
-        [
-            ".fhpgs2q::after{padding:1px 4px 1px;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f3dcgnf::after{border-top:-2px;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".ft9y50a::after{border-left:-2px;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f1lazvcb::after{border-right:-2px;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".fd43uyw{flex:0 1 auto;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".fduql59{margin:4px;}",
-            {
-                p: -1
-            }
-        ],
-        ".f22iagw{display:flex;}",
-        [
-            ".f4xv25i{gap:4px;}",
-            {
-                p: -1
-            }
-        ]
-    ],
-    m: [
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f4ji673{color: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){.fbcj00p{forced-color-adjust:none;}}",
-            {
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ],
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.fzc3p5w:focus-visible{outline:var(--strokeWidthThick) solid canvasText;}}",
-            {
-                p: -1,
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ],
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f9kwof:focus-visible{outline-offset:calc(var(--strokeWidthThick) * -1);}}",
-            {
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ],
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f15ldg54:hover{color:HighlightText;}}",
-            {
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ],
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f1mwmwal:hover{forced-color-adjust:none;}}",
-            {
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ],
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.fdv7tct{content:var(--rect-content-high-contrast);}}",
-            {
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ],
-        [
-            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f1cdg9pe{opacity:var(--rect-opacity-high-contrast);}}",
-            {
-                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-            }
-        ]
-    ]
-});
-const useLegendStyles = (props)=>{
-    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9;
-    const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.
-    const baseStyles = useStyles();
-    return {
-        root: (0, _react.mergeClasses)(legendClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
-        legend: (0, _react.mergeClasses)(legendClassNames.legend, baseStyles.legend, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.legend),
-        rect: (0, _react.mergeClasses)(legendClassNames.rect, baseStyles.rect, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.rect),
-        shape: (0, _react.mergeClasses)(legendClassNames.shape, baseStyles.shape, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.shape),
-        triangle: (0, _react.mergeClasses)(legendClassNames.triangle, baseStyles.triangle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.triangle),
-        text: (0, _react.mergeClasses)(legendClassNames.text, baseStyles.text, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.text),
-        hoverChange: (0, _react.mergeClasses)(legendClassNames.hoverChange, baseStyles.hoverChange, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.hoverChange),
-        resizableArea: (0, _react.mergeClasses)(legendClassNames.resizableArea, baseStyles.resizableArea, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.resizableArea),
-        legendContainer: (0, _react.mergeClasses)(legendClassNames.legendContainer, baseStyles.legendContainer, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.legendContainer),
-        annotation: (0, _react.mergeClasses)(legendClassNames.annotation, baseStyles.annotation, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.annotation)
-    };
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["useLegendsStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n// Constants needed to create legends using SVG for image export\nexport const LEGEND_CONTAINER_MARGIN_TOP = 8;\nexport const LEGEND_CONTAINER_MARGIN_START = 12;\nexport const LEGEND_PADDING = 8;\nexport const LEGEND_HEIGHT = 32;\nexport const LEGEND_SHAPE_BORDER = 1;\nconst LEGEND_SHAPE_SIZE_WITHOUT_BORDER = 12;\n// SVG strokes are drawn centered around the path, with half of the stroke width extending inward\n// (overlapping the fill area) and half outward. To ensure the filled area maintains its intended size,\n// expand the shape accordingly.\nexport const LEGEND_SHAPE_SIZE = LEGEND_SHAPE_SIZE_WITHOUT_BORDER + LEGEND_SHAPE_BORDER;\nexport const LEGEND_SHAPE_MARGIN_END = 8;\nexport const INACTIVE_LEGEND_TEXT_OPACITY = 0.67;\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    legendContainer: 'fui-legend__legendContainer',\n    annotation: 'fui-legend__annotation'\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    },\n    legend: {\n        // setting display to flex does not work\n        // display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'left',\n        cursor: 'pointer',\n        border: 'none',\n        padding: `${LEGEND_PADDING}px`,\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            '&:focus-visible': {\n                outline: `${tokens.strokeWidthThick} solid canvasText`,\n                outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`\n            }\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: `${LEGEND_SHAPE_SIZE_WITHOUT_BORDER}px`,\n        marginRight: `${LEGEND_SHAPE_MARGIN_END}px`,\n        border: `${LEGEND_SHAPE_BORDER}px solid`\n    },\n    shape: {\n        marginRight: `${LEGEND_SHAPE_MARGIN_END}px`\n    },\n    // TO DO Add props when these styles are used in the component\n    triangle: {\n        width: '0',\n        height: '0',\n        borderLeft: '6px solid transparent',\n        borderRight: '6px solid transparent',\n        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        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            padding: '1px 4px 1px',\n            borderTop: '-2px',\n            borderLeft: '-2px'\n        }\n    },\n    legendContainer: {\n        flex: '0 1 auto',\n        margin: '4px'\n    },\n    annotation: {\n        display: 'flex',\n        alignItems: 'center',\n        gap: '4px'\n    }\n});\nexport const useLegendStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9;\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        legendContainer: mergeClasses(legendClassNames.legendContainer, baseStyles.legendContainer, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.legendContainer),\n        annotation: mergeClasses(legendClassNames.annotation, baseStyles.annotation, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.annotation)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","HighContrastSelector","LEGEND_CONTAINER_MARGIN_TOP","LEGEND_CONTAINER_MARGIN_START","LEGEND_PADDING","LEGEND_HEIGHT","LEGEND_SHAPE_BORDER","LEGEND_SHAPE_SIZE_WITHOUT_BORDER","LEGEND_SHAPE_SIZE","LEGEND_SHAPE_MARGIN_END","INACTIVE_LEGEND_TEXT_OPACITY","legendClassNames","root","legend","rect","shape","triangle","text","hoverChange","resizableArea","legendContainer","annotation","useStyles","Huce71","a9b677","Bt984gj","Brf1p80","Bceei9c","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B9bfxx9","Bf4jedk","ixv5ic","Bkoo3cm","F23esa","Icej2d","B9gsw3i","swriq4","awn1t","Blj5yig","Fdtwhm","Blctwrt","Bh9kdj0","t21cq0","Bqenvij","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","sj55zd","Bvjb7m6","qhf8xq","fsow6f","Bz10aip","Bhzewxz","oyh7mz","B2u0y6b","B4uzyy","Be2s5ez","u6pn5x","smv486","B1nu0jp","B0n5ga8","Bm2nyyq","xrcqlc","wywymt","Gp14am","vfts7","Bhxzhr1","Du69r6","xawz","Bh6795r","Bnnss6s","fkmc3a","jrapky","Frg6f3","B6of3ja","B74szlk","mc9l5x","i8kkvl","Belr9w4","rmohyg","d","p","m","useLegendStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","className","baseStyles","styles"],"mappings":"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"}

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

@@ -1,178 +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, {
-    INACTIVE_LEGEND_TEXT_OPACITY: function() {
-        return INACTIVE_LEGEND_TEXT_OPACITY;
-    },
-    LEGEND_CONTAINER_MARGIN_START: function() {
-        return LEGEND_CONTAINER_MARGIN_START;
-    },
-    LEGEND_CONTAINER_MARGIN_TOP: function() {
-        return LEGEND_CONTAINER_MARGIN_TOP;
-    },
-    LEGEND_HEIGHT: function() {
-        return LEGEND_HEIGHT;
-    },
-    LEGEND_PADDING: function() {
-        return LEGEND_PADDING;
-    },
-    LEGEND_SHAPE_BORDER: function() {
-        return LEGEND_SHAPE_BORDER;
-    },
-    LEGEND_SHAPE_MARGIN_END: function() {
-        return LEGEND_SHAPE_MARGIN_END;
-    },
-    LEGEND_SHAPE_SIZE: function() {
-        return LEGEND_SHAPE_SIZE;
-    },
-    legendClassNames: function() {
-        return legendClassNames;
-    },
-    useLegendStyles: function() {
-        return useLegendStyles;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const _index = require("../../utilities/index");
-const LEGEND_CONTAINER_MARGIN_TOP = 8;
-const LEGEND_CONTAINER_MARGIN_START = 12;
-const LEGEND_PADDING = 8;
-const LEGEND_HEIGHT = 32;
-const LEGEND_SHAPE_BORDER = 1;
-const LEGEND_SHAPE_SIZE_WITHOUT_BORDER = 12;
-const LEGEND_SHAPE_SIZE = LEGEND_SHAPE_SIZE_WITHOUT_BORDER + LEGEND_SHAPE_BORDER;
-const LEGEND_SHAPE_MARGIN_END = 8;
-const INACTIVE_LEGEND_TEXT_OPACITY = 0.67;
-const legendClassNames = {
-    root: 'fui-legend__root',
-    legend: 'fui-legend__legend',
-    rect: 'fui-legend__rect',
-    shape: 'fui-legend__shape',
-    triangle: 'fui-legend__triangle',
-    text: 'fui-legend__text',
-    hoverChange: 'fui-legend__hoverChange',
-    resizableArea: 'fui-legend__resizableArea',
-    legendContainer: 'fui-legend__legendContainer',
-    annotation: 'fui-legend__annotation'
-};
-const useStyles = (0, _react.makeStyles)({
-    root: {
-        // FIXME: Removing this style allows the legend container in responsive donut chart to resize
-        // properly (horizontally) within a flexbox or grid layout. But it causes vertical resizing issues
-        // in responsive charts where legends consist of multiple words.
-        whiteSpace: 'nowrap',
-        width: '100%',
-        alignItems: 'center'
-    },
-    legend: {
-        // setting display to flex does not work
-        // display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'left',
-        cursor: 'pointer',
-        border: 'none',
-        padding: `${LEGEND_PADDING}px`,
-        textTransform: 'capitalize',
-        // The default min-width is 64px. Setting it to 0 allows the legend container in responsive
-        // cartesian charts to resize properly within a flexbox or grid layout.
-        minWidth: 0,
-        [_index.HighContrastSelector]: {
-            color: 'WindowText',
-            forcedColorAdjust: 'none',
-            '&:focus-visible': {
-                outline: `${_reacttheme.tokens.strokeWidthThick} solid canvasText`,
-                outlineOffset: `calc(${_reacttheme.tokens.strokeWidthThick} * -1)`
-            }
-        },
-        '&:hover': {
-            [_index.HighContrastSelector]: {
-                color: 'HighlightText',
-                forcedColorAdjust: 'none'
-            }
-        }
-    },
-    rect: {
-        [_index.HighContrastSelector]: {
-            content: 'var(--rect-content-high-contrast)',
-            opacity: 'var(--rect-opacity-high-contrast)'
-        },
-        width: `${LEGEND_SHAPE_SIZE_WITHOUT_BORDER}px`,
-        marginRight: `${LEGEND_SHAPE_MARGIN_END}px`,
-        border: `${LEGEND_SHAPE_BORDER}px solid`
-    },
-    shape: {
-        marginRight: `${LEGEND_SHAPE_MARGIN_END}px`
-    },
-    // TO DO Add props when these styles are used in the component
-    triangle: {
-        width: '0',
-        height: '0',
-        borderLeft: '6px solid transparent',
-        borderRight: '6px solid transparent',
-        borderTop: '10.4px solid',
-        marginRight: _reacttheme.tokens.spacingHorizontalS
-    },
-    // TO DO Add props when these styles are used in the component
-    text: {
-        ..._reacttheme.typographyStyles.caption1,
-        color: _reacttheme.tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto'
-    },
-    // TO DO Add props when these styles are used in the component
-    hoverChange: {
-        width: '12px',
-        height: '12px',
-        marginRight: _reacttheme.tokens.spacingHorizontalS,
-        border: '1px solid'
-    },
-    resizableArea: {
-        position: 'relative',
-        textAlign: 'left',
-        transform: 'translate(-50%, 0)',
-        top: 'auto',
-        left: '50%',
-        minWidth: '200px',
-        maxWidth: '800px',
-        '::after': {
-            padding: '1px 4px 1px',
-            borderTop: '-2px',
-            borderLeft: '-2px'
-        }
-    },
-    legendContainer: {
-        flex: '0 1 auto',
-        margin: '4px'
-    },
-    annotation: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '4px'
-    }
-});
-const useLegendStyles = (props)=>{
-    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9;
-    const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.
-    const baseStyles = useStyles();
-    return {
-        root: (0, _react.mergeClasses)(legendClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
-        legend: (0, _react.mergeClasses)(legendClassNames.legend, baseStyles.legend, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.legend),
-        rect: (0, _react.mergeClasses)(legendClassNames.rect, baseStyles.rect, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.rect),
-        shape: (0, _react.mergeClasses)(legendClassNames.shape, baseStyles.shape, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.shape),
-        triangle: (0, _react.mergeClasses)(legendClassNames.triangle, baseStyles.triangle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.triangle),
-        text: (0, _react.mergeClasses)(legendClassNames.text, baseStyles.text, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.text),
-        hoverChange: (0, _react.mergeClasses)(legendClassNames.hoverChange, baseStyles.hoverChange, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.hoverChange),
-        resizableArea: (0, _react.mergeClasses)(legendClassNames.resizableArea, baseStyles.resizableArea, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.resizableArea),
-        legendContainer: (0, _react.mergeClasses)(legendClassNames.legendContainer, baseStyles.legendContainer, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.legendContainer),
-        annotation: (0, _react.mergeClasses)(legendClassNames.annotation, baseStyles.annotation, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.annotation)
-    };
-};