npm - @fluentui/react-charts - Versions diffs - 9.3.3 → 9.3.4 - Mend

@fluentui/react-charts 9.3.3 → 9.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js CHANGED Viewed

@@ -36,7 +36,11 @@ const donutClassNames = {
         mc9l5x: "f22iagw",
         Beiy3e4: "f1vx9l62",
         a9b677: "fly5x3f",
-        Bqenvij: "f1l02sjl"
+        Bqenvij: "f1l02sjl",
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ]
     },
     chart: {
         B7ck84d: "f1e4lqlz",
@@ -71,6 +75,8 @@ const donutClassNames = {
         ".f1vx9l62{flex-direction:column;}",
         ".fly5x3f{width:100%;}",
         ".f1l02sjl{height:100%;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
         ".f1e4lqlz{box-sizing:content-box;}",
         ".fzm18in{alignment-adjust:center;}",
         ".ftgm304{display:block;}",

package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useDonutChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { getAxisTitleStyle } from '../../utilities/index';\n/*\n @internal\n / export const donutClassNames = {\n root: 'fui-donut__root',\n chart: 'fui-donut__chart',\n legendContainer: 'fui-donut__legendContainer',\n chartWrapper: 'fui-donut__chartWrapper',\n axisAnnotation: 'fui-donut__axisAnnotation'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n root: {\n // alignItems: 'center',\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%'\n },\n chart: {\n boxSizing: 'content-box',\n alignmentAdjust: 'center',\n display: 'block',\n overflow: 'visible'\n },\n legendContainer: {\n paddingTop: tokens.spacingVerticalL,\n width: '100%'\n },\n axisAnnotation: getAxisTitleStyle()\n});\n/\n Apply styling to the DonutChart component\n */ export const useDonutChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4;\n const { className } = props;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(donutClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n chart: mergeClasses(donutClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n legendContainer: mergeClasses(donutClassNames.legendContainer, baseStyles.legendContainer, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.legendContainer),\n chartWrapper: mergeClasses(donutClassNames.chartWrapper, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.chartWrapper),\n axisAnnotation: mergeClasses(donutClassNames.axisAnnotation, baseStyles.axisAnnotation, (_props_styles4 = props.styles) === null \|\| _props_styles4 === void 0 ? void 0 : _props_styles4.axisAnnotation)\n };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","getAxisTitleStyle","donutClassNames","root","chart","legendContainer","chartWrapper","axisAnnotation","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","a9b677","Bqenvij","B7ck84d","ek0pe7","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","B80ckks","~~fsow6f","~~sj55zd","Bkfmm31","a6j6cd","d","p","m","useDonutChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","className","baseStyles","styles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAMKK,eAAe;;;~~IAgCf6B~~,~~mBAAmB;;;;uBArCK,~~gBAAgB;AAK9C,wBAAwB;IAC/B5B,IAAI,EAAE,iBAAiB;IACvBC,KAAK,EAAE,kBAAkB;IACzBC,eAAe,EAAE,4BAA4B;IAC7CC,YAAY,EAAE,yBAAyB;IACvCC,cAAc,EAAE;AACpB,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGX,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAM,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;~~IAAAZ~~,KAAA,EAAA;~~QAAAa~~,OAAA,EAAA;QAAAC,MAAA,EAAA;~~QAAAL~~,MAAA,EAAA;~~QAAAM~~,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;~~IAAAhB~~,eAAA,EAAA;~~QAAAiB~~,MAAA,EAAA;~~QAAAP~~,MAAA,EAAA;IAAA;IAAAR,cAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;~~QAAAW~~,OAAA,EAAA;~~QAAAC~~,MAAA,EAAA;~~QAAAC~~,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,~~CAoBrB~~,CAAC;AAGS,~~6BAA6BE~~,KAAK,IAAG;IAC5C,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;IACjF,MAAM,EAAEC,SAAAA,EAAW,GAAGN,KAAK;IAC3B,MAAMO,UAAU,GAAG/B,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHL,IAAI,~~EAAEL~~,~~uBAAY~~,EAACI,eAAe,CAACC,IAAI,EAAEoC,UAAU,CAACpC,IAAI,EAAEmC,SAAS,EAAE,CAACL,aAAa,GAAGD,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIP,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC9B,IAAI,CAAC;QACvKC,KAAK,MAAEN,mBAAY,EAACI,eAAe,CAACE,KAAK,EAAEmC,UAAU,CAACnC,KAAK,~~EAAE~~,~~CAAC8B~~,~~cAAc~~,~~GAAGF~~,KAAK,CAACQ,~~MAAM~~,~~AAANA~~,~~MAAY~~,IAAI,IAAIN,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9B,KAAK,CAAC;QACnKC,eAAe,MAAEP,mBAAY,EAACI,eAAe,CAACG,eAAe,EAAEkC,UAAU,CAAClC,eAAe,EAAE,CAAC8B,cAAc,GAAGH,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIL,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9B,eAAe,CAAC;QAC3MC,YAAY,MAAER,mBAAY,EAACI,eAAe,CAACI,YAAY,EAAE,CAAC8B,cAAc,GAAGJ,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9B,YAAY,CAAC;QACtKC,cAAc,MAAET,mBAAY,EAACI,eAAe,CAACK,cAAc,EAAEgC,UAAU,CAAChC,cAAc,EAAE,CAAC8B,cAAc,GAAGL,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9B,cAAc;IAC1M,CAAC;AACL,CAAC"}
1	+ {"version":3,"sources":["useDonutChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { getAxisTitleStyle } from '../../utilities/index';\n/*\n @internal\n / export const donutClassNames = {\n root: 'fui-donut__root',\n chart: 'fui-donut__chart',\n legendContainer: 'fui-donut__legendContainer',\n chartWrapper: 'fui-donut__chartWrapper',\n axisAnnotation: 'fui-donut__axisAnnotation'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n root: {\n // alignItems: 'center',\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n textAlign: 'left'\n },\n chart: {\n boxSizing: 'content-box',\n alignmentAdjust: 'center',\n display: 'block',\n overflow: 'visible'\n },\n legendContainer: {\n paddingTop: tokens.spacingVerticalL,\n width: '100%'\n },\n axisAnnotation: getAxisTitleStyle()\n});\n/\n Apply styling to the DonutChart component\n */ export const useDonutChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4;\n const { className } = props;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(donutClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n chart: mergeClasses(donutClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n legendContainer: mergeClasses(donutClassNames.legendContainer, baseStyles.legendContainer, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.legendContainer),\n chartWrapper: mergeClasses(donutClassNames.chartWrapper, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.chartWrapper),\n axisAnnotation: mergeClasses(donutClassNames.axisAnnotation, baseStyles.axisAnnotation, (_props_styles4 = props.styles) === null \|\| _props_styles4 === void 0 ? void 0 : _props_styles4.axisAnnotation)\n };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","getAxisTitleStyle","donutClassNames","root","chart","legendContainer","chartWrapper","axisAnnotation","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","a9b677","Bqenvij","fsow6f","B7ck84d","ek0pe7","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","B80ckks","sj55zd","Bkfmm31","a6j6cd","d","p","m","useDonutChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","className","baseStyles","styles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAMKK,eAAe;;;uBAiCI;eAAnB6B;;;uBAtCwB,gBAAgB;AAK9C,wBAAwB;IAC/B5B,IAAI,EAAE,iBAAiB;IACvBC,KAAK,EAAE,kBAAkB;IACzBC,eAAe,EAAE,4BAA4B;IAC7CC,YAAY,EAAE,yBAAyB;IACvCC,cAAc,EAAE;AACpB,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGX,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAM,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAb,KAAA,EAAA;QAAAc,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAN,MAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAjB,eAAA,EAAA;QAAAkB,MAAA,EAAA;QAAAR,MAAA,EAAA;IAAA;IAAAR,cAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAY,OAAA,EAAA;QAAAP,MAAA,EAAA;QAAAQ,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CAqBrB,CAAC;AAGS,4BAA6BE,KAAK,IAAG;IAC5C,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;IACjF,MAAM,EAAEC,SAAAA,EAAW,GAAGN,KAAK;IAC3B,MAAMO,UAAU,GAAG/B,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHL,IAAI,MAAEL,mBAAY,EAACI,eAAe,CAACC,IAAI,EAAEoC,UAAU,CAACpC,IAAI,EAAEmC,SAAS,EAAE,CAACL,aAAa,GAAGD,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIP,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC9B,IAAI,CAAC;QACvKC,KAAK,MAAEN,mBAAY,EAACI,eAAe,CAACE,KAAK,EAAEmC,UAAU,CAACnC,KAAK,EAAG8B,AAAD,cAAe,IAAGF,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIN,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9B,KAAK,CAAC;QACnKC,eAAe,MAAEP,mBAAY,EAACI,eAAe,CAACG,eAAe,EAAEkC,UAAU,CAAClC,eAAe,EAAE,CAAC8B,cAAc,GAAGH,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIL,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9B,eAAe,CAAC;QAC3MC,YAAY,MAAER,mBAAY,EAACI,eAAe,CAACI,YAAY,EAAE,CAAC8B,cAAc,GAAGJ,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9B,YAAY,CAAC;QACtKC,cAAc,MAAET,mBAAY,EAACI,eAAe,CAACK,cAAc,EAAEgC,UAAU,CAAChC,cAAc,EAAE,CAAC8B,cAAc,GAAGL,KAAK,CAACQ,MAAAA,AAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9B,cAAc;IAC1M,CAAC;AACL,CAAC"}

package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.raw.js CHANGED Viewed

@@ -36,7 +36,8 @@ const donutClassNames = {
         display: 'flex',
         flexDirection: 'column',
         width: '100%',
-        height: '100%'
+        height: '100%',
+        textAlign: 'left'
     },
     chart: {
         boxSizing: 'content-box',

package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/DonutChart/useDonutChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { DonutChartProps, DonutChartStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { getAxisTitleStyle } from '../../utilities/index';\n\n/*\n @internal\n /\nexport const donutClassNames: SlotClassNames<DonutChartStyles> = {\n root: 'fui-donut__root',\n chart: 'fui-donut__chart',\n legendContainer: 'fui-donut__legendContainer',\n chartWrapper: 'fui-donut__chartWrapper',\n axisAnnotation: 'fui-donut__axisAnnotation',\n};\n\n/\n Base Styles\n /\nconst useStyles = makeStyles({\n root: {\n // alignItems: 'center',\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n },\n chart: {\n boxSizing: 'content-box',\n alignmentAdjust: 'center',\n display: 'block',\n overflow: 'visible',\n },\n legendContainer: {\n paddingTop: tokens.spacingVerticalL,\n width: '100%',\n },\n axisAnnotation: getAxisTitleStyle() as GriffelStyle,\n});\n\n/\n Apply styling to the DonutChart component\n */\nexport const useDonutChartStyles = (props: DonutChartProps): DonutChartStyles => {\n const { className } = props;\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(donutClassNames.root, baseStyles.root, className, props.styles?.root),\n chart: mergeClasses(donutClassNames.chart, baseStyles.chart, props.styles?.chart),\n legendContainer: mergeClasses(\n donutClassNames.legendContainer,\n baseStyles.legendContainer,\n props.styles?.legendContainer,\n ),\n chartWrapper: mergeClasses(donutClassNames.chartWrapper, props.styles?.chartWrapper),\n axisAnnotation: mergeClasses(\n donutClassNames.axisAnnotation,\n baseStyles.axisAnnotation,\n props.styles?.axisAnnotation,\n ),\n };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","getAxisTitleStyle","donutClassNames","root","chart","legendContainer","chartWrapper","axisAnnotation","useStyles","body1","display","flexDirection","width","height","boxSizing","alignmentAdjust","overflow","paddingTop","spacingVerticalL","useDonutChartStyles","props","className","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAWaK,eAAAA;;;~~uBAoCAiB~~;eAAAA;;;~~uBA7C0C~~,iBAAiB;4BAC/B,wBAAwB;uBAG/B,wBAAwB;AAKnD,wBAA0D;IAC/~~DhB~~,MAAM;IACNC,OAAO;IACPC,iBAAiB;IACjBC,cAAc;IACdC,gBAAgB;AAClB,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYX,iBAAAA,EAAW;IAC3BM,MAAM;QACJ,wBAAwB;QACxB,GAAGH,4BAAAA,CAAiBS,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;~~IACV~~;~~IACAT~~,OAAO;~~QACLU~~,WAAW;QACXC,iBAAiB;~~QACjBL~~,SAAS;~~QACTM~~,UAAU;IACZ;~~IACAX~~,iBAAiB;~~QACfY~~,~~YAAYlB~~,kBAAAA,~~CAAOmB~~,gBAAgB;~~QACnCN~~,OAAO;IACT;IACAL,oBAAgBN,wBAAAA;AAClB;AAKO,4BAA4B,~~CAACmB~~;QAKqCA,eACRA,gBAI3DA,gBAEuDA,gBAIvDA;IAfJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,~~aAAad~~;IAEnB,OAAO;QACLL,UAAML,mBAAAA,EAAaI,gBAAgBC,IAAI,~~EAAEmB~~,~~WAAWnB~~,IAAI,~~EAAEkB~~,WAAAA,CAAWD,gBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~cAAcjB~~,IAAI;QACvFC,~~OAAON~~,~~uBAAAA~~,EAAaI,gBAAgBE,KAAK,~~EAAEkB~~,~~WAAWlB~~,KAAK,EAAA,~~CAAEgB~~,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~eAAchB~~,KAAK;QAChFC,iBAAiBP,uBAAAA,EACfI,gBAAgBG,eAAe,EAC/~~BiB~~,~~WAAWjB~~,eAAe,EAAA,~~CAC1Be~~,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~eAAcf~~,eAAe;QAE/BC,kBAAcR,mBAAAA,EAAaI,gBAAgBI,YAAY,EAAA,~~CAAEc~~,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~eAAcd~~,YAAY;QACnFC,oBAAgBT,mBAAAA,EACdI,gBAAgBK,cAAc,~~EAC9Be~~,~~WAAWf~~,cAAc,EAAA,~~CACzBa~~,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~eAAcb~~,cAAc;IAEhC;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/DonutChart/useDonutChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { DonutChartProps, DonutChartStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { getAxisTitleStyle } from '../../utilities/index';\n\n/*\n @internal\n /\nexport const donutClassNames: SlotClassNames<DonutChartStyles> = {\n root: 'fui-donut__root',\n chart: 'fui-donut__chart',\n legendContainer: 'fui-donut__legendContainer',\n chartWrapper: 'fui-donut__chartWrapper',\n axisAnnotation: 'fui-donut__axisAnnotation',\n};\n\n/\n Base Styles\n /\nconst useStyles = makeStyles({\n root: {\n // alignItems: 'center',\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n textAlign: 'left',\n },\n chart: {\n boxSizing: 'content-box',\n alignmentAdjust: 'center',\n display: 'block',\n overflow: 'visible',\n },\n legendContainer: {\n paddingTop: tokens.spacingVerticalL,\n width: '100%',\n },\n axisAnnotation: getAxisTitleStyle() as GriffelStyle,\n});\n\n/\n Apply styling to the DonutChart component\n */\nexport const useDonutChartStyles = (props: DonutChartProps): DonutChartStyles => {\n const { className } = props;\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(donutClassNames.root, baseStyles.root, className, props.styles?.root),\n chart: mergeClasses(donutClassNames.chart, baseStyles.chart, props.styles?.chart),\n legendContainer: mergeClasses(\n donutClassNames.legendContainer,\n baseStyles.legendContainer,\n props.styles?.legendContainer,\n ),\n chartWrapper: mergeClasses(donutClassNames.chartWrapper, props.styles?.chartWrapper),\n axisAnnotation: mergeClasses(\n donutClassNames.axisAnnotation,\n baseStyles.axisAnnotation,\n props.styles?.axisAnnotation,\n ),\n };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","getAxisTitleStyle","donutClassNames","root","chart","legendContainer","chartWrapper","axisAnnotation","useStyles","body1","display","flexDirection","width","height","textAlign","boxSizing","alignmentAdjust","overflow","paddingTop","spacingVerticalL","useDonutChartStyles","props","className","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAWaK,eAAAA;;;uBAqCAkB;eAAAA;;;uBA9C0C,iBAAiB;4BAC/B,wBAAwB;uBAG/B,wBAAwB;AAKnD,wBAA0D;IAC/DjB,MAAM;IACNC,OAAO;IACPC,iBAAiB;IACjBC,cAAc;IACdC,gBAAgB;AAClB,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYX,iBAAAA,EAAW;IAC3BM,MAAM;QACJ,wBAAwB;QACxB,GAAGH,4BAAAA,CAAiBS,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;QACRC,WAAW;IACb;IACAV,OAAO;QACLW,WAAW;QACXC,iBAAiB;QACjBN,SAAS;QACTO,UAAU;IACZ;IACAZ,iBAAiB;QACfa,YAAYnB,kBAAAA,CAAOoB,gBAAgB;QACnCP,OAAO;IACT;IACAL,oBAAgBN,wBAAAA;AAClB;AAKO,4BAA4B,CAACoB;QAKqCA,eACRA,gBAI3DA,gBAEuDA,gBAIvDA;IAfJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAaf;IAEnB,OAAO;QACLL,UAAML,mBAAAA,EAAaI,gBAAgBC,IAAI,EAAEoB,WAAWpB,IAAI,EAAEmB,WAAAA,CAAWD,gBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAclB,IAAI;QACvFC,WAAON,mBAAAA,EAAaI,gBAAgBE,KAAK,EAAEmB,WAAWnB,KAAK,EAAA,CAAEiB,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcjB,KAAK;QAChFC,iBAAiBP,uBAAAA,EACfI,gBAAgBG,eAAe,EAC/BkB,WAAWlB,eAAe,EAAA,CAC1BgB,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAchB,eAAe;QAE/BC,kBAAcR,mBAAAA,EAAaI,gBAAgBI,YAAY,EAAA,CAAEe,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcf,YAAY;QACnFC,oBAAgBT,mBAAAA,EACdI,gBAAgBK,cAAc,EAC9BgB,WAAWhB,cAAc,EAAA,CACzBc,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcd,cAAc;IAEhC;AACF,EAAE"}

package/lib-commonjs/components/FunnelChart/useFunnelChartStyles.styles.js CHANGED Viewed

@@ -34,7 +34,11 @@ const funnelClassNames = {
         Bahqtrf: "fk6fouc",
         Be2twd7: "fkhj508",
         Bhrd7zp: "figsok6",
-        qhf8xq: "f10pi13n"
+        qhf8xq: "f10pi13n",
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ]
     },
     chart: {
         mc9l5x: "ftgm304",
@@ -60,6 +64,8 @@ const funnelClassNames = {
         ".fkhj508{font-size:var(--fontSizeBase300);}",
         ".figsok6{font-weight:var(--fontWeightRegular);}",
         ".f10pi13n{position:relative;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
         ".ftgm304{display:block;}",
         ".f1aehjj5{pointer-events:none;}",
         ".fl43uef{font-weight:var(--fontWeightSemibold);}",

package/lib-commonjs/components/FunnelChart/useFunnelChartStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useFunnelChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/*\n @internal\n / export const funnelClassNames = {\n root: 'fui-funnel__root',\n chart: 'fui-funnel__chart',\n text: 'fui-funnel__text',\n calloutContentRoot: 'fui-funnel__callout-content-root'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n root: {\n alignItems: 'center',\n width: '100%',\n height: '100%',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n position: 'relative'\n },\n chart: {\n display: 'block',\n width: '100%',\n height: '100%'\n },\n text: {\n pointerEvents: 'none',\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300\n },\n calloutContentRoot: {\n maxWidth: '238px'\n }\n});\n/\n Apply styling to the FunnelChart component\n */ export const useFunnelChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3;\n const { className } = props;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(funnelClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n text: mergeClasses(funnelClassNames.text, baseStyles.text, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.text),\n calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.calloutContentRoot)\n };\n};\n"],"names":["__styles","mergeClasses","tokens","funnelClassNames","root","chart","text","calloutContentRoot","useStyles","Bt984gj","a9b677","Bqenvij","Bahqtrf","Be2twd7","Bhrd7zp","qhf8xq","mc9l5x","Bkecrkj","Bkfmm31","B2u0y6b","d","useFunnelChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","className","baseStyles","styles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKKG,gBAAgB;;;~~wBAoCI~~;~~eAApBkB~~;;;~~uBAxCwB~~,gBAAgB;AAI9C,yBAAyB;~~IAChCjB~~,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,mBAAmB;IAC1BC,IAAI,EAAE,kBAAkB;IACxBC,kBAAkB,EAAE;AACxB,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;~~IAAAV~~,KAAA,EAAA;~~QAAAW~~,MAAA,EAAA;~~QAAAN~~,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAL,IAAA,EAAA;~~QAAAW~~,OAAA,EAAA;~~QAAAH~~,OAAA,EAAA;~~QAAAI~~,OAAA,EAAA;~~QAAAN~~,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAN,kBAAA,EAAA;~~QAAAY~~,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,~~CAyBrB~~,CAAC;AAGS,8BAA8BE,KAAK,IAAG;IAC7C,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;IACjE,MAAM,EAAEC,SAAAA,EAAW,GAAGL,KAAK;IAC3B,MAAMM,UAAU,~~GAAGpB~~,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHJ,IAAI,MAAEH,mBAAY,EAACE,gBAAgB,CAACC,IAAI,~~EAAEwB~~,UAAU,~~CAACxB~~,IAAI,~~EAAEuB~~,SAAS,EAAE,CAACJ,aAAa,GAAGD,KAAK,CAACO,MAAAA,AAAM,MAAM,IAAI,IAAIN,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,~~CAACnB~~,IAAI,CAAC;QACxKC,KAAK,~~MAAEJ~~,~~mBAAY~~,EAACE,gBAAgB,CAACE,KAAK,~~EAAEuB~~,UAAU,~~CAACvB~~,KAAK,EAAE,~~CAACmB~~,cAAc,GAAGF,KAAK,CAACO,MAAAA,AAAM,MAAM,IAAI,IAAIL,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,~~CAACnB~~,KAAK,CAAC;QACpKC,IAAI,MAAEL,mBAAY,EAACE,gBAAgB,CAACG,IAAI,~~EAAEsB~~,UAAU,~~CAACtB~~,IAAI,EAAE,~~CAACmB~~,cAAc,GAAGH,KAAK,CAACO,MAAAA,AAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,~~CAACnB~~,IAAI,CAAC;QAChKC,kBAAkB,MAAEN,mBAAY,~~EAAC2B~~,UAAU,~~CAACrB~~,kBAAkB,EAAE,~~CAACmB~~,cAAc,GAAGJ,KAAK,CAACO,MAAAA,AAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,~~CAACnB~~,kBAAkB;IACtL,CAAC;AACL,CAAC"}
1	+ {"version":3,"sources":["useFunnelChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/*\n @internal\n / export const funnelClassNames = {\n root: 'fui-funnel__root',\n chart: 'fui-funnel__chart',\n text: 'fui-funnel__text',\n calloutContentRoot: 'fui-funnel__callout-content-root'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n root: {\n alignItems: 'center',\n width: '100%',\n height: '100%',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n position: 'relative',\n textAlign: 'left'\n },\n chart: {\n display: 'block',\n width: '100%',\n height: '100%'\n },\n text: {\n pointerEvents: 'none',\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300\n },\n calloutContentRoot: {\n maxWidth: '238px'\n }\n});\n/\n Apply styling to the FunnelChart component\n */ export const useFunnelChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3;\n const { className } = props;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(funnelClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n text: mergeClasses(funnelClassNames.text, baseStyles.text, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.text),\n calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.calloutContentRoot)\n };\n};\n"],"names":["__styles","mergeClasses","tokens","funnelClassNames","root","chart","text","calloutContentRoot","useStyles","Bt984gj","a9b677","Bqenvij","Bahqtrf","Be2twd7","Bhrd7zp","qhf8xq","fsow6f","mc9l5x","Bkecrkj","Bkfmm31","B2u0y6b","d","useFunnelChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","className","baseStyles","styles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKKG,gBAAgB;;;wBAqCI;eAApBmB;;;uBAzCwB,gBAAgB;AAI9C,yBAAyB;IAChClB,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,mBAAmB;IAC1BC,IAAI,EAAE,kBAAkB;IACxBC,kBAAkB,EAAE;AACxB,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAX,KAAA,EAAA;QAAAY,MAAA,EAAA;QAAAP,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAL,IAAA,EAAA;QAAAY,OAAA,EAAA;QAAAJ,OAAA,EAAA;QAAAK,OAAA,EAAA;QAAAP,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAN,kBAAA,EAAA;QAAAa,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA0BrB,CAAC;AAGS,8BAA8BE,KAAK,IAAG;IAC7C,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;IACjE,MAAM,EAAEC,SAAAA,EAAW,GAAGL,KAAK;IAC3B,MAAMM,UAAU,GAAGrB,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHJ,IAAI,MAAEH,mBAAY,EAACE,gBAAgB,CAACC,IAAI,EAAEyB,UAAU,CAACzB,IAAI,EAAEwB,SAAS,EAAE,CAACJ,aAAa,GAAGD,KAAK,CAACO,MAAAA,AAAM,MAAM,IAAI,IAAIN,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACpB,IAAI,CAAC;QACxKC,KAAK,EAAEJ,uBAAY,EAACE,gBAAgB,CAACE,KAAK,EAAEwB,UAAU,CAACxB,KAAK,EAAE,CAACoB,cAAc,GAAGF,KAAK,CAACO,MAAAA,AAAM,MAAM,IAAI,IAAIL,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACpB,KAAK,CAAC;QACpKC,IAAI,MAAEL,mBAAY,EAACE,gBAAgB,CAACG,IAAI,EAAEuB,UAAU,CAACvB,IAAI,EAAE,CAACoB,cAAc,GAAGH,KAAK,CAACO,MAAAA,AAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACpB,IAAI,CAAC;QAChKC,kBAAkB,MAAEN,mBAAY,EAAC4B,UAAU,CAACtB,kBAAkB,EAAE,CAACoB,cAAc,GAAGJ,KAAK,CAACO,MAAAA,AAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACpB,kBAAkB;IACtL,CAAC;AACL,CAAC"}

package/lib-commonjs/components/FunnelChart/useFunnelChartStyles.styles.raw.js CHANGED Viewed

@@ -35,7 +35,8 @@ const funnelClassNames = {
         fontFamily: _reacttheme.tokens.fontFamilyBase,
         fontSize: _reacttheme.tokens.fontSizeBase300,
         fontWeight: _reacttheme.tokens.fontWeightRegular,
-        position: 'relative'
+        position: 'relative',
+        textAlign: 'left'
     },
     chart: {
         display: 'block',

package/lib-commonjs/components/FunnelChart/useFunnelChartStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/FunnelChart/useFunnelChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { FunnelChartProps, FunnelChartStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/*\n @internal\n /\nexport const funnelClassNames: SlotClassNames<FunnelChartStyles> = {\n root: 'fui-funnel__root',\n chart: 'fui-funnel__chart',\n text: 'fui-funnel__text',\n calloutContentRoot: 'fui-funnel__callout-content-root',\n};\n\n/\n Base Styles\n /\nconst useStyles = makeStyles({\n root: {\n alignItems: 'center',\n width: '100%',\n height: '100%',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n position: 'relative',\n },\n chart: {\n display: 'block',\n width: '100%',\n height: '100%',\n },\n text: {\n pointerEvents: 'none',\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n },\n calloutContentRoot: {\n maxWidth: '238px',\n },\n});\n\n/\n Apply styling to the FunnelChart component\n */\nexport const useFunnelChartStyles = (props: FunnelChartProps): FunnelChartStyles => {\n const { className } = props;\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(funnelClassNames.root, baseStyles.root, className, props.styles?.root),\n chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, props.styles?.chart),\n text: mergeClasses(funnelClassNames.text, baseStyles.text, props.styles?.text),\n calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, props.styles?.calloutContentRoot),\n };\n};\n"],"names":["makeStyles","mergeClasses","tokens","funnelClassNames","root","chart","text","calloutContentRoot","useStyles","alignItems","width","height","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","position","display","pointerEvents","fontWeightSemibold","fill","colorNeutralForeground1","maxWidth","useFunnelChartStyles","props","className","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAUaG,gBAAAA;;;~~wBAwCAsB~~;eAAAA;;;~~uBAhD4B~~,iBAAiB;4BACnC,wBAAwB;AAOxC,yBAA4D;~~IACjErB~~,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,oBAAoB;AACtB,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYR,iBAAAA,EAAW;IAC3BI,MAAM;QACJK,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,YAAYV,kBAAAA,CAAOW,cAAc;QACjCC,UAAUZ,kBAAAA,CAAOa,eAAe;QAChCC,YAAYd,kBAAAA,CAAOe,iBAAiB;QACpCC,UAAU;~~IACZ~~;~~IACAb~~,OAAO;~~QACLc~~,SAAS;~~QACTT~~,OAAO;QACPC,QAAQ;IACV;IACAL,MAAM;~~QACJc~~,eAAe;~~QACfJ~~,YAAYd,kBAAAA,~~CAAOmB~~,kBAAkB;QACrCC,~~MAAMpB~~,kBAAAA,~~CAAOqB~~,uBAAuB;~~QACpCX~~,YAAYV,kBAAAA,CAAOW,cAAc;QACjCC,UAAUZ,kBAAAA,CAAOa,eAAe;IAClC;IACAR,oBAAoB;~~QAClBiB~~,UAAU;IACZ;AACF;AAKO,6BAA6B,CAACE;QAKqCA,eACRA,gBACHA,gBACKA;IAPlE,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,~~aAAapB~~;IAEnB,OAAO;QACLJ,UAAMH,mBAAAA,EAAaE,iBAAiBC,IAAI,~~EAAEwB~~,~~WAAWxB~~,IAAI,~~EAAEuB~~,WAAAA,CAAWD,gBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~cAActB~~,IAAI;QACxFC,~~WAAOJ~~,~~mBAAAA~~,EAAaE,iBAAiBE,KAAK,~~EAAEuB~~,~~WAAWvB~~,KAAK,EAAA,~~CAAEqB~~,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~eAAcrB~~,KAAK;QACjFC,UAAML,mBAAAA,EAAaE,iBAAiBG,IAAI,~~EAAEsB~~,~~WAAWtB~~,IAAI,EAAA,~~CAAEoB~~,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~eAAcpB~~,IAAI;QAC7EC,wBAAoBN,mBAAAA,~~EAAa2B~~,~~WAAWrB~~,kBAAkB,EAAA,~~CAAEmB~~,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~eAAcnB~~,kBAAkB;IAClG;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/FunnelChart/useFunnelChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { FunnelChartProps, FunnelChartStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/*\n @internal\n /\nexport const funnelClassNames: SlotClassNames<FunnelChartStyles> = {\n root: 'fui-funnel__root',\n chart: 'fui-funnel__chart',\n text: 'fui-funnel__text',\n calloutContentRoot: 'fui-funnel__callout-content-root',\n};\n\n/\n Base Styles\n /\nconst useStyles = makeStyles({\n root: {\n alignItems: 'center',\n width: '100%',\n height: '100%',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n position: 'relative',\n textAlign: 'left',\n },\n chart: {\n display: 'block',\n width: '100%',\n height: '100%',\n },\n text: {\n pointerEvents: 'none',\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n },\n calloutContentRoot: {\n maxWidth: '238px',\n },\n});\n\n/\n Apply styling to the FunnelChart component\n */\nexport const useFunnelChartStyles = (props: FunnelChartProps): FunnelChartStyles => {\n const { className } = props;\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(funnelClassNames.root, baseStyles.root, className, props.styles?.root),\n chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, props.styles?.chart),\n text: mergeClasses(funnelClassNames.text, baseStyles.text, props.styles?.text),\n calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, props.styles?.calloutContentRoot),\n };\n};\n"],"names":["makeStyles","mergeClasses","tokens","funnelClassNames","root","chart","text","calloutContentRoot","useStyles","alignItems","width","height","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","position","textAlign","display","pointerEvents","fontWeightSemibold","fill","colorNeutralForeground1","maxWidth","useFunnelChartStyles","props","className","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAUaG,gBAAAA;;;wBAyCAuB;eAAAA;;;uBAjD4B,iBAAiB;4BACnC,wBAAwB;AAOxC,yBAA4D;IACjEtB,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,oBAAoB;AACtB,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYR,iBAAAA,EAAW;IAC3BI,MAAM;QACJK,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,YAAYV,kBAAAA,CAAOW,cAAc;QACjCC,UAAUZ,kBAAAA,CAAOa,eAAe;QAChCC,YAAYd,kBAAAA,CAAOe,iBAAiB;QACpCC,UAAU;QACVC,WAAW;IACb;IACAd,OAAO;QACLe,SAAS;QACTV,OAAO;QACPC,QAAQ;IACV;IACAL,MAAM;QACJe,eAAe;QACfL,YAAYd,kBAAAA,CAAOoB,kBAAkB;QACrCC,MAAMrB,kBAAAA,CAAOsB,uBAAuB;QACpCZ,YAAYV,kBAAAA,CAAOW,cAAc;QACjCC,UAAUZ,kBAAAA,CAAOa,eAAe;IAClC;IACAR,oBAAoB;QAClBkB,UAAU;IACZ;AACF;AAKO,6BAA6B,CAACE;QAKqCA,eACRA,gBACHA,gBACKA;IAPlE,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAarB;IAEnB,OAAO;QACLJ,UAAMH,mBAAAA,EAAaE,iBAAiBC,IAAI,EAAEyB,WAAWzB,IAAI,EAAEwB,WAAAA,CAAWD,gBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcvB,IAAI;QACxFC,OAAOJ,uBAAAA,EAAaE,iBAAiBE,KAAK,EAAEwB,WAAWxB,KAAK,EAAA,CAAEsB,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAActB,KAAK;QACjFC,UAAML,mBAAAA,EAAaE,iBAAiBG,IAAI,EAAEuB,WAAWvB,IAAI,EAAA,CAAEqB,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcrB,IAAI;QAC7EC,wBAAoBN,mBAAAA,EAAa4B,WAAWtB,kBAAkB,EAAA,CAAEoB,iBAAAA,MAAMG,MAAAA,AAAM,MAAA,QAAZH,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcpB,kBAAkB;IAClG;AACF,EAAE"}

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js CHANGED Viewed

@@ -50,7 +50,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         Beiy3e4: "f1vx9l62",
         Bt984gj: "f122n59",
         a9b677: "fly5x3f",
-        Bqenvij: "f1l02sjl"
+        Bqenvij: "f1l02sjl",
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ]
     },
     chart: {
         mc9l5x: "ftgm304"
@@ -181,6 +185,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f122n59{align-items:center;}",
         ".fly5x3f{width:100%;}",
         ".f1l02sjl{height:100%;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
         ".ftgm304{display:block;}",
         ".fy9rknc{font-size:var(--fontSizeBase200);}",
         ".fl43uef{font-weight:var(--fontWeightSemibold);}",

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const gaugeChartClassNames = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper'\n};\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%'\n },\n chart: {\n display: 'block'\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1\n },\n chartTitle: {\n ...typographyStyles.caption1,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n segment: {\n outline: 'none',\n stroke: tokens.colorNeutralStroke1\n },\n gradientSegment: {\n width: '100%',\n height: '100%'\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity'\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between'\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85'\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none'\n },\n shapeStyles: {\n marginRight: '8px'\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto'\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto'\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`\n },\n legendsContainer: {\n width: '100%'\n }\n});\nexport const useGaugeChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null \|\| _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null \|\| _props_styles5 === void 0 ? void 0 : _props_styles5.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null \|\| _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles7 = props.styles) === null \|\| _props_styles7 === void 0 ? void 0 : _props_styles7.segment),\n gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles8 = props.styles) === null \|\| _props_styles8 === void 0 ? void 0 : _props_styles8.gradientSegment),\n calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles9 = props.styles) === null \|\| _props_styles9 === void 0 ? void 0 : _props_styles9.calloutContentRoot),\n calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles10 = props.styles) === null \|\| _props_styles10 === void 0 ? void 0 : _props_styles10.calloutDateTimeContainer),\n calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles11 = props.styles) === null \|\| _props_styles11 === void 0 ? void 0 : _props_styles11.calloutContentX),\n calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles12 = props.styles) === null \|\| _props_styles12 === void 0 ? void 0 : _props_styles12.calloutBlockContainer),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles13 = props.styles) === null \|\| _props_styles13 === void 0 ? void 0 : _props_styles13.shapeStyles),\n calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles14 = props.styles) === null \|\| _props_styles14 === void 0 ? void 0 : _props_styles14.calloutlegendText),\n calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles15 = props.styles) === null \|\| _props_styles15 === void 0 ? void 0 : _props_styles15.calloutContentY),\n descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null \|\| _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles17 = props.styles) === null \|\| _props_styles17 === void 0 ? void 0 : _props_styles17.chartWrapper),\n legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles18 = props.styles) === null \|\| _props_styles18 === void 0 ? void 0 : _props_styles18.legendsContainer)\n };\n};\n"],"names":["tokens","typographyStyles","__styles","mergeClasses","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","Bkfmm31","Bvjb7m6","ojy3ng","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","useGaugeChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","_props_styles13","_props_styles14","_props_styles15","_props_styles16","_props_styles17","_props_styles18","baseStyles","styles"],"mappings":"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"}
1	+ {"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const gaugeChartClassNames = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper'\n};\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left'\n },\n chart: {\n display: 'block'\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1\n },\n chartTitle: {\n ...typographyStyles.caption1,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n segment: {\n outline: 'none',\n stroke: tokens.colorNeutralStroke1\n },\n gradientSegment: {\n width: '100%',\n height: '100%'\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity'\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between'\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85'\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none'\n },\n shapeStyles: {\n marginRight: '8px'\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto'\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto'\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`\n },\n legendsContainer: {\n width: '100%'\n }\n});\nexport const useGaugeChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null \|\| _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null \|\| _props_styles5 === void 0 ? void 0 : _props_styles5.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null \|\| _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles7 = props.styles) === null \|\| _props_styles7 === void 0 ? void 0 : _props_styles7.segment),\n gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles8 = props.styles) === null \|\| _props_styles8 === void 0 ? void 0 : _props_styles8.gradientSegment),\n calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles9 = props.styles) === null \|\| _props_styles9 === void 0 ? void 0 : _props_styles9.calloutContentRoot),\n calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles10 = props.styles) === null \|\| _props_styles10 === void 0 ? void 0 : _props_styles10.calloutDateTimeContainer),\n calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles11 = props.styles) === null \|\| _props_styles11 === void 0 ? void 0 : _props_styles11.calloutContentX),\n calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles12 = props.styles) === null \|\| _props_styles12 === void 0 ? void 0 : _props_styles12.calloutBlockContainer),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles13 = props.styles) === null \|\| _props_styles13 === void 0 ? void 0 : _props_styles13.shapeStyles),\n calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles14 = props.styles) === null \|\| _props_styles14 === void 0 ? void 0 : _props_styles14.calloutlegendText),\n calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles15 = props.styles) === null \|\| _props_styles15 === void 0 ? void 0 : _props_styles15.calloutContentY),\n descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null \|\| _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles17 = props.styles) === null \|\| _props_styles17 === void 0 ? void 0 : _props_styles17.chartWrapper),\n legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles18 = props.styles) === null \|\| _props_styles18 === void 0 ? void 0 : _props_styles18.legendsContainer)\n };\n};\n"],"names":["tokens","typographyStyles","__styles","mergeClasses","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","Bkfmm31","Bvjb7m6","ojy3ng","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","useGaugeChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","_props_styles13","_props_styles14","_props_styles15","_props_styles16","_props_styles17","_props_styles18","baseStyles","styles"],"mappings":"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"}

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.raw.js CHANGED Viewed

@@ -48,7 +48,8 @@ const useStyles = (0, _react.makeStyles)({
         flexDirection: 'column',
         alignItems: 'center',
         width: '100%',
-        height: '100%'
+        height: '100%',
+        textAlign: 'left'
     },
     chart: {
         display: 'block'

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper',\n};\n\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n },\n chart: {\n display: 'block',\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1,\n },\n chartTitle: {\n ...typographyStyles.caption1,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n segment: {\n outline: 'none',\n stroke: tokens.colorNeutralStroke1,\n },\n gradientSegment: {\n width: '100%',\n height: '100%',\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity',\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85',\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none',\n },\n shapeStyles: {\n marginRight: '8px',\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto',\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto',\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n },\n legendsContainer: {\n width: '100%',\n },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n gradientSegment: mergeClasses(\n gaugeChartClassNames.gradientSegment,\n baseStyles.gradientSegment,\n props.styles?.gradientSegment,\n ),\n calloutContentRoot: mergeClasses(\n gaugeChartClassNames.calloutContentRoot,\n baseStyles.calloutContentRoot,\n props.styles?.calloutContentRoot,\n ),\n calloutDateTimeContainer: mergeClasses(\n gaugeChartClassNames.calloutDateTimeContainer,\n baseStyles.calloutDateTimeContainer,\n props.styles?.calloutDateTimeContainer,\n ),\n calloutContentX: mergeClasses(\n gaugeChartClassNames.calloutContentX,\n baseStyles.calloutContentX,\n props.styles?.calloutContentX,\n ),\n calloutBlockContainer: mergeClasses(\n gaugeChartClassNames.calloutBlockContainer,\n baseStyles.calloutBlockContainer,\n props.styles?.calloutBlockContainer,\n ),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n calloutlegendText: mergeClasses(\n gaugeChartClassNames.calloutlegendText,\n baseStyles.calloutlegendText,\n props.styles?.calloutlegendText,\n ),\n calloutContentY: mergeClasses(\n gaugeChartClassNames.calloutContentY,\n baseStyles.calloutContentY,\n props.styles?.calloutContentY,\n ),\n descriptionMessage: mergeClasses(\n gaugeChartClassNames.descriptionMessage,\n baseStyles.descriptionMessage,\n props.styles?.descriptionMessage,\n ),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n legendsContainer: mergeClasses(\n gaugeChartClassNames.legendsContainer,\n baseStyles.legendsContainer,\n props.styles?.legendsContainer,\n ),\n };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","useStyles","body1","display","flexDirection","alignItems","width","height","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","caption1","outline","colorNeutralStroke1","overflow","backgroundColor","backgroundBlendMode","justifyContent","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper',\n};\n\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left',\n },\n chart: {\n display: 'block',\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1,\n },\n chartTitle: {\n ...typographyStyles.caption1,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n segment: {\n outline: 'none',\n stroke: tokens.colorNeutralStroke1,\n },\n gradientSegment: {\n width: '100%',\n height: '100%',\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity',\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85',\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none',\n },\n shapeStyles: {\n marginRight: '8px',\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto',\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto',\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n },\n legendsContainer: {\n width: '100%',\n },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n gradientSegment: mergeClasses(\n gaugeChartClassNames.gradientSegment,\n baseStyles.gradientSegment,\n props.styles?.gradientSegment,\n ),\n calloutContentRoot: mergeClasses(\n gaugeChartClassNames.calloutContentRoot,\n baseStyles.calloutContentRoot,\n props.styles?.calloutContentRoot,\n ),\n calloutDateTimeContainer: mergeClasses(\n gaugeChartClassNames.calloutDateTimeContainer,\n baseStyles.calloutDateTimeContainer,\n props.styles?.calloutDateTimeContainer,\n ),\n calloutContentX: mergeClasses(\n gaugeChartClassNames.calloutContentX,\n baseStyles.calloutContentX,\n props.styles?.calloutContentX,\n ),\n calloutBlockContainer: mergeClasses(\n gaugeChartClassNames.calloutBlockContainer,\n baseStyles.calloutBlockContainer,\n props.styles?.calloutBlockContainer,\n ),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n calloutlegendText: mergeClasses(\n gaugeChartClassNames.calloutlegendText,\n baseStyles.calloutlegendText,\n props.styles?.calloutlegendText,\n ),\n calloutContentY: mergeClasses(\n gaugeChartClassNames.calloutContentY,\n baseStyles.calloutContentY,\n props.styles?.calloutContentY,\n ),\n descriptionMessage: mergeClasses(\n gaugeChartClassNames.descriptionMessage,\n baseStyles.descriptionMessage,\n props.styles?.descriptionMessage,\n ),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n legendsContainer: mergeClasses(\n gaugeChartClassNames.legendsContainer,\n baseStyles.legendsContainer,\n props.styles?.legendsContainer,\n ),\n };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","caption1","outline","colorNeutralStroke1","overflow","backgroundColor","backgroundBlendMode","justifyContent","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"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"}

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.js CHANGED Viewed

@@ -40,7 +40,11 @@ const hbcClassNames = {
     root: {
         mc9l5x: "f22iagw",
         Beiy3e4: "f1vx9l62",
-        a9b677: "fly5x3f"
+        a9b677: "fly5x3f",
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ]
     },
     items10pMargin: {
         jrapky: "f1rfdi54"
@@ -161,6 +165,8 @@ const hbcClassNames = {
         ".f22iagw{display:flex;}",
         ".f1vx9l62{flex-direction:column;}",
         ".fly5x3f{width:100%;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
         ".f1rfdi54{margin-bottom:var(--spacingVerticalMNudge);}",
         ".fbxl46w{margin-bottom:var(--spacingVerticalL);}",
         ".fvblgha{height:12px;}",

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useHorizontalBarChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartVariant } from './index';\nimport { HighContrastSelector } from '../../utilities/index';\n/*\n @internal\n / export const hbcClassNames = {\n root: 'fui-hbc__root',\n items: 'fui-hbc__items',\n chart: 'fui-hbc__chart',\n chartTitle: 'fui-hbc__chartTitle',\n barWrapper: 'fui-hbc__barWrapper',\n chartTitleLeft: 'fui-hbc__chartTitleLeft',\n chartTitleRight: 'fui-hbc__chartTitleRight',\n chartDataTextDenominator: 'fui-hbc__textDenom',\n benchmarkContainer: 'fui-hbc__benchmark',\n triangle: 'fui-hbc__triangle',\n barLabel: 'fui-hbc__barLabel',\n chartWrapper: 'fui-hbc__chartWrapper',\n legendContainer: 'fui-hbc__legendContainer'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%'\n },\n items10pMargin: {\n marginBottom: tokens.spacingVerticalMNudge\n },\n items16pMargin: {\n marginBottom: tokens.spacingVerticalL\n },\n chart: {\n width: '100%',\n height: '12px',\n display: 'block',\n overflow: 'visible'\n },\n barWrapper: {},\n chartTitle: {\n ...typographyStyles.caption1,\n display: 'flex',\n justifyContent: 'space-between'\n },\n chartTitleLeft: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n display: 'block',\n color: tokens.colorNeutralForeground1\n },\n chartTitleLeft4pMargin: {\n marginBottom: '4px'\n },\n chartTitleLeft5pMargin: {\n marginBottom: '5px'\n },\n chartTitleRight: {\n ...typographyStyles.body1Strong,\n color: tokens.colorNeutralForeground1\n },\n chartDataTextDenominator: {\n ...typographyStyles.body1,\n color: tokens.colorNeutralForeground1\n },\n benchmarkContainer: {\n position: 'relative',\n height: '7px',\n marginTop: '-3px',\n marginBottom: '-1px'\n },\n triangle: {\n width: '0',\n height: '0',\n ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n ...shorthands.borderRight('4px', 'solid', 'transparent'),\n ...shorthands.borderTop('7px', 'solid'),\n borderTopColor: tokens.colorPaletteBlueBorderActive,\n marginBottom: tokens.spacingVerticalXS,\n position: 'absolute'\n },\n barLabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n stroke: 'CanvasText'\n }\n },\n chartWrapper40ppadding: {\n paddingRight: '40p'\n },\n chartWrapper0ppadding: {\n paddingRight: tokens.spacingHorizontalNone\n },\n legendContainer: {\n paddingTop: tokens.spacingVerticalL\n }\n});\n/\n Apply styling to the Carousel slots based on the state\n */ export const useHorizontalBarChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12;\n const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n const baseStyles = useStyles();\n return {\n root: mergeClasses(hbcClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n items: mergeClasses(hbcClassNames.items, showTriangle \|\| variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.items16pMargin : baseStyles.items10pMargin, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.items),\n chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.chart),\n chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.chartTitle),\n barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, (_props_styles4 = props.styles) === null \|\| _props_styles4 === void 0 ? void 0 : _props_styles4.barWrapper),\n chartTitleLeft: mergeClasses(hbcClassNames.chartTitleLeft, baseStyles.chartTitleLeft, variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.chartTitleLeft4pMargin : baseStyles.chartTitleLeft5pMargin, (_props_styles5 = props.styles) === null \|\| _props_styles5 === void 0 ? void 0 : _props_styles5.chartTitleLeft),\n chartTitleRight: mergeClasses(hbcClassNames.chartTitleRight, baseStyles.chartTitleRight, (_props_styles6 = props.styles) === null \|\| _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitleRight),\n chartDataTextDenominator: mergeClasses(hbcClassNames.chartDataTextDenominator, baseStyles.chartDataTextDenominator, (_props_styles7 = props.styles) === null \|\| _props_styles7 === void 0 ? void 0 : _props_styles7.chartDataTextDenominator),\n benchmarkContainer: mergeClasses(hbcClassNames.benchmarkContainer, baseStyles.benchmarkContainer, (_props_styles8 = props.styles) === null \|\| _props_styles8 === void 0 ? void 0 : _props_styles8.benchmarkContainer),\n triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, (_props_styles9 = props.styles) === null \|\| _props_styles9 === void 0 ? void 0 : _props_styles9.triangle),\n barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, (_props_styles10 = props.styles) === null \|\| _props_styles10 === void 0 ? void 0 : _props_styles10.barLabel),\n chartWrapper: mergeClasses(hbcClassNames.chartWrapper, variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels ? baseStyles.chartWrapper40ppadding : baseStyles.chartWrapper0ppadding, (_props_styles11 = props.styles) === null \|\| _props_styles11 === void 0 ? void 0 : _props_styles11.chartWrapper),\n legendContainer: mergeClasses(hbcClassNames.legendContainer, baseStyles.legendContainer, (_props_styles12 = props.styles) === null \|\| _props_styles12 === void 0 ? void 0 : _props_styles12.legendContainer)\n };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","mc9l5x","Beiy3e4","a9b677","items10pMargin","jrapky","items16pMargin","Bqenvij","B68tc82","Bmxbyg5","Bpg54ce","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Brf1p80","ygn44y","Huce71","sj55zd","chartTitleLeft4pMargin","chartTitleLeft5pMargin","qhf8xq","B6of3ja","ibv6hh","wvpqe5","zhjwy3","Bekrc4i","vrafjx","h3c5rm","B4j52fo","icvyot","g2u3we","Bkfmm31","Bpvj6i6","chartWrapper40ppadding","z189sj","chartWrapper0ppadding","z8tnut","d","p","m","useHorizontalBarChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"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"}
1	+ {"version":3,"sources":["useHorizontalBarChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartVariant } from './index';\nimport { HighContrastSelector } from '../../utilities/index';\n/*\n @internal\n / export const hbcClassNames = {\n root: 'fui-hbc__root',\n items: 'fui-hbc__items',\n chart: 'fui-hbc__chart',\n chartTitle: 'fui-hbc__chartTitle',\n barWrapper: 'fui-hbc__barWrapper',\n chartTitleLeft: 'fui-hbc__chartTitleLeft',\n chartTitleRight: 'fui-hbc__chartTitleRight',\n chartDataTextDenominator: 'fui-hbc__textDenom',\n benchmarkContainer: 'fui-hbc__benchmark',\n triangle: 'fui-hbc__triangle',\n barLabel: 'fui-hbc__barLabel',\n chartWrapper: 'fui-hbc__chartWrapper',\n legendContainer: 'fui-hbc__legendContainer'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n textAlign: 'left'\n },\n items10pMargin: {\n marginBottom: tokens.spacingVerticalMNudge\n },\n items16pMargin: {\n marginBottom: tokens.spacingVerticalL\n },\n chart: {\n width: '100%',\n height: '12px',\n display: 'block',\n overflow: 'visible'\n },\n barWrapper: {},\n chartTitle: {\n ...typographyStyles.caption1,\n display: 'flex',\n justifyContent: 'space-between'\n },\n chartTitleLeft: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n display: 'block',\n color: tokens.colorNeutralForeground1\n },\n chartTitleLeft4pMargin: {\n marginBottom: '4px'\n },\n chartTitleLeft5pMargin: {\n marginBottom: '5px'\n },\n chartTitleRight: {\n ...typographyStyles.body1Strong,\n color: tokens.colorNeutralForeground1\n },\n chartDataTextDenominator: {\n ...typographyStyles.body1,\n color: tokens.colorNeutralForeground1\n },\n benchmarkContainer: {\n position: 'relative',\n height: '7px',\n marginTop: '-3px',\n marginBottom: '-1px'\n },\n triangle: {\n width: '0',\n height: '0',\n ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n ...shorthands.borderRight('4px', 'solid', 'transparent'),\n ...shorthands.borderTop('7px', 'solid'),\n borderTopColor: tokens.colorPaletteBlueBorderActive,\n marginBottom: tokens.spacingVerticalXS,\n position: 'absolute'\n },\n barLabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n stroke: 'CanvasText'\n }\n },\n chartWrapper40ppadding: {\n paddingRight: '40p'\n },\n chartWrapper0ppadding: {\n paddingRight: tokens.spacingHorizontalNone\n },\n legendContainer: {\n paddingTop: tokens.spacingVerticalL\n }\n});\n/\n Apply styling to the Carousel slots based on the state\n */ export const useHorizontalBarChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12;\n const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n const baseStyles = useStyles();\n return {\n root: mergeClasses(hbcClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n items: mergeClasses(hbcClassNames.items, showTriangle \|\| variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.items16pMargin : baseStyles.items10pMargin, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.items),\n chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.chart),\n chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.chartTitle),\n barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, (_props_styles4 = props.styles) === null \|\| _props_styles4 === void 0 ? void 0 : _props_styles4.barWrapper),\n chartTitleLeft: mergeClasses(hbcClassNames.chartTitleLeft, baseStyles.chartTitleLeft, variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.chartTitleLeft4pMargin : baseStyles.chartTitleLeft5pMargin, (_props_styles5 = props.styles) === null \|\| _props_styles5 === void 0 ? void 0 : _props_styles5.chartTitleLeft),\n chartTitleRight: mergeClasses(hbcClassNames.chartTitleRight, baseStyles.chartTitleRight, (_props_styles6 = props.styles) === null \|\| _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitleRight),\n chartDataTextDenominator: mergeClasses(hbcClassNames.chartDataTextDenominator, baseStyles.chartDataTextDenominator, (_props_styles7 = props.styles) === null \|\| _props_styles7 === void 0 ? void 0 : _props_styles7.chartDataTextDenominator),\n benchmarkContainer: mergeClasses(hbcClassNames.benchmarkContainer, baseStyles.benchmarkContainer, (_props_styles8 = props.styles) === null \|\| _props_styles8 === void 0 ? void 0 : _props_styles8.benchmarkContainer),\n triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, (_props_styles9 = props.styles) === null \|\| _props_styles9 === void 0 ? void 0 : _props_styles9.triangle),\n barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, (_props_styles10 = props.styles) === null \|\| _props_styles10 === void 0 ? void 0 : _props_styles10.barLabel),\n chartWrapper: mergeClasses(hbcClassNames.chartWrapper, variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels ? baseStyles.chartWrapper40ppadding : baseStyles.chartWrapper0ppadding, (_props_styles11 = props.styles) === null \|\| _props_styles11 === void 0 ? void 0 : _props_styles11.chartWrapper),\n legendContainer: mergeClasses(hbcClassNames.legendContainer, baseStyles.legendContainer, (_props_styles12 = props.styles) === null \|\| _props_styles12 === void 0 ? void 0 : _props_styles12.legendContainer)\n };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","mc9l5x","Beiy3e4","a9b677","fsow6f","items10pMargin","jrapky","items16pMargin","Bqenvij","B68tc82","Bmxbyg5","Bpg54ce","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Brf1p80","ygn44y","Huce71","sj55zd","chartTitleLeft4pMargin","chartTitleLeft5pMargin","qhf8xq","B6of3ja","ibv6hh","wvpqe5","zhjwy3","Bekrc4i","vrafjx","h3c5rm","B4j52fo","icvyot","g2u3we","Bkfmm31","Bpvj6i6","chartWrapper40ppadding","z189sj","chartWrapper0ppadding","z8tnut","d","p","m","useHorizontalBarChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"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"}

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.raw.js CHANGED Viewed

@@ -42,7 +42,8 @@ const hbcClassNames = {
     root: {
         display: 'flex',
         flexDirection: 'column',
-        width: '100%'
+        width: '100%',
+        textAlign: 'left'
     },
     items10pMargin: {
         marginBottom: _reacttheme.tokens.spacingVerticalMNudge

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartProps, HorizontalBarChartStyles, HorizontalBarChartVariant } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { HighContrastSelector } from '../../utilities/index';\n\n/*\n @internal\n /\nexport const hbcClassNames: SlotClassNames<HorizontalBarChartStyles> = {\n root: 'fui-hbc__root',\n items: 'fui-hbc__items',\n chart: 'fui-hbc__chart',\n chartTitle: 'fui-hbc__chartTitle',\n barWrapper: 'fui-hbc__barWrapper',\n chartTitleLeft: 'fui-hbc__chartTitleLeft',\n chartTitleRight: 'fui-hbc__chartTitleRight',\n chartDataTextDenominator: 'fui-hbc__textDenom',\n benchmarkContainer: 'fui-hbc__benchmark',\n triangle: 'fui-hbc__triangle',\n barLabel: 'fui-hbc__barLabel',\n chartWrapper: 'fui-hbc__chartWrapper',\n legendContainer: 'fui-hbc__legendContainer',\n};\n\n/\n Base Styles\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%', // Support custom width\n },\n items10pMargin: {\n marginBottom: tokens.spacingVerticalMNudge,\n },\n items16pMargin: {\n marginBottom: tokens.spacingVerticalL,\n },\n chart: {\n width: '100%',\n height: '12px', // Support custom bar height\n display: 'block',\n overflow: 'visible',\n },\n barWrapper: {},\n chartTitle: {\n ...typographyStyles.caption1,\n display: 'flex',\n justifyContent: 'space-between',\n },\n chartTitleLeft: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n display: 'block',\n color: tokens.colorNeutralForeground1,\n },\n chartTitleLeft4pMargin: {\n marginBottom: '4px',\n },\n chartTitleLeft5pMargin: {\n marginBottom: '5px',\n },\n chartTitleRight: {\n ...typographyStyles.body1Strong,\n color: tokens.colorNeutralForeground1,\n },\n chartDataTextDenominator: {\n ...typographyStyles.body1,\n color: tokens.colorNeutralForeground1,\n },\n benchmarkContainer: {\n position: 'relative',\n height: '7px',\n marginTop: '-3px',\n marginBottom: '-1px',\n },\n triangle: {\n width: '0',\n height: '0',\n ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n ...shorthands.borderRight('4px', 'solid', 'transparent'),\n ...shorthands.borderTop('7px', 'solid'),\n borderTopColor: tokens.colorPaletteBlueBorderActive,\n marginBottom: tokens.spacingVerticalXS,\n position: 'absolute',\n },\n barLabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n stroke: 'CanvasText',\n },\n },\n chartWrapper40ppadding: {\n paddingRight: '40p',\n },\n chartWrapper0ppadding: {\n paddingRight: tokens.spacingHorizontalNone,\n },\n legendContainer: { paddingTop: tokens.spacingVerticalL },\n});\n\n/\n Apply styling to the Carousel slots based on the state\n */\nexport const useHorizontalBarChartStyles = (props: HorizontalBarChartProps): HorizontalBarChartStyles => {\n const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(hbcClassNames.root, baseStyles.root, className, props.styles?.root),\n items: mergeClasses(\n hbcClassNames.items,\n showTriangle \|\| variant === HorizontalBarChartVariant.AbsoluteScale\n ? baseStyles.items16pMargin\n : baseStyles.items10pMargin,\n props.styles?.items,\n ),\n chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, props.styles?.chart),\n chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, props.styles?.barWrapper),\n chartTitleLeft: mergeClasses(\n hbcClassNames.chartTitleLeft,\n baseStyles.chartTitleLeft,\n variant === HorizontalBarChartVariant.AbsoluteScale\n ? baseStyles.chartTitleLeft4pMargin\n : baseStyles.chartTitleLeft5pMargin,\n props.styles?.chartTitleLeft,\n ),\n chartTitleRight: mergeClasses(\n hbcClassNames.chartTitleRight,\n baseStyles.chartTitleRight,\n props.styles?.chartTitleRight,\n ),\n chartDataTextDenominator: mergeClasses(\n hbcClassNames.chartDataTextDenominator,\n baseStyles.chartDataTextDenominator,\n props.styles?.chartDataTextDenominator,\n ),\n benchmarkContainer: mergeClasses(\n hbcClassNames.benchmarkContainer,\n baseStyles.benchmarkContainer,\n props.styles?.benchmarkContainer,\n ),\n triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, props.styles?.barLabel),\n chartWrapper: mergeClasses(\n hbcClassNames.chartWrapper,\n variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels\n ? baseStyles.chartWrapper40ppadding\n : baseStyles.chartWrapper0ppadding,\n props.styles?.chartWrapper,\n ),\n legendContainer: mergeClasses(\n hbcClassNames.legendContainer,\n baseStyles.legendContainer,\n props.styles?.legendContainer,\n ),\n };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","display","flexDirection","width","items10pMargin","marginBottom","spacingVerticalMNudge","items16pMargin","spacingVerticalL","height","overflow","caption1","justifyContent","textOverflow","whiteSpace","color","colorNeutralForeground1","chartTitleLeft4pMargin","chartTitleLeft5pMargin","body1Strong","body1","position","marginTop","borderLeft","borderRight","borderTop","borderTopColor","colorPaletteBlueBorderActive","spacingVerticalXS","caption1Strong","fill","stroke","chartWrapper40ppadding","paddingRight","chartWrapper0ppadding","spacingHorizontalNone","paddingTop","useHorizontalBarChartStyles","props","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartProps, HorizontalBarChartStyles, HorizontalBarChartVariant } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { HighContrastSelector } from '../../utilities/index';\n\n/*\n @internal\n /\nexport const hbcClassNames: SlotClassNames<HorizontalBarChartStyles> = {\n root: 'fui-hbc__root',\n items: 'fui-hbc__items',\n chart: 'fui-hbc__chart',\n chartTitle: 'fui-hbc__chartTitle',\n barWrapper: 'fui-hbc__barWrapper',\n chartTitleLeft: 'fui-hbc__chartTitleLeft',\n chartTitleRight: 'fui-hbc__chartTitleRight',\n chartDataTextDenominator: 'fui-hbc__textDenom',\n benchmarkContainer: 'fui-hbc__benchmark',\n triangle: 'fui-hbc__triangle',\n barLabel: 'fui-hbc__barLabel',\n chartWrapper: 'fui-hbc__chartWrapper',\n legendContainer: 'fui-hbc__legendContainer',\n};\n\n/\n Base Styles\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%', // Support custom width\n textAlign: 'left',\n },\n items10pMargin: {\n marginBottom: tokens.spacingVerticalMNudge,\n },\n items16pMargin: {\n marginBottom: tokens.spacingVerticalL,\n },\n chart: {\n width: '100%',\n height: '12px', // Support custom bar height\n display: 'block',\n overflow: 'visible',\n },\n barWrapper: {},\n chartTitle: {\n ...typographyStyles.caption1,\n display: 'flex',\n justifyContent: 'space-between',\n },\n chartTitleLeft: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n display: 'block',\n color: tokens.colorNeutralForeground1,\n },\n chartTitleLeft4pMargin: {\n marginBottom: '4px',\n },\n chartTitleLeft5pMargin: {\n marginBottom: '5px',\n },\n chartTitleRight: {\n ...typographyStyles.body1Strong,\n color: tokens.colorNeutralForeground1,\n },\n chartDataTextDenominator: {\n ...typographyStyles.body1,\n color: tokens.colorNeutralForeground1,\n },\n benchmarkContainer: {\n position: 'relative',\n height: '7px',\n marginTop: '-3px',\n marginBottom: '-1px',\n },\n triangle: {\n width: '0',\n height: '0',\n ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n ...shorthands.borderRight('4px', 'solid', 'transparent'),\n ...shorthands.borderTop('7px', 'solid'),\n borderTopColor: tokens.colorPaletteBlueBorderActive,\n marginBottom: tokens.spacingVerticalXS,\n position: 'absolute',\n },\n barLabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n stroke: 'CanvasText',\n },\n },\n chartWrapper40ppadding: {\n paddingRight: '40p',\n },\n chartWrapper0ppadding: {\n paddingRight: tokens.spacingHorizontalNone,\n },\n legendContainer: { paddingTop: tokens.spacingVerticalL },\n});\n\n/\n Apply styling to the Carousel slots based on the state\n */\nexport const useHorizontalBarChartStyles = (props: HorizontalBarChartProps): HorizontalBarChartStyles => {\n const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(hbcClassNames.root, baseStyles.root, className, props.styles?.root),\n items: mergeClasses(\n hbcClassNames.items,\n showTriangle \|\| variant === HorizontalBarChartVariant.AbsoluteScale\n ? baseStyles.items16pMargin\n : baseStyles.items10pMargin,\n props.styles?.items,\n ),\n chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, props.styles?.chart),\n chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, props.styles?.barWrapper),\n chartTitleLeft: mergeClasses(\n hbcClassNames.chartTitleLeft,\n baseStyles.chartTitleLeft,\n variant === HorizontalBarChartVariant.AbsoluteScale\n ? baseStyles.chartTitleLeft4pMargin\n : baseStyles.chartTitleLeft5pMargin,\n props.styles?.chartTitleLeft,\n ),\n chartTitleRight: mergeClasses(\n hbcClassNames.chartTitleRight,\n baseStyles.chartTitleRight,\n props.styles?.chartTitleRight,\n ),\n chartDataTextDenominator: mergeClasses(\n hbcClassNames.chartDataTextDenominator,\n baseStyles.chartDataTextDenominator,\n props.styles?.chartDataTextDenominator,\n ),\n benchmarkContainer: mergeClasses(\n hbcClassNames.benchmarkContainer,\n baseStyles.benchmarkContainer,\n props.styles?.benchmarkContainer,\n ),\n triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, props.styles?.barLabel),\n chartWrapper: mergeClasses(\n hbcClassNames.chartWrapper,\n variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels\n ? baseStyles.chartWrapper40ppadding\n : baseStyles.chartWrapper0ppadding,\n props.styles?.chartWrapper,\n ),\n legendContainer: mergeClasses(\n hbcClassNames.legendContainer,\n baseStyles.legendContainer,\n props.styles?.legendContainer,\n ),\n };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","display","flexDirection","width","textAlign","items10pMargin","marginBottom","spacingVerticalMNudge","items16pMargin","spacingVerticalL","height","overflow","caption1","justifyContent","textOverflow","whiteSpace","color","colorNeutralForeground1","chartTitleLeft4pMargin","chartTitleLeft5pMargin","body1Strong","body1","position","marginTop","borderLeft","borderRight","borderTop","borderTopColor","colorPaletteBlueBorderActive","spacingVerticalXS","caption1Strong","fill","stroke","chartWrapper40ppadding","paddingRight","chartWrapper0ppadding","spacingHorizontalNone","paddingTop","useHorizontalBarChartStyles","props","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"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"}

package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js CHANGED Viewed

@@ -39,7 +39,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         Beiy3e4: "f1vx9l62",
         B68tc82: 0,
         Bmxbyg5: 0,
-        Bpg54ce: "f1a3p1vp"
+        Bpg54ce: "f1a3p1vp",
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ]
     },
     links: {
         Bkfmm31: "f5q6cfr",
@@ -116,6 +120,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
                 p: -1
             }
         ],
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
         ".f5q6cfr{fill:var(--colorNeutralBackground1);}",
         ".fu2q8de{stroke-width:3px;}",
         ".f1yc5x8p{fill:#F5F5F5;}",

package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useSankeyChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\nimport { getTooltipStyle } from '../../utilities/index';\nexport const sankeyChartClassNames = {\n root: 'fui-sc__root',\n nodes: 'fui-sc__nodes',\n links: 'fui-sc__links',\n nodeTextContainer: 'fui-sc__nodeTextContainer',\n toolTip: 'fui-sc__toolTip',\n chartWrapper: 'fui-sc__chartWrapper',\n chart: 'fui-sc__chart'\n};\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n width: '100%',\n height: '100%',\n flexDirection: 'column',\n overflow: 'hidden'\n },\n links: {\n fill: tokens.colorNeutralBackground1,\n strokeWidth: '3px',\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n },\n nodes: {\n fill: '#F5F5F5',\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n },\n toolTip: getTooltipStyle(),\n nodeTextContainer: {\n '& text': {\n [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n },\n marginTop: '4px',\n marginLeft: '8px',\n marginBottom: '4px',\n marginRight: '8px'\n },\n chartWrapper: {\n overflow: 'auto'\n },\n chart: {\n display: 'block'\n }\n});\nexport const useSankeyChartStyles = (props)=>{\n var _props_styles, _props_reflowProps, _props_styles1, _props_styles2;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(sankeyChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n nodes: mergeClasses(sankeyChartClassNames.nodes, baseStyles.nodes /, props.styles?.nodes/ ),\n links: mergeClasses(sankeyChartClassNames.links, baseStyles.links /, props.styles?.links/ ),\n nodeTextContainer: mergeClasses(sankeyChartClassNames.nodeTextContainer, baseStyles.nodeTextContainer /, props.styles?.nodeTextContainer/ ),\n toolTip: mergeClasses(sankeyChartClassNames.toolTip, baseStyles.toolTip /, props.styles?.toolTip/ ),\n chartWrapper: mergeClasses(sankeyChartClassNames.chartWrapper, ((_props_reflowProps = props.reflowProps) === null \|\| _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapper : '', (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),\n chart: mergeClasses(sankeyChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.chart)\n };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","HighContrastSelector","getTooltipStyle","sankeyChartClassNames","root","nodes","links","nodeTextContainer","toolTip","chartWrapper","chart","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","Bkfmm31","Be5yapy","a6j6cd","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","~~fsow6f","~~Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","B3gqxw3","B6of3ja","Frg6f3","jrapky","t21cq0","d","p","m","useSankeyChartStyles","props","_props_styles","_props_reflowProps","_props_styles1","_props_styles2","baseStyles","styles","reflowProps","mode"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKCM,qBAAqB;;;~~wBAkDD~~;eAApB8C;;;~~uBAtD4B~~,gBAAgB;AAIlD,8BAA8B;IACjC7C,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,eAAe;IACtBC,KAAK,EAAE,eAAe;IACtBC,iBAAiB,EAAE,2BAA2B;IAC9CC,OAAO,EAAE,iBAAiB;IAC1BC,YAAY,EAAE,sBAAsB;IACpCC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGd,eAAA,EAAA;IAAAO,IAAA,EAAA;QAAAQ,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;~~IAAAhB~~,KAAA,EAAA;~~QAAAiB~~,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;~~IAAApB~~,KAAA,EAAA;~~QAAAkB~~,OAAA,EAAA;QAAAE,MAAA,EAAA;IAAA;~~IAAAjB~~,OAAA,EAAA;QAAAI,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAG,OAAA,EAAA;~~QAAAO~~,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;~~QAAAC~~,MAAA,EAAA;~~QAAAC~~,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAjC,iBAAA,EAAA;QAAAkC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAApC,YAAA,EAAA;QAAAW,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAZ,KAAA,EAAA;QAAAM,MAAA,EAAA;IAAA;AAAA,GAAA;IAAA8B,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;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;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,~~CAwCjB~~,CAAC;AACK,8BAA8BE,KAAK,IAAG;IACzC,IAAIC,aAAa,EAAEC,kBAAkB,EAAEC,cAAc,EAAEC,cAAc;IACrE,MAAMC,UAAU,GAAG5C,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHP,IAAI,MAAEN,mBAAY,EAACK,qBAAqB,CAACC,IAAI,EAAEmD,UAAU,CAACnD,IAAI,EAAE,CAAC+C,aAAa,GAAGD,KAAK,CAACM,MAAAA,AAAM,MAAM,IAAI,IAAIL,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC/C,IAAI,CAAC;QAClKC,KAAK,~~EAAEP~~,~~uBAAY~~,EAACK,qBAAqB,CAACE,KAAK,EAAEkD,UAAU,CAAClD,KAAK,CAAC,uBAAA,EAA0B,CAAC;QAC7FC,KAAK,MAAER,mBAAY,EAACK,qBAAqB,CAACG,KAAK,EAAEiD,UAAU,CAACjD,KAAK,CAAC,uBAAA,EAA0B,CAAC;QAC7FC,iBAAiB,MAAET,mBAAY,EAACK,qBAAqB,CAACI,iBAAiB,EAAEgD,UAAU,CAAChD,iBAAiB,CAAC,mCAAA,EAAsC,CAAC;QAC7IC,OAAO,MAAEV,mBAAY,EAACK,qBAAqB,CAACK,OAAO,EAAE+C,UAAU,CAAC/C,OAAO,CAAC,yBAAA,EAA4B,CAAC;QACrGC,YAAY,MAAEX,mBAAY,EAACK,qBAAqB,CAACM,YAAY,EAAE,CAAC,CAAC2C,kBAAkB,GAAGF,KAAK,CAACO,WAAAA,AAAW,MAAM,IAAI,IAAIL,kBAAkB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,kBAAkB,CAACM,IAAAA,AAAI,MAAM,WAAW,GAAGH,UAAU,CAAC9C,YAAY,GAAG,EAAE,EAAE,CAAC4C,cAAc,GAAGH,KAAK,CAACM,MAAAA,AAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC5C,YAAY,CAAC;QACpVC,KAAK,MAAEZ,mBAAY,EAACK,qBAAqB,CAACO,KAAK,EAAE6C,UAAU,CAAC7C,KAAK,EAAE,CAAC4C,cAAc,GAAGJ,KAAK,CAACM,MAAAA,AAAM,MAAM,IAAI,IAAIF,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC5C,KAAK;IAC5K,CAAC;AACL,CAAC"}
1	+ {"version":3,"sources":["useSankeyChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\nimport { getTooltipStyle } from '../../utilities/index';\nexport const sankeyChartClassNames = {\n root: 'fui-sc__root',\n nodes: 'fui-sc__nodes',\n links: 'fui-sc__links',\n nodeTextContainer: 'fui-sc__nodeTextContainer',\n toolTip: 'fui-sc__toolTip',\n chartWrapper: 'fui-sc__chartWrapper',\n chart: 'fui-sc__chart'\n};\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n width: '100%',\n height: '100%',\n flexDirection: 'column',\n overflow: 'hidden',\n textAlign: 'left'\n },\n links: {\n fill: tokens.colorNeutralBackground1,\n strokeWidth: '3px',\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n },\n nodes: {\n fill: '#F5F5F5',\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n },\n toolTip: getTooltipStyle(),\n nodeTextContainer: {\n '& text': {\n [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n },\n marginTop: '4px',\n marginLeft: '8px',\n marginBottom: '4px',\n marginRight: '8px'\n },\n chartWrapper: {\n overflow: 'auto'\n },\n chart: {\n display: 'block'\n }\n});\nexport const useSankeyChartStyles = (props)=>{\n var _props_styles, _props_reflowProps, _props_styles1, _props_styles2;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(sankeyChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n nodes: mergeClasses(sankeyChartClassNames.nodes, baseStyles.nodes /, props.styles?.nodes/ ),\n links: mergeClasses(sankeyChartClassNames.links, baseStyles.links /, props.styles?.links/ ),\n nodeTextContainer: mergeClasses(sankeyChartClassNames.nodeTextContainer, baseStyles.nodeTextContainer /, props.styles?.nodeTextContainer/ ),\n toolTip: mergeClasses(sankeyChartClassNames.toolTip, baseStyles.toolTip /, props.styles?.toolTip/ ),\n chartWrapper: mergeClasses(sankeyChartClassNames.chartWrapper, ((_props_reflowProps = props.reflowProps) === null \|\| _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapper : '', (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),\n chart: mergeClasses(sankeyChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.chart)\n };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","HighContrastSelector","getTooltipStyle","sankeyChartClassNames","root","nodes","links","nodeTextContainer","toolTip","chartWrapper","chart","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","Bkfmm31","Be5yapy","a6j6cd","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","B3gqxw3","B6of3ja","Frg6f3","jrapky","t21cq0","d","p","m","useSankeyChartStyles","props","_props_styles","_props_reflowProps","_props_styles1","_props_styles2","baseStyles","styles","reflowProps","mode"],"mappings":"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"}

package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.raw.js CHANGED Viewed

@@ -36,7 +36,8 @@ const useStyles = (0, _react.makeStyles)({
         width: '100%',
         height: '100%',
         flexDirection: 'column',
-        overflow: 'hidden'
+        overflow: 'hidden',
+        textAlign: 'left'
     },
     links: {
         fill: _reacttheme.tokens.colorNeutralBackground1,