@fluentui/react-charting 5.23.80 → 5.23.82
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.
- package/CHANGELOG.json +61 -1
- package/CHANGELOG.md +25 -2
- package/dist/react-charting.js +1 -1
- package/dist/react-charting.min.js +1 -1
- package/lib/components/AreaChart/AreaChart.base.d.ts +6 -0
- package/lib/components/AreaChart/AreaChart.base.js +192 -34
- package/lib/components/AreaChart/AreaChart.base.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.styles.js +15 -15
- package/lib/components/CommonComponents/CartesianChart.styles.js.map +1 -1
- package/lib/components/DeclarativeChart/DeclarativeChart.js +3 -0
- package/lib/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +39 -20
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib/components/DonutChart/Pie/Pie.styles.js +3 -3
- package/lib/components/DonutChart/Pie/Pie.styles.js.map +1 -1
- package/lib/components/GaugeChart/GaugeChart.styles.js +7 -7
- package/lib/components/GaugeChart/GaugeChart.styles.js.map +1 -1
- package/lib/components/PieChart/Arc/Arc.styles.js +2 -2
- package/lib/components/PieChart/Arc/Arc.styles.js.map +1 -1
- package/lib/components/SankeyChart/SankeyChart.styles.js +7 -7
- package/lib/components/SankeyChart/SankeyChart.styles.js.map +1 -1
- package/lib/utilities/ChartHoverCard/ChartHoverCard.styles.js +5 -5
- package/lib/utilities/ChartHoverCard/ChartHoverCard.styles.js.map +1 -1
- package/lib-amd/components/AreaChart/AreaChart.base.d.ts +6 -0
- package/lib-amd/components/AreaChart/AreaChart.base.js +192 -34
- package/lib-amd/components/AreaChart/AreaChart.base.js.map +1 -1
- package/lib-amd/components/CommonComponents/CartesianChart.styles.js +14 -14
- package/lib-amd/components/CommonComponents/CartesianChart.styles.js.map +1 -1
- package/lib-amd/components/DeclarativeChart/DeclarativeChart.js +3 -0
- package/lib-amd/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js +39 -20
- package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib-amd/components/DonutChart/Pie/Pie.styles.js +2 -2
- package/lib-amd/components/DonutChart/Pie/Pie.styles.js.map +1 -1
- package/lib-amd/components/GaugeChart/GaugeChart.styles.js +6 -6
- package/lib-amd/components/GaugeChart/GaugeChart.styles.js.map +1 -1
- package/lib-amd/components/PieChart/Arc/Arc.styles.js +1 -1
- package/lib-amd/components/PieChart/Arc/Arc.styles.js.map +1 -1
- package/lib-amd/components/SankeyChart/SankeyChart.styles.js +6 -6
- package/lib-amd/components/SankeyChart/SankeyChart.styles.js.map +1 -1
- package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.styles.js +4 -4
- package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.styles.js.map +1 -1
- package/lib-commonjs/components/AreaChart/AreaChart.base.d.ts +6 -0
- package/lib-commonjs/components/AreaChart/AreaChart.base.js +192 -34
- package/lib-commonjs/components/AreaChart/AreaChart.base.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.styles.js +14 -14
- package/lib-commonjs/components/CommonComponents/CartesianChart.styles.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js +3 -0
- package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +39 -20
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib-commonjs/components/DonutChart/Pie/Pie.styles.js +2 -2
- package/lib-commonjs/components/DonutChart/Pie/Pie.styles.js.map +1 -1
- package/lib-commonjs/components/GaugeChart/GaugeChart.styles.js +6 -6
- package/lib-commonjs/components/GaugeChart/GaugeChart.styles.js.map +1 -1
- package/lib-commonjs/components/PieChart/Arc/Arc.styles.js +1 -1
- package/lib-commonjs/components/PieChart/Arc/Arc.styles.js.map +1 -1
- package/lib-commonjs/components/SankeyChart/SankeyChart.styles.js +6 -6
- package/lib-commonjs/components/SankeyChart/SankeyChart.styles.js.map +1 -1
- package/lib-commonjs/utilities/ChartHoverCard/ChartHoverCard.styles.js +4 -4
- package/lib-commonjs/utilities/ChartHoverCard/ChartHoverCard.styles.js.map +1 -1
- package/package.json +4 -4
|
@@ -12,8 +12,8 @@ var getStyles = function (props) {
|
|
|
12
12
|
fontWeight: Styling_1.FontWeights.semibold,
|
|
13
13
|
fill: theme.semanticColors.bodyText,
|
|
14
14
|
selectors: (_a = {},
|
|
15
|
-
_a[Styling_1.
|
|
16
|
-
fill: '
|
|
15
|
+
_a[Styling_1.HighContrastSelector] = {
|
|
16
|
+
fill: 'CanvasText',
|
|
17
17
|
},
|
|
18
18
|
_a),
|
|
19
19
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pie.styles.js","sourceRoot":"../src/","sources":["components/DonutChart/Pie/Pie.styles.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"Pie.styles.js","sourceRoot":"../src/","sources":["components/DonutChart/Pie/Pie.styles.ts"],"names":[],"mappings":";;;AACA,uDAA2F;AAEpF,IAAM,SAAS,GAAG,UAAC,KAAqB;;IACrC,IAAA,KAAK,GAAK,KAAK,MAAV,CAAW;IACxB,OAAO;QACL,IAAI,EAAE,EAAE;QACR,iBAAiB,EAAE;YACjB,QAAQ,EAAE,mBAAS,CAAC,UAAU;YAC9B,UAAU,EAAE,qBAAW,CAAC,QAAQ;YAChC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;YACnC,SAAS;gBACP,GAAC,8BAAoB,IAAG;oBACtB,IAAI,EAAE,YAAY;iBACnB;mBACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,SAAS,aAepB","sourcesContent":["import { IPieStyleProps, IPieStyles } from './Pie.types';\nimport { FontSizes, FontWeights, HighContrastSelector } from '@fluentui/react/lib/Styling';\n\nexport const getStyles = (props: IPieStyleProps): IPieStyles => {\n const { theme } = props;\n return {\n root: {},\n insideDonutString: {\n fontSize: FontSizes.xLargePlus,\n fontWeight: FontWeights.semibold,\n fill: theme.semanticColors.bodyText,\n selectors: {\n [HighContrastSelector]: {\n fill: 'CanvasText',\n },\n },\n },\n };\n};\n"]}
|
|
@@ -102,14 +102,14 @@ var getStyles = function (props) {
|
|
|
102
102
|
marginRight: '8px',
|
|
103
103
|
},
|
|
104
104
|
calloutlegendText: tslib_1.__assign(tslib_1.__assign({}, theme.fonts.small), { lineHeight: '16px', selectors: (_b = {},
|
|
105
|
-
_b[react_1.
|
|
106
|
-
color: '
|
|
105
|
+
_b[react_1.HighContrastSelector] = {
|
|
106
|
+
color: 'CanvasText',
|
|
107
107
|
},
|
|
108
108
|
_b), color: theme.semanticColors.bodySubtext }),
|
|
109
109
|
calloutContentY: [
|
|
110
110
|
tslib_1.__assign(tslib_1.__assign({}, theme.fonts.mediumPlus), { fontWeight: 'bold', lineHeight: '22px', selectors: (_c = {},
|
|
111
|
-
_c[react_1.
|
|
112
|
-
color: '
|
|
111
|
+
_c[react_1.HighContrastSelector] = {
|
|
112
|
+
color: 'CanvasText',
|
|
113
113
|
},
|
|
114
114
|
_c) }),
|
|
115
115
|
],
|
|
@@ -117,8 +117,8 @@ var getStyles = function (props) {
|
|
|
117
117
|
theme.fonts.small,
|
|
118
118
|
{
|
|
119
119
|
selectors: (_d = {},
|
|
120
|
-
_d[react_1.
|
|
121
|
-
color: '
|
|
120
|
+
_d[react_1.HighContrastSelector] = {
|
|
121
|
+
color: 'CanvasText',
|
|
122
122
|
},
|
|
123
123
|
_d),
|
|
124
124
|
color: theme.semanticColors.bodyText,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GaugeChart.styles.js","sourceRoot":"../src/","sources":["components/GaugeChart/GaugeChart.styles.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"GaugeChart.styles.js","sourceRoot":"../src/","sources":["components/GaugeChart/GaugeChart.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { FontSizes, FontWeights, HighContrastSelector } from '@fluentui/react';\nimport { IGaugeChartStyleProps, IGaugeChartStyles } from './GaugeChart.types';\n\nexport const getStyles = (props: IGaugeChartStyleProps): IGaugeChartStyles => {\n const {\n theme,\n chartValueSize,\n chartWidth,\n chartHeight,\n className,\n lineColor,\n toDrawShape,\n solidFill,\n gradientFill,\n opacity,\n } = props;\n\n return {\n root: [\n theme.fonts.medium,\n 'ms-GaugeChart',\n {\n alignItems: 'center',\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n },\n className,\n ],\n\n chart: {\n display: 'block',\n width: chartWidth,\n height: chartHeight,\n },\n\n limits: {\n fontSize: FontSizes.small,\n fontWeight: FontWeights.semibold,\n fill: theme.palette.neutralPrimary,\n },\n\n chartValue: {\n fontSize: chartValueSize,\n fontWeight: FontWeights.semibold,\n fill: theme.palette.neutralPrimary,\n },\n\n sublabel: {\n fontSize: FontSizes.small,\n fontWeight: FontWeights.semibold,\n fill: theme.palette.neutralPrimary,\n },\n\n needle: {\n fill: theme.palette.black,\n stroke: theme.semanticColors.bodyBackground,\n },\n\n chartTitle: {\n fontSize: FontSizes.small,\n fill: theme.palette.neutralPrimary,\n },\n\n segment: {\n outline: 'none',\n stroke: theme.semanticColors.focusBorder,\n fill: solidFill,\n fillOpacity: opacity,\n },\n\n gradientSegment: {\n width: '100%',\n height: '100%',\n background: gradientFill,\n opacity,\n },\n\n legendsContainer: {\n width: chartWidth,\n },\n\n calloutContentRoot: [\n {\n display: 'grid',\n overflow: 'hidden',\n padding: '11px 16px 10px 16px',\n backgroundColor: theme.semanticColors.bodyBackground,\n backgroundBlendMode: 'normal, luminosity',\n },\n ],\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n calloutContentX: [\n {\n ...theme.fonts.small,\n lineHeight: '16px',\n opacity: '0.85',\n color: theme.semanticColors.bodySubtext,\n },\n ],\n calloutBlockContainer: [\n theme.fonts.mediumPlus,\n {\n marginTop: '13px',\n color: theme.semanticColors.bodyText,\n },\n !toDrawShape && {\n selectors: {\n [HighContrastSelector]: {\n forcedColorAdjust: 'none',\n },\n },\n borderLeft: `4px solid ${lineColor}`,\n paddingLeft: '8px',\n },\n toDrawShape && {\n display: 'flex',\n },\n ],\n shapeStyles: {\n marginRight: '8px',\n },\n calloutlegendText: {\n ...theme.fonts.small,\n lineHeight: '16px',\n selectors: {\n [HighContrastSelector]: {\n color: 'CanvasText',\n },\n },\n color: theme.semanticColors.bodySubtext,\n },\n calloutContentY: [\n {\n ...theme.fonts.mediumPlus,\n fontWeight: 'bold',\n lineHeight: '22px',\n selectors: {\n [HighContrastSelector]: {\n color: 'CanvasText',\n },\n },\n },\n ],\n descriptionMessage: [\n theme.fonts.small,\n {\n selectors: {\n [HighContrastSelector]: {\n color: 'CanvasText',\n },\n },\n color: theme.semanticColors.bodyText,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n },\n ],\n };\n};\n"]}
|
|
@@ -13,7 +13,7 @@ var getStyles = function (props, theme) {
|
|
|
13
13
|
fill: (theme === null || theme === void 0 ? void 0 : theme.semanticColors.bodyText) || Styling_1.DefaultPalette.black,
|
|
14
14
|
outline: 'none',
|
|
15
15
|
selectors: (_a = {},
|
|
16
|
-
_a[Styling_1.
|
|
16
|
+
_a[Styling_1.HighContrastSelector] = {
|
|
17
17
|
fill: 'CanvasText',
|
|
18
18
|
},
|
|
19
19
|
_a),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Arc.styles.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/Arc.styles.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"Arc.styles.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/Arc.styles.ts"],"names":[],"mappings":";;;AACA,uDAA2F;AACpF,IAAM,SAAS,GAAG,UAAC,KAAgB,EAAE,KAAyB;;IAC3D,IAAA,KAAK,GAAK,KAAK,MAAV,CAAW;IACxB,OAAO;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QACxB,eAAe,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,KAAK,KAAI,wBAAc,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE;QACtG,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACxB,OAAO,EAAE;YACP,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,CAAC,QAAQ,KAAI,wBAAc,CAAC,KAAK;YAC5D,OAAO,EAAE,MAAM;YACf,SAAS;gBACP,GAAC,8BAAoB,IAAG;oBACtB,IAAI,EAAE,YAAY;iBACnB;mBACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB","sourcesContent":["import { IArcProps, IArcStyles } from './Arc.types';\nimport { DefaultPalette, ITheme, HighContrastSelector } from '@fluentui/react/lib/Styling';\nexport const getStyles = (props: IArcProps, theme: ITheme | undefined): IArcStyles => {\n const { color } = props;\n return {\n arcRoot: { fill: color },\n arcRootFocussed: { fill: color, stroke: theme?.palette.black || DefaultPalette.black, strokeWidth: 2 },\n arc: { outline: 'none' },\n arcText: {\n fill: theme?.semanticColors.bodyText || DefaultPalette.black,\n outline: 'none',\n selectors: {\n [HighContrastSelector]: {\n fill: 'CanvasText',\n },\n },\n },\n };\n};\n"]}
|
|
@@ -24,16 +24,16 @@ var getStyles = function (props) {
|
|
|
24
24
|
fill: theme ? theme.semanticColors.bodyBackground : '#F5F5F5',
|
|
25
25
|
strokeWidth: 3,
|
|
26
26
|
selectors: (_a = {},
|
|
27
|
-
_a[Styling_1.
|
|
28
|
-
fill: '
|
|
27
|
+
_a[Styling_1.HighContrastSelector] = {
|
|
28
|
+
fill: 'Canvas',
|
|
29
29
|
},
|
|
30
30
|
_a),
|
|
31
31
|
},
|
|
32
32
|
nodes: {
|
|
33
33
|
fill: '#F5F5F5',
|
|
34
34
|
selectors: (_b = {},
|
|
35
|
-
_b[Styling_1.
|
|
36
|
-
fill: '
|
|
35
|
+
_b[Styling_1.HighContrastSelector] = {
|
|
36
|
+
fill: 'Canvas',
|
|
37
37
|
},
|
|
38
38
|
_b),
|
|
39
39
|
},
|
|
@@ -42,8 +42,8 @@ var getStyles = function (props) {
|
|
|
42
42
|
selectors: {
|
|
43
43
|
text: {
|
|
44
44
|
selectors: (_c = {},
|
|
45
|
-
_c[Styling_1.
|
|
46
|
-
fill: '
|
|
45
|
+
_c[Styling_1.HighContrastSelector] = {
|
|
46
|
+
fill: 'CanvasText',
|
|
47
47
|
},
|
|
48
48
|
_c),
|
|
49
49
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SankeyChart.styles.js","sourceRoot":"../src/","sources":["components/SankeyChart/SankeyChart.styles.ts"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"SankeyChart.styles.js","sourceRoot":"../src/","sources":["components/SankeyChart/SankeyChart.styles.ts"],"names":[],"mappings":";;;;AACA,uDAAmE;AAE5D,IAAM,SAAS,GAAG,UAAC,KAA6B;;IAC7C,IAAA,SAAS,GAAqC,KAAK,UAA1C,EAAE,KAAK,GAA8B,KAAK,MAAnC,EAAE,SAAS,GAAmB,KAAK,UAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IACpD,IAAA,OAAO,GAAK,KAAK,QAAV,CAAW;IAC1B,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,CAAC,KAAK,CAAC,MAAM;YAClB;gBACE,OAAO,EAAE,MAAM;gBACf,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,aAAa,EAAE,QAAQ;gBACvB,QAAQ,EAAE,QAAQ;aACnB;YACD,SAAS;SACV;QACD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;YACnD,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;YAC7D,WAAW,EAAE,CAAC;YACd,SAAS;gBACP,GAAC,8BAAoB,IAAG;oBACtB,IAAI,EAAE,QAAQ;iBACf;mBACF;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,SAAS;gBACP,GAAC,8BAAoB,IAAG;oBACtB,IAAI,EAAE,QAAQ;iBACf;mBACF;SACF;QACD,OAAO,wCACF,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,MAAM,KAC5B,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,KAAM,CAAC,cAAc,CAAC,cAAc,EACtD,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE;gBACT,IAAI,EAAE;oBACJ,SAAS;wBACP,GAAC,8BAAoB,IAAG;4BACtB,IAAI,EAAE,YAAY;yBACnB;2BACF;iBACF;aACF;YAED,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE,KAAK;YACjB,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,KAAK;SACnB;QACD,kBAAkB,EAAE;YAClB,SAAS,EAAE,OAAO,CAAC,UAAU;SAC9B;QACD,YAAY,uBACP,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAC9C;KACF,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,SAAS,aAoEpB","sourcesContent":["import { ISankeyChartStyleProps, ISankeyChartStyles } from './SankeyChart.types';\nimport { HighContrastSelector } from '@fluentui/react/lib/Styling';\n\nexport const getStyles = (props: ISankeyChartStyleProps): ISankeyChartStyles => {\n const { className, theme, pathColor, enableReflow } = props;\n const { effects } = theme;\n return {\n root: [\n theme.fonts.medium,\n {\n display: 'flex',\n width: '100%',\n height: '100%',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n className,\n ],\n links: {\n stroke: pathColor ? pathColor : theme.palette.black,\n fill: theme ? theme.semanticColors.bodyBackground : '#F5F5F5',\n strokeWidth: 3,\n selectors: {\n [HighContrastSelector]: {\n fill: 'Canvas',\n },\n },\n },\n nodes: {\n fill: '#F5F5F5',\n selectors: {\n [HighContrastSelector]: {\n fill: 'Canvas',\n },\n },\n },\n toolTip: {\n ...props.theme!.fonts.medium,\n display: 'flex',\n flexDirection: 'column',\n padding: '8px',\n position: 'absolute',\n textAlign: 'center',\n top: '0px',\n background: props.theme!.semanticColors.bodyBackground,\n borderRadius: '2px',\n pointerEvents: 'none',\n },\n nodeTextContainer: {\n selectors: {\n text: {\n selectors: {\n [HighContrastSelector]: {\n fill: 'CanvasText',\n },\n },\n },\n },\n\n marginTop: '4px',\n marginLeft: '8px',\n marginBottom: '4px',\n marginRight: '8px',\n },\n calloutContentRoot: {\n boxShadow: effects.elevation4,\n },\n chartWrapper: {\n ...(enableReflow ? { overflow: 'auto' } : {}),\n },\n };\n};\n"]}
|
|
@@ -49,8 +49,8 @@ var getChartHoverCardStyles = function (props) {
|
|
|
49
49
|
lineHeight: '16px',
|
|
50
50
|
color: theme.semanticColors.bodyText,
|
|
51
51
|
selectors: (_b = {},
|
|
52
|
-
_b[Styling_1.
|
|
53
|
-
color: '
|
|
52
|
+
_b[Styling_1.HighContrastSelector] = {
|
|
53
|
+
color: 'CanvasText',
|
|
54
54
|
},
|
|
55
55
|
_b),
|
|
56
56
|
},
|
|
@@ -62,8 +62,8 @@ var getChartHoverCardStyles = function (props) {
|
|
|
62
62
|
fontWeight: 'bold',
|
|
63
63
|
lineHeight: '36px',
|
|
64
64
|
selectors: (_c = {},
|
|
65
|
-
_c[Styling_1.
|
|
66
|
-
color: '
|
|
65
|
+
_c[Styling_1.HighContrastSelector] = {
|
|
66
|
+
color: 'CanvasText',
|
|
67
67
|
},
|
|
68
68
|
_c),
|
|
69
69
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":";;;AACA,uDAAgF;AAEzE,IAAM,uBAAuB,GAAG,UAAC,KAAgC;;IAC9D,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,MAAM,GAAoC,KAAK,OAAzC,EAAE,KAAK,GAA6B,KAAK,MAAlC,EAAE,KAA2B,KAAK,eAAV,EAAtB,cAAc,mBAAG,KAAK,KAAA,CAAW;IAC/D,OAAO;QACL,kBAAkB,EAAE;YAClB;gBACE,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,qBAAqB;gBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;gBACpD,mBAAmB,EAAE,oBAAoB;aAC1C;SACF;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,MAAM;gBACf,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;aACxC;SACF;QACD,qBAAqB,EAAE;YACrB,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACpC,WAAW,EAAE,KAAK;gBAClB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,UAAU,EAAE,oBAAa,KAAK,CAAE;gBAChC,SAAS;oBACP,GAAC,8BAAoB,IAAG;wBACtB,iBAAiB,EAAE,MAAM;qBAC1B;uBACF;aACF;SACF;QACD,iBAAiB,EAAE;YACjB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,SAAS;oBACP,GAAC,8BAAoB,IAAG;wBACtB,KAAK,EAAE,YAAY;qBACpB;uBACF;aACF;SACF;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpD,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,MAAM;gBAClB,SAAS;oBACP,GAAC,8BAAoB,IAAG;wBACtB,KAAK,EAAE,YAAY;qBACpB;uBACF;aACF;SACF;QACD,oBAAoB,EAAE;YACpB,cAAc,IAAI;gBAChB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,UAAU;aACvB;SACF;QACD,KAAK,EAAE;YACL,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,SAAS,EAAE;YACT,UAAU,EAAE,qBAAW,CAAC,IAAI;SAC7B;QACD,WAAW,EAAE;YACX,UAAU,EAAE,qBAAW,CAAC,QAAQ;SACjC;QACD,kBAAkB,EAAE;YAClB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,MAAM;gBAClB,SAAS,EAAE,oBAAa,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE;aAC3D;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AA9FW,QAAA,uBAAuB,2BA8FlC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights, HighContrastSelector } from '@fluentui/react/lib/Styling';\n\nexport const getChartHoverCardStyles = (props: IChartHoverCardStyleProps): IChartHoverCardStyles => {\n const { color, XValue, theme, isRatioPresent = false } = props;\n return {\n calloutContentRoot: [\n {\n display: 'grid',\n overflow: 'hidden',\n padding: '11px 16px 10px 16px',\n backgroundColor: theme.semanticColors.bodyBackground,\n backgroundBlendMode: 'normal, luminosity',\n },\n ],\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n calloutContentX: [\n theme.fonts.small,\n {\n lineHeight: '16px',\n opacity: '0.85',\n color: theme.semanticColors.bodySubtext,\n },\n ],\n calloutBlockContainer: [\n theme.fonts.xxLarge,\n {\n marginTop: XValue ? '13px' : 'unset',\n paddingLeft: '8px',\n lineHeight: '22px',\n color: theme.semanticColors.bodyText,\n borderLeft: `4px solid ${color}`,\n selectors: {\n [HighContrastSelector]: {\n forcedColorAdjust: 'none',\n },\n },\n },\n ],\n calloutlegendText: [\n theme.fonts.small,\n {\n lineHeight: '16px',\n color: theme.semanticColors.bodyText,\n selectors: {\n [HighContrastSelector]: {\n color: 'CanvasText',\n },\n },\n },\n ],\n calloutContentY: [\n theme.fonts.xxLarge,\n {\n color: color ? color : theme.semanticColors.bodyText,\n fontWeight: 'bold',\n lineHeight: '36px',\n selectors: {\n [HighContrastSelector]: {\n color: 'CanvasText',\n },\n },\n },\n ],\n calloutInfoContainer: [\n isRatioPresent && {\n display: 'flex',\n alignItems: 'flex-end',\n },\n ],\n ratio: [\n theme.fonts.small,\n {\n marginLeft: '6px',\n color: theme.semanticColors.bodyText,\n },\n ],\n numerator: {\n fontWeight: FontWeights.bold,\n },\n denominator: {\n fontWeight: FontWeights.semibold,\n },\n descriptionMessage: [\n theme.fonts.small,\n {\n color: theme.semanticColors.bodyText,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n },\n ],\n };\n};\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-charting",
|
|
3
|
-
"version": "5.23.
|
|
3
|
+
"version": "5.23.82",
|
|
4
4
|
"description": "React web charting controls for Microsoft fluentui system.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@fluentui/chart-utilities": "^1.1.6",
|
|
43
|
-
"@fluentui/react-focus": "^8.9.
|
|
44
|
-
"@fluentui/theme-samples": "^8.7.
|
|
43
|
+
"@fluentui/react-focus": "^8.9.24",
|
|
44
|
+
"@fluentui/theme-samples": "^8.7.206",
|
|
45
45
|
"@microsoft/load-themed-styles": "^1.10.26",
|
|
46
46
|
"@types/d3-array": "^3.0.0",
|
|
47
47
|
"@types/d3-axis": "^3.0.0",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"tslib": "^2.1.0"
|
|
70
70
|
},
|
|
71
71
|
"peerDependencies": {
|
|
72
|
-
"@fluentui/react": "^8.122.
|
|
72
|
+
"@fluentui/react": "^8.122.17",
|
|
73
73
|
"@types/react": ">=16.8.0 <19.0.0",
|
|
74
74
|
"@types/react-dom": ">=16.8.0 <19.0.0",
|
|
75
75
|
"react": ">=16.8.0 <19.0.0",
|