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

package/lib/components/Legends/OverflowMenu.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { Menu, MenuTrigger, MenuPopover, MenuList, MenuItem } from '@fluentui/react-menu';
+import { MenuButton } from '@fluentui/react-button';
+import { useOverflowMenu } from '@fluentui/react-overflow';
+export const OverflowMenu = ({ itemIds, title, items })=>{
+    const { ref, overflowCount, isOverflowing } = useOverflowMenu();
+    let displayLabel = title;
+    displayLabel = title === '' ? `+${overflowCount} items` : `+${overflowCount} ${title}`;
+    if (!isOverflowing) {
+        return null;
+    }
+    const remainingItemsCount = itemIds.length - overflowCount;
+    const menuList = [];
+    for(let i = remainingItemsCount; i < itemIds.length; i++){
+        menuList.push(/*#__PURE__*/ React.createElement(MenuItem, {
+            tabIndex: -1,
+            key: i
+        }, items[i]));
+    }
+    return /*#__PURE__*/ React.createElement(Menu, null, /*#__PURE__*/ React.createElement(MenuTrigger, {
+        disableButtonEnhancement: true
+    }, /*#__PURE__*/ React.createElement(MenuButton, {
+        ref: ref
+    }, displayLabel)), /*#__PURE__*/ React.createElement(MenuPopover, null, /*#__PURE__*/ React.createElement(MenuList, null, menuList)));
+};

package/lib/components/Legends/OverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["OverflowMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu, MenuTrigger, MenuPopover, MenuList, MenuItem } from '@fluentui/react-menu';\nimport { MenuButton } from '@fluentui/react-button';\nimport { useOverflowMenu } from '@fluentui/react-overflow';\n\nexport const OverflowMenu: React.FC<{ itemIds: string[]; title: string; items: JSX.Element[] }> = ({\n  itemIds,\n  title,\n  items,\n}) => {\n  const { ref, overflowCount, isOverflowing } = useOverflowMenu<HTMLButtonElement>();\n  let displayLabel = title;\n  displayLabel = title === '' ? `+${overflowCount} items` : `+${overflowCount} ${title}`;\n\n  if (!isOverflowing) {\n    return null;\n  }\n  const remainingItemsCount = itemIds.length - overflowCount;\n  const menuList = [];\n  for (let i = remainingItemsCount; i < itemIds.length; i++) {\n    menuList.push(\n      <MenuItem tabIndex={-1} key={i}>\n        {items[i]}\n      </MenuItem>,\n    );\n  }\n  return (\n    <Menu>\n      <MenuTrigger disableButtonEnhancement>\n        <MenuButton ref={ref}>{displayLabel}</MenuButton>\n      </MenuTrigger>\n\n      <MenuPopover>\n        <MenuList>{menuList}</MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n};\n"],"names":["React","Menu","MenuTrigger","MenuPopover","MenuList","MenuItem","MenuButton","useOverflowMenu","OverflowMenu","itemIds","title","items","ref","overflowCount","isOverflowing","displayLabel","remainingItemsCount","length","menuList","i","push","tabIndex","key","disableButtonEnhancement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,EAAEC,WAAW,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,uBAAuB;AAC1F,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,OAAO,MAAMC,eAAqF,CAAC,EACjGC,OAAO,EACPC,KAAK,EACLC,KAAK,EACN;IACC,MAAM,EAAEC,GAAG,EAAEC,aAAa,EAAEC,aAAa,EAAE,GAAGP;IAC9C,IAAIQ,eAAeL;IACnBK,eAAeL,UAAU,KAAK,CAAC,CAAC,EAAEG,cAAc,MAAM,CAAC,GAAG,CAAC,CAAC,EAAEA,cAAc,CAAC,EAAEH,MAAM,CAAC;IAEtF,IAAI,CAACI,eAAe;QAClB,OAAO;IACT;IACA,MAAME,sBAAsBP,QAAQQ,MAAM,GAAGJ;IAC7C,MAAMK,WAAW,EAAE;IACnB,IAAK,IAAIC,IAAIH,qBAAqBG,IAAIV,QAAQQ,MAAM,EAAEE,IAAK;QACzDD,SAASE,IAAI,eACX,oBAACf;YAASgB,UAAU,CAAC;YAAGC,KAAKH;WAC1BR,KAAK,CAACQ,EAAE;IAGf;IACA,qBACE,oBAAClB,0BACC,oBAACC;QAAYqB,0BAAAA;qBACX,oBAACjB;QAAWM,KAAKA;OAAMG,8BAGzB,oBAACZ,iCACC,oBAACC,gBAAUc;AAInB,EAAE"}

package/lib/components/Legends/index.js

@@ -0,0 +1,3 @@
+export * from './Legends';
+export * from './Legends.types';
+export * from './shape';

package/lib/components/Legends/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Legends';\nexport * from './Legends.types';\nexport * from './shape';\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,UAAU"}

package/lib/components/Legends/shape.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { CustomPoints, Points } from '../../utilities/utilities';
+const pointPath = {
+    [`${Points[Points.circle]}`]: 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',
+    [`${Points[Points.square]}`]: 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',
+    [`${Points[Points.triangle]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',
+    [`${Points[Points.pyramid]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',
+    [`${Points[Points.diamond]}`]: 'M2 2 L10 2 L10 10  L2 10 L2 2 Z',
+    [`${Points[Points.hexagon]}`]: 'M9 0H3L0 5L3 10H9L12 5L9 0Z',
+    [`${Points[Points.pentagon]}`]: 'M6.06061 0L0 4.21277L2.30303 11H9.69697L12 4.21277L6.06061 0Z',
+    [`${Points[Points.octagon]}`]: 'M7.08333 0H2.91667L0 2.91667V7.08333L2.91667 10H7.08333L10 7.08333V2.91667L7.08333 0Z',
+    [`${CustomPoints[CustomPoints.dottedLine]}`]: 'M0 6 H3 M5 6 H8 M10 6 H13'
+};
+export const Shape = /*#__PURE__*/ React.forwardRef(({ svgProps, pathProps, shape, classNameForNonSvg, style }, forwardedRef)=>{
+    if (Object.keys(pointPath).indexOf(shape) === -1) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: classNameForNonSvg,
+            style: style
+        });
+    }
+    return /*#__PURE__*/ React.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: '-1 -1 14 14',
+        ...svgProps,
+        transform: `rotate(${shape === Points[Points.diamond] ? 45 : shape === Points[Points.pyramid] ? 180 : 0}, 0, 0)`,
+        style: {
+            width: '14px',
+            height: '14px'
+        }
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: pointPath[shape],
+        ...pathProps
+    }));
+});

package/lib/components/Legends/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["shape.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LegendShape } from './Legends.types';\nimport { CustomPoints, Points } 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        {...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]} {...pathProps} />\n      </svg>\n    );\n  },\n);\n"],"names":["React","CustomPoints","Points","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,YAAY,EAAEC,MAAM,QAAQ,4BAA4B;AAcjE,MAAMC,YAA2B;IAC/B,CAAC,CAAC,EAAED,MAAM,CAACA,OAAOE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC9B,CAAC,CAAC,EAAEF,MAAM,CAACA,OAAOG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC9B,CAAC,CAAC,EAAEH,MAAM,CAACA,OAAOI,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;IAChC,CAAC,CAAC,EAAEJ,MAAM,CAACA,OAAOK,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;IAC/B,CAAC,CAAC,EAAEL,MAAM,CAACA,OAAOM,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;IAC/B,CAAC,CAAC,EAAEN,MAAM,CAACA,OAAOO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;IAC/B,CAAC,CAAC,EAAEP,MAAM,CAACA,OAAOQ,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;IAChC,CAAC,CAAC,EAAER,MAAM,CAACA,OAAOS,OAAO,CAAC,CAAC,CAAC,CAAC,EAC3B;IACF,CAAC,CAAC,EAAEV,YAAY,CAACA,aAAaW,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;AAChD;AAEA,OAAO,MAAMC,sBAA6Cb,MAAMc,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,qBAAO,oBAACO;YAAIC,WAAWP;YAAoBC,OAAOA;;IACpD;IACA,qBACE,oBAACO;QACCC,OAAO;QACPC,QAAQ;QACRC,SAAS;QACR,GAAGd,QAAQ;QACZe,WAAW,CAAC,OAAO,EACjBb,UAAUf,MAAM,CAACA,OAAOM,OAAO,CAAC,GAAG,KAAKS,UAAUf,MAAM,CAACA,OAAOK,OAAO,CAAC,GAAG,MAAM,EAClF,OAAO,CAAC;QACTY,OAAO;YACLQ,OAAO;YACPC,QAAQ;QACV;qBAEA,oBAACG;QAAKC,GAAG7B,SAAS,CAACc,MAAM;QAAG,GAAGD,SAAS;;AAG9C,GACA"}

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

@@ -0,0 +1,147 @@
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { HighContrastSelector } from '../../utilities/index';
+/**
+ * @internal
+ */
+export 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'
+};
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    Huce71: "fz5stix",
+    a9b677: "fly5x3f",
+    Bt984gj: "f122n59",
+    B6of3ja: "fpzxe1g",
+    t21cq0: ["f705vk6", "fqom4eq"],
+    jrapky: "fzpzak3",
+    Frg6f3: ["fqom4eq", "f705vk6"]
+  },
+  legend: {
+    Bt984gj: "f122n59",
+    Brf1p80: ["fc7pyfw", "fgbriwd"],
+    Bceei9c: "f1k6fduh",
+    icvyot: "f1ern45e",
+    vrafjx: ["f1n71otn", "f1deefiw"],
+    oivjwe: "f1h8hb77",
+    wvpqe5: ["f1deefiw", "f1n71otn"],
+    z8tnut: "f17mpqex",
+    z189sj: ["f1vdfbxk", "f1f5gg8d"],
+    Byoj8tv: "fdvome7",
+    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
+    B9bfxx9: "fiwaqkr",
+    Bs92zhm: "fuhkvgp",
+    B93v9kj: "f15mrrko",
+    Ck9m1r: "f1vu5irt",
+    mkjk8h: "f1sdboh2"
+  },
+  rect: {
+    zpeayv: "f81dvq6",
+    Bcwlslt: "f1a000x3",
+    a9b677: "frx94fk",
+    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",
+    t21cq0: ["f1vcna3q", "foyynoy"]
+  },
+  shape: {
+    t21cq0: ["f1vcna3q", "foyynoy"]
+  },
+  triangle: {
+    a9b677: "f3tsq5r",
+    Bqenvij: "fniina8",
+    ibv6hh: ["fk1dseo", "f1r9b9o"],
+    Bekrc4i: ["f1r9b9o", "fk1dseo"],
+    B4j52fo: "f1cm5upi",
+    t21cq0: ["f1vcna3q", "foyynoy"]
+  },
+  text: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm",
+    sj55zd: "f19n0e5",
+    Bs92zhm: "fuhkvgp",
+    B93v9kj: "f15mrrko"
+  },
+  hoverChange: {
+    a9b677: "frx94fk",
+    Bqenvij: "fvblgha",
+    t21cq0: ["f1vcna3q", "foyynoy"],
+    B4j52fo: "f1d7653x",
+    Bekrc4i: ["f1maxq7k", "f16g4l54"],
+    Bn0qgzm: "f1rzi0e7",
+    ibv6hh: ["f16g4l54", "f1maxq7k"]
+  },
+  resizableArea: {
+    qhf8xq: "f10pi13n",
+    fsow6f: ["f1o700av", "fes3tcz"],
+    Bz10aip: ["f15ivbov", "fjwp9lj"],
+    Bhzewxz: "f198g47y",
+    oyh7mz: ["f1ktbn1t", "ffenbu1"],
+    Bf4jedk: "f93ek0f",
+    B2u0y6b: "f1cgdal8",
+    smv486: "f2b5gy5",
+    u6pn5x: ["fk27hbk", "f1xelbol"],
+    B4uzyy: "f1gw7v5p",
+    Be2s5ez: ["f1xelbol", "fk27hbk"],
+    xrcqlc: "f196ehyi",
+    Bhxzhr1: ["frlu5y9", "f109kcev"]
+  }
+}, {
+  d: [".fz5stix{white-space:nowrap;}", ".fly5x3f{width:100%;}", ".f122n59{align-items:center;}", ".fpzxe1g{margin-top:-8px 0 0 -8px;}", ".f705vk6{margin-right:-8px 0 0 -8px;}", ".fqom4eq{margin-left:-8px 0 0 -8px;}", ".fzpzak3{margin-bottom:-8px 0 0 -8px;}", ".fc7pyfw{justify-content:left;}", ".fgbriwd{justify-content:right;}", ".f1k6fduh{cursor:pointer;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".fiwaqkr{text-transform:capitalize;}", ".frx94fk{width:12px;}", [".fpyyuzi{border:1px solid;}", {
+    p: -2
+  }], ".f1vcna3q{margin-right:var(--spacingHorizontalS);}", ".foyynoy{margin-left:var(--spacingHorizontalS);}", ".f3tsq5r{width:0;}", ".fniina8{height:0;}", ".fk1dseo{border-left-width:6px solid transparent;}", ".f1r9b9o{border-right-width:6px solid transparent;}", ".f1cm5upi{border-top-width:10.4px solid;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fvblgha{height:12px;}", ".f1d7653x{border-top-width:1px solid;}", ".f1maxq7k{border-right-width:1px solid;}", ".f16g4l54{border-left-width:1px solid;}", ".f1rzi0e7{border-bottom-width:1px solid;}", ".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;}", ".f2b5gy5::after{padding-top:1px 4px 1px;}", ".fk27hbk::after{padding-right:1px 4px 1px;}", ".f1xelbol::after{padding-left:1px 4px 1px;}", ".f1gw7v5p::after{padding-bottom:1px 4px 1px;}", ".f196ehyi::after{border-top-width:-2px;}", ".frlu5y9::after{border-left-width:-2px;}", ".f109kcev::after{border-right-width:-2px;}"],
+  m: [["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.fuhkvgp{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){.f15mrrko{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){.f1vu5irt: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){.f1sdboh2: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){.f81dvq6{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){.f1a000x3{opacity:var(--rect-opacity-high-contrast);}}", {
+    m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+  }]]
+});
+export const useLegendStyles = props => {
+  var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7;
+  const {
+    className
+  } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.
+  const baseStyles = useStyles();
+  return {
+    root: mergeClasses(legendClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+    legend: mergeClasses(legendClassNames.legend, baseStyles.legend, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.legend),
+    rect: mergeClasses(legendClassNames.rect, baseStyles.rect, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.rect),
+    shape: mergeClasses(legendClassNames.shape, baseStyles.shape, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.shape),
+    triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.triangle),
+    text: mergeClasses(legendClassNames.text, baseStyles.text, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.text),
+    hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.hoverChange),
+    resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.resizableArea)
+  };
+};
+//# sourceMappingURL=useLegendsStyles.styles.js.map

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

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