@fluentui/react-charts 0.0.0-nightly-20260112-0407.1 → 0.0.0-nightly-20260114-0406.1

package/lib/components/GaugeChart/useGaugeChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"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"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tokens","typographyStyles","__styles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","Bkfmm31","Bvjb7m6","ojy3ng","Bxms50k","jrapky","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","m","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","_props_styles19","baseStyles","styles"],"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\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    svgTooltip: 'fui-gc__svgTooltip'\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    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    chartTitle: getChartTitleStyles(),\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, _props_styles19;\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        svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.svgTooltip),\n        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.segment),\n        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.gradientSegment),\n        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutDateTimeContainer),\n        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutContentX),\n        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.calloutBlockContainer),\n        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.shapeStyles),\n        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutlegendText),\n        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.calloutContentY),\n        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.descriptionMessage),\n        chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.chartWrapper),\n        legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles19 = props.styles) === null || _props_styles19 === void 0 ? void 0 : _props_styles19.legendsContainer)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/GaugeChart/useGaugeChartStyles.styles.raw.js

@@ -1,6 +1,7 @@
 'use client';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import { makeStyles, mergeClasses } from '@griffel/react';
+import { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';
 export const gaugeChartClassNames = {
     root: 'fui-gc__root',
     chart: 'fui-gc__chart',
@@ -21,7 +22,8 @@ export const gaugeChartClassNames = {
     descriptionMessage: 'fui-gc__descriptionMessage',
     calloutInfoContainer: '',
     legendsContainer: 'fui-gc__legendsContainer',
-    chartWrapper: 'fui-gc__chartWrapper'
+    chartWrapper: 'fui-gc__chartWrapper',
+    svgTooltip: 'fui-gc__svgTooltip'
 };
 const useStyles = makeStyles({
     root: {
@@ -55,11 +57,13 @@ const useStyles = makeStyles({
         fill: tokens.colorNeutralForeground1,
         stroke: tokens.colorNeutralBackground1
     },
-    chartTitle: {
-        ...typographyStyles.caption1,
-        fill: tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto'
+    svgTooltip: {
+        fill: tokens.colorNeutralBackground1,
+        [HighContrastSelector]: {
+            fill: 'Canvas'
+        }
     },
+    chartTitle: getChartTitleStyles(),
     segment: {
         outline: 'none',
         stroke: tokens.colorNeutralStroke1
@@ -118,7 +122,7 @@ const useStyles = makeStyles({
     }
 });
 export const useGaugeChartStyles = (props)=>{
-    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;
+    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, _props_styles19;
     const baseStyles = useStyles();
     return {
         root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
@@ -128,17 +132,18 @@ export const useGaugeChartStyles = (props)=>{
         sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),
         needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),
         chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),
-        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.segment),
-        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.gradientSegment),
-        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.calloutContentRoot),
-        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutDateTimeContainer),
-        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutContentX),
-        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutBlockContainer),
-        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.shapeStyles),
-        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.calloutlegendText),
-        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutContentY),
-        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage),
-        chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.chartWrapper),
-        legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.legendsContainer)
+        svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.svgTooltip),
+        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.segment),
+        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.gradientSegment),
+        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutContentRoot),
+        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutDateTimeContainer),
+        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutContentX),
+        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.calloutBlockContainer),
+        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.shapeStyles),
+        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutlegendText),
+        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.calloutContentY),
+        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.descriptionMessage),
+        chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.chartWrapper),
+        legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles19 = props.styles) === null || _props_styles19 === void 0 ? void 0 : _props_styles19.legendsContainer)
     };
 };

package/lib/components/GaugeChart/useGaugeChartStyles.styles.raw.js.map

@@ -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    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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"}
+{"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 { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\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  svgTooltip: 'fui-gc__svgTooltip',\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  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\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    svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\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","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorNeutralStroke1","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"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"}