@fluentui/react-charts 9.3.22 → 9.3.24

package/lib-commonjs/components/Legends/{shape.js.map → shape.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Legends/shape.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { LegendShape } from './Legends.types';\nimport { CustomPoints, Points, getSecureProps } from '../../utilities/utilities';\n\nexport interface ShapeProps {\n  svgProps: React.SVGAttributes<SVGElement>;\n  pathProps: React.SVGAttributes<SVGPathElement>;\n  shape: LegendShape;\n  classNameForNonSvg?: string;\n  style?: React.CSSProperties | undefined;\n}\n\ntype PointPathType = {\n  [key: string]: string;\n};\n\nconst pointPath: PointPathType = {\n  [`${Points[Points.circle]}`]: 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',\n  [`${Points[Points.square]}`]: 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',\n  [`${Points[Points.triangle]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.pyramid]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.diamond]}`]: 'M2 2 L10 2 L10 10  L2 10 L2 2 Z',\n  [`${Points[Points.hexagon]}`]: 'M9 0H3L0 5L3 10H9L12 5L9 0Z',\n  [`${Points[Points.pentagon]}`]: 'M6.06061 0L0 4.21277L2.30303 11H9.69697L12 4.21277L6.06061 0Z',\n  [`${Points[Points.octagon]}`]:\n    'M7.08333 0H2.91667L0 2.91667V7.08333L2.91667 10H7.08333L10 7.08333V2.91667L7.08333 0Z',\n  [`${CustomPoints[CustomPoints.dottedLine]}`]: 'M0 6 H3 M5 6 H8 M10 6 H13',\n};\n\nexport const Shape: React.FunctionComponent<ShapeProps> = React.forwardRef<HTMLDivElement, ShapeProps>(\n  ({ svgProps, pathProps, shape, classNameForNonSvg, style }, forwardedRef) => {\n    if (Object.keys(pointPath).indexOf(shape) === -1) {\n      return <div className={classNameForNonSvg} style={style} />;\n    }\n    return (\n      <svg\n        width={14}\n        height={14}\n        viewBox={'-1 -1 14 14'}\n        {...getSecureProps(svgProps)}\n        transform={`rotate(${\n          shape === Points[Points.diamond] ? 45 : shape === Points[Points.pyramid] ? 180 : 0\n        }, 0, 0)`}\n        style={{\n          width: '14px',\n          height: '14px',\n        }}\n      >\n        <path d={pointPath[shape]} {...getSecureProps(pathProps)} />\n      </svg>\n    );\n  },\n);\n"],"names":["React","CustomPoints","Points","getSecureProps","pointPath","circle","square","triangle","pyramid","diamond","hexagon","pentagon","octagon","dottedLine","Shape","forwardRef","svgProps","pathProps","shape","classNameForNonSvg","style","forwardedRef","Object","keys","indexOf","div","className","svg","width","height","viewBox","transform","path","d"],"mappings":"AAAA;;;;;+BA+Bac;;;;;;;iEA7BU,QAAQ;2BAEsB,4BAA4B;AAcjF,MAAMV,YAA2B;IAC/B,CAAC,GAAGF,iBAAM,CAACA,iBAAAA,CAAOG,MAAM,CAAC,EAAE,CAAC,EAAE;IAC9B,CAAC,GAAGH,iBAAM,CAACA,iBAAAA,CAAOI,MAAM,CAAC,EAAE,CAAC,EAAE;IAC9B,CAAC,GAAGJ,iBAAM,CAACA,iBAAAA,CAAOK,QAAQ,CAAC,EAAE,CAAC,EAAE;IAChC,CAAC,GAAGL,iBAAM,CAACA,iBAAAA,CAAOM,OAAO,CAAC,EAAE,CAAC,EAAE;IAC/B,CAAC,GAAGN,iBAAM,CAACA,iBAAAA,CAAOO,OAAO,CAAC,EAAE,CAAC,EAAE;IAC/B,CAAC,GAAGP,iBAAM,CAACA,iBAAAA,CAAOQ,OAAO,CAAC,EAAE,CAAC,EAAE;IAC/B,CAAC,GAAGR,iBAAM,CAACA,iBAAAA,CAAOS,QAAQ,CAAC,EAAE,CAAC,EAAE;IAChC,CAAC,GAAGT,iBAAM,CAACA,iBAAAA,CAAOU,OAAO,CAAC,EAAE,CAAC,EAC3B;IACF,CAAC,GAAGX,uBAAY,CAACA,uBAAAA,CAAaY,UAAU,CAAC,EAAE,CAAC,EAAE;AAChD;AAEO,cAAMC,WAAAA,GAA6Cd,OAAMe,UAAU,CACxE,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,EAAEC;IAC1D,IAAIC,OAAOC,IAAI,CAACnB,WAAWoB,OAAO,CAACN,WAAW,CAAC,GAAG;QAChD,OAAA,WAAA,GAAO,OAAA,aAAA,CAACO,OAAAA;YAAIC,WAAWP;YAAoBC,OAAOA;;IACpD;IACA,OAAA,WAAA,GACE,OAAA,aAAA,CAACO,OAAAA;QACCC,OAAO;QACPC,QAAQ;QACRC,SAAS;QACR,OAAG3B,yBAAAA,EAAea,SAAS;QAC5Be,WAAW,CAAC,OAAO,EACjBb,UAAUhB,iBAAM,CAACA,iBAAAA,CAAOO,OAAO,CAAC,GAAG,KAAKS,UAAUhB,iBAAM,CAACA,iBAAAA,CAAOM,OAAO,CAAC,GAAG,MAAM,EAClF,OAAO,CAAC;QACTY,OAAO;YACLQ,OAAO;YACPC,QAAQ;QACV;qBAEA,OAAA,aAAA,CAACG,QAAAA;QAAKC,GAAG7B,SAAS,CAACc,MAAM;QAAG,OAAGf,yBAAAA,EAAec,UAAU;;AAG9D,GACA"}
+{"version":3,"sources":["../src/components/Legends/shape.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { LegendShape } from './Legends.types';\nimport { CustomPoints, Points, getSecureProps } from '../../utilities/utilities';\n\nexport interface ShapeProps {\n  svgProps: React.SVGAttributes<SVGElement>;\n  pathProps: React.SVGAttributes<SVGPathElement>;\n  shape: LegendShape;\n  classNameForNonSvg?: string;\n  style?: React.CSSProperties | undefined;\n}\n\ntype PointPathType = {\n  [key: string]: string;\n};\n\nconst pointPath: PointPathType = {\n  [`${Points[Points.circle]}`]: 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',\n  [`${Points[Points.square]}`]: 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',\n  [`${Points[Points.triangle]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.pyramid]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.diamond]}`]: 'M2 2 L10 2 L10 10  L2 10 L2 2 Z',\n  [`${Points[Points.hexagon]}`]: 'M9 0H3L0 5L3 10H9L12 5L9 0Z',\n  [`${Points[Points.pentagon]}`]: 'M6.06061 0L0 4.21277L2.30303 11H9.69697L12 4.21277L6.06061 0Z',\n  [`${Points[Points.octagon]}`]:\n    'M7.08333 0H2.91667L0 2.91667V7.08333L2.91667 10H7.08333L10 7.08333V2.91667L7.08333 0Z',\n  [`${CustomPoints[CustomPoints.dottedLine]}`]: 'M0 6 H3 M5 6 H8 M10 6 H13',\n};\n\nexport const Shape: React.FunctionComponent<ShapeProps> = React.forwardRef<HTMLDivElement, ShapeProps>(\n  ({ svgProps, pathProps, shape, classNameForNonSvg, style }, forwardedRef) => {\n    if (Object.keys(pointPath).indexOf(shape) === -1) {\n      return <div className={classNameForNonSvg} style={style} />;\n    }\n    return (\n      <svg\n        width={14}\n        height={14}\n        viewBox={'-1 -1 14 14'}\n        {...getSecureProps(svgProps)}\n        transform={`rotate(${\n          shape === Points[Points.diamond] ? 45 : shape === Points[Points.pyramid] ? 180 : 0\n        }, 0, 0)`}\n        style={{\n          width: '14px',\n          height: '14px',\n        }}\n      >\n        <path d={pointPath[shape]} {...getSecureProps(pathProps)} />\n      </svg>\n    );\n  },\n);\n"],"names":["React","CustomPoints","Points","getSecureProps","pointPath","circle","square","triangle","pyramid","diamond","hexagon","pentagon","octagon","dottedLine","Shape","forwardRef","svgProps","pathProps","shape","classNameForNonSvg","style","forwardedRef","Object","keys","indexOf","div","className","svg","width","height","viewBox","transform","path","d"],"mappings":"AAAA;;;;;+BA+Bac;;;;;;;iEA7BU,QAAQ;2BAEsB,+BAA4B;AAcjF,MAAMV,YAA2B;IAC/B,CAAC,GAAGF,iBAAM,CAACA,iBAAAA,CAAOG,MAAM,CAAC,EAAE,CAAC,EAAE;IAC9B,CAAC,GAAGH,iBAAM,CAACA,iBAAAA,CAAOI,MAAM,CAAC,EAAE,CAAC,EAAE;IAC9B,CAAC,GAAGJ,iBAAM,CAACA,iBAAAA,CAAOK,QAAQ,CAAC,EAAE,CAAC,EAAE;IAChC,CAAC,GAAGL,iBAAM,CAACA,iBAAAA,CAAOM,OAAO,CAAC,EAAE,CAAC,EAAE;IAC/B,CAAC,GAAGN,iBAAM,CAACA,iBAAAA,CAAOO,OAAO,CAAC,EAAE,CAAC,EAAE;IAC/B,CAAC,GAAGP,iBAAM,CAACA,iBAAAA,CAAOQ,OAAO,CAAC,EAAE,CAAC,EAAE;IAC/B,CAAC,GAAGR,iBAAM,CAACA,iBAAAA,CAAOS,QAAQ,CAAC,EAAE,CAAC,EAAE;IAChC,CAAC,GAAGT,iBAAM,CAACA,iBAAAA,CAAOU,OAAO,CAAC,EAAE,CAAC,EAC3B;IACF,CAAC,GAAGX,uBAAY,CAACA,uBAAAA,CAAaY,UAAU,CAAC,EAAE,CAAC,EAAE;AAChD;AAEO,cAAMC,WAAAA,GAA6Cd,OAAMe,UAAU,CACxE,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,EAAEC;IAC1D,IAAIC,OAAOC,IAAI,CAACnB,WAAWoB,OAAO,CAACN,WAAW,CAAC,GAAG;QAChD,OAAA,WAAA,GAAO,OAAA,aAAA,CAACO,OAAAA;YAAIC,WAAWP;YAAoBC,OAAOA;;IACpD;IACA,OAAA,WAAA,GACE,OAAA,aAAA,CAACO,OAAAA;QACCC,OAAO;QACPC,QAAQ;QACRC,SAAS;QACR,OAAG3B,yBAAAA,EAAea,SAAS;QAC5Be,WAAW,CAAC,OAAO,EACjBb,UAAUhB,iBAAM,CAACA,iBAAAA,CAAOO,OAAO,CAAC,GAAG,KAAKS,UAAUhB,iBAAM,CAACA,iBAAAA,CAAOM,OAAO,CAAC,GAAG,MAAM,EAClF,OAAO,CAAC;QACTY,OAAO;YACLQ,OAAO;YACPC,QAAQ;QACV;qBAEA,OAAA,aAAA,CAACG,QAAAA;QAAKC,GAAG7B,SAAS,CAACc,MAAM;QAAG,OAAGf,yBAAAA,EAAec,UAAU;;AAG9D,GACA"}

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

@@ -0,0 +1 @@
+{"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.js\";\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":"AAAA,YAAY;;;;;;;;;;;;IAgBCa,4BAA4B;;;IAV5BP,6BAA6B;;;+BADF;;;iBAGd;;;kBADC;;;IAEdG,mBAAmB;;;2BAMI;eAAvBG;;qBADiB;;;oBAKG;;;mBA0GL;eAAfgG;;;uBA5H4B,gBAAgB;AAIlD,MAAMvG,8BAA8B,CAAC;AACrC,sCAAsC,EAAE;AACxC,MAAME,iBAAiB,CAAC;AACxB,MAAMC,gBAAgB,EAAE;AACxB,4BAA4B,CAAC;AACpC,MAAME,gCAAgC,GAAG,EAAE;AAIpC,MAAMC,oBAAoBD,gCAAgC,GAAGD,mBAAmB;AAChF,gCAAgC,CAAC;AACjC,qCAAqC,IAAI;AAGrC,MAAMK,mBAAmB;IAChCC,IAAI,EAAE,kBAAkB;IACxBC,MAAM,EAAE,oBAAoB;IAC5BC,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,mBAAmB;IAC1BC,QAAQ,EAAE,sBAAsB;IAChCC,IAAI,EAAE,kBAAkB;IACxBC,WAAW,EAAE,yBAAyB;IACtCC,aAAa,EAAE,2BAA2B;IAC1CC,eAAe,EAAE,6BAA6B;IAC9CC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGzB,eAAA,EAAA;IAAAe,IAAA,EAAA;QAAAW,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAZ,MAAA,EAAA;QAAAY,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;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,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,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,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,KAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAA9C,IAAA,EAAA;QAAA+C,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAtC,MAAA,EAAA;QAAAuC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAnC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,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,MAAA,EAAA;IAAA;IAAA7B,KAAA,EAAA;QAAAgD,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAA/C,QAAA,EAAA;QAAAQ,MAAA,EAAA;QAAAwC,OAAA,EAAA;QAAA/B,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAH,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAK,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAH,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAK,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAH,MAAA,EAAA;QAAAuB,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAA9C,IAAA,EAAA;QAAAgD,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAApD,WAAA,EAAA;QAAAM,MAAA,EAAA;QAAAwC,OAAA,EAAA;QAAAD,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAnC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,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,MAAA,EAAA;IAAA;IAAAzB,aAAA,EAAA;QAAAoD,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAxB,OAAA,EAAA;QAAAyB,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,KAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAArE,eAAA,EAAA;QAAAsE,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAhC,MAAA,EAAA;QAAAiC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAA5E,UAAA,EAAA;QAAA6E,MAAA,EAAA;QAAAzE,OAAA,EAAA;QAAA0E,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAD,CAAA,EAAA,CAAA;gBAAAC,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CA6FjB,CAAC;AACK,wBAAyBE,KAAK,IAAG;IACpC,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;IACjK,MAAM,EAAEC,SAAAA,EAAW,GAAGX,KAAK,CAAC,CAAC,qEAAA;IAC7B,MAAMY,UAAU,GAAGhG,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHV,IAAI,MAAEd,mBAAY,EAACa,gBAAgB,CAACC,IAAI,EAAE0G,UAAU,CAAC1G,IAAI,EAAEyG,SAAS,EAAE,CAACV,aAAa,GAAGD,KAAK,CAACa,MAAAA,AAAM,MAAM,IAAI,IAAIZ,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC/F,IAAI,CAAC;QACxKC,MAAM,MAAEf,mBAAY,EAACa,gBAAgB,CAACE,MAAM,EAAEyG,UAAU,CAACzG,MAAM,EAAE,CAAC+F,cAAc,GAAGF,KAAK,CAACa,MAAAA,AAAM,MAAM,IAAI,IAAIX,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,MAAM,CAAC;QACxKC,IAAI,MAAEhB,mBAAY,EAACa,gBAAgB,CAACG,IAAI,EAAEwG,UAAU,CAACxG,IAAI,EAAE,CAAC+F,cAAc,GAAGH,KAAK,CAACa,MAAM,AAANA,MAAY,IAAI,IAAIV,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,IAAI,CAAC;QAChKC,KAAK,EAAEjB,uBAAY,EAACa,gBAAgB,CAACI,KAAK,EAAEuG,UAAU,CAACvG,KAAK,EAAE,CAAC+F,cAAc,GAAGJ,KAAK,CAACa,MAAM,AAANA,MAAY,IAAI,IAAIT,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,KAAK,CAAC;QACpKC,QAAQ,MAAElB,mBAAY,EAACa,gBAAgB,CAACK,QAAQ,EAAEsG,UAAU,CAACtG,QAAQ,EAAE,CAAC+F,cAAc,GAAGL,KAAK,CAACa,MAAAA,AAAM,MAAM,IAAI,IAAIR,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,QAAQ,CAAC;QAChLC,IAAI,MAAEnB,mBAAY,EAACa,gBAAgB,CAACM,IAAI,EAAEqG,UAAU,CAACrG,IAAI,EAAE,CAAC+F,cAAc,GAAGN,KAAK,CAACa,MAAM,AAANA,MAAY,IAAI,IAAIP,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,IAAI,CAAC;QAChKC,WAAW,MAAEpB,mBAAY,EAACa,gBAAgB,CAACO,WAAW,EAAEoG,UAAU,CAACpG,WAAW,EAAE,CAAC+F,cAAc,GAAGP,KAAK,CAACa,MAAAA,AAAM,MAAM,IAAI,IAAIN,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,WAAW,CAAC;QAC5LC,aAAa,MAAErB,mBAAY,EAACa,gBAAgB,CAACQ,aAAa,EAAEmG,UAAU,CAACnG,aAAa,EAAE,CAAC+F,cAAc,GAAGR,KAAK,CAACa,MAAAA,AAAM,MAAM,IAAI,IAAIL,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,aAAa,CAAC;QACpMC,eAAe,MAAEtB,mBAAY,EAACa,gBAAgB,CAACS,eAAe,EAAEkG,UAAU,CAAClG,eAAe,EAAE,CAAC+F,cAAc,GAAGT,KAAK,CAACa,MAAAA,AAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,eAAe,CAAC;QAC5MC,UAAU,MAAEvB,mBAAY,EAACa,gBAAgB,CAACU,UAAU,EAAEiG,UAAU,CAACjG,UAAU,EAAE,CAAC+F,cAAc,GAAGV,KAAK,CAACa,MAAAA,AAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/F,UAAU;IAC3L,CAAC;AACL,CAAC"}

package/lib-commonjs/components/Legends/{useLegendsStyles.styles.raw.js → useLegendsStyles.styles.raw.cjs}

@@ -43,7 +43,7 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const _reacttheme = require("@fluentui/react-theme");
-const _index = require("../../utilities/index");
+const _index = require("../../utilities/index.cjs");
 const LEGEND_CONTAINER_MARGIN_TOP = 8;
 const LEGEND_CONTAINER_MARGIN_START = 12;
 const LEGEND_PADDING = 8;

package/lib-commonjs/components/Legends/{useLegendsStyles.styles.raw.js.map → useLegendsStyles.styles.raw.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Legends/useLegendsStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { LegendsProps, LegendsStyles } from './Legends.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n\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/**\n * @internal\n */\nexport const legendClassNames: SlotClassNames<LegendsStyles> = {\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};\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});\n\nexport const useLegendStyles = (props: LegendsProps): LegendsStyles => {\n  const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(legendClassNames.root, baseStyles.root, className, props.styles?.root),\n    legend: mergeClasses(legendClassNames.legend, baseStyles.legend, props.styles?.legend),\n    rect: mergeClasses(legendClassNames.rect, baseStyles.rect, props.styles?.rect),\n    shape: mergeClasses(legendClassNames.shape, baseStyles.shape, props.styles?.shape),\n    triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n    text: mergeClasses(legendClassNames.text, baseStyles.text, props.styles?.text),\n    hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, props.styles?.hoverChange),\n    resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, props.styles?.resizableArea),\n    legendContainer: mergeClasses(\n      legendClassNames.legendContainer,\n      baseStyles.legendContainer,\n      props.styles?.legendContainer,\n    ),\n    annotation: mergeClasses(legendClassNames.annotation, baseStyles.annotation, props.styles?.annotation),\n  };\n};\n"],"names":["makeStyles","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","whiteSpace","width","alignItems","justifyContent","cursor","border","padding","textTransform","minWidth","color","forcedColorAdjust","outline","strokeWidthThick","outlineOffset","content","opacity","marginRight","height","borderLeft","borderRight","borderTop","spacingHorizontalS","caption1","colorNeutralForeground1","position","textAlign","transform","top","left","maxWidth","flex","margin","display","gap","useLegendStyles","props","className","baseStyles","styles"],"mappings":"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"}
+{"version":3,"sources":["../src/components/Legends/useLegendsStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { LegendsProps, LegendsStyles } from './Legends.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n\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/**\n * @internal\n */\nexport const legendClassNames: SlotClassNames<LegendsStyles> = {\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};\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});\n\nexport const useLegendStyles = (props: LegendsProps): LegendsStyles => {\n  const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(legendClassNames.root, baseStyles.root, className, props.styles?.root),\n    legend: mergeClasses(legendClassNames.legend, baseStyles.legend, props.styles?.legend),\n    rect: mergeClasses(legendClassNames.rect, baseStyles.rect, props.styles?.rect),\n    shape: mergeClasses(legendClassNames.shape, baseStyles.shape, props.styles?.shape),\n    triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n    text: mergeClasses(legendClassNames.text, baseStyles.text, props.styles?.text),\n    hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, props.styles?.hoverChange),\n    resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, props.styles?.resizableArea),\n    legendContainer: mergeClasses(\n      legendClassNames.legendContainer,\n      baseStyles.legendContainer,\n      props.styles?.legendContainer,\n    ),\n    annotation: mergeClasses(legendClassNames.annotation, baseStyles.annotation, props.styles?.annotation),\n  };\n};\n"],"names":["makeStyles","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","whiteSpace","width","alignItems","justifyContent","cursor","border","padding","textTransform","minWidth","color","forcedColorAdjust","outline","strokeWidthThick","outlineOffset","content","opacity","marginRight","height","borderLeft","borderRight","borderTop","spacingHorizontalS","caption1","colorNeutralForeground1","position","textAlign","transform","top","left","maxWidth","flex","margin","display","gap","useLegendStyles","props","className","baseStyles","styles"],"mappings":"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"}

package/lib-commonjs/components/LineChart/{LineChart.js → LineChart.cjs}

@@ -11,19 +11,19 @@ Object.defineProperty(exports, "LineChart", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useLineChartStylesstyles = require("./useLineChartStyles.styles");
+const _useLineChartStylesstyles = require("./useLineChartStyles.styles.cjs");
 const _d3selection = require("d3-selection");
 const _d3array = require("d3-array");
-const _index = require("../Legends/index");
+const _index = require("../Legends/index.cjs");
 const _d3shape = require("d3-shape");
 const _reactutilities = require("@fluentui/react-utilities");
-const _index1 = require("../../utilities/index");
-const _index2 = require("../../index");
-const _EventAnnotation = require("./eventAnnotation/EventAnnotation");
+const _index1 = require("../../utilities/index.cjs");
+const _index2 = require("../../index.cjs");
+const _EventAnnotation = require("./eventAnnotation/EventAnnotation.cjs");
 const _reacttheme = require("@fluentui/react-theme");
-const _scatterpolarutils = require("../../utilities/scatterpolar-utils");
+const _scatterpolarutils = require("../../utilities/scatterpolar-utils.cjs");
 const _chartutilities = require("@fluentui/chart-utilities");
-const _hooks = require("../../utilities/hooks");
+const _hooks = require("../../utilities/hooks.cjs");
 var PointSize = /*#__PURE__*/ function(PointSize) {
     PointSize[PointSize["hoverSize"] = 11] = "hoverSize";
     PointSize[PointSize["invisibleSize"] = 1] = "invisibleSize";