@fluentui/react-charts 0.0.0-nightly-20250826-0412.1 → 0.0.0-nightly-20250826-2140.1
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.md +15 -48
- package/dist/index.d.ts +1 -15
- package/lib/components/AreaChart/AreaChart.js +1 -4
- package/lib/components/AreaChart/AreaChart.js.map +1 -1
- package/lib/components/AreaChart/useAreaChartStyles.styles.js +2 -2
- package/lib/components/AreaChart/useAreaChartStyles.styles.js.map +1 -1
- package/lib/components/AreaChart/useAreaChartStyles.styles.raw.js +15 -3
- package/lib/components/AreaChart/useAreaChartStyles.styles.raw.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.js +24 -24
- package/lib/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib/components/CommonComponents/useCartesianChartStyles.styles.js +14 -17
- package/lib/components/CommonComponents/useCartesianChartStyles.styles.js.map +1 -1
- package/lib/components/CommonComponents/useCartesianChartStyles.styles.raw.js +33 -6
- package/lib/components/CommonComponents/useCartesianChartStyles.styles.raw.js.map +1 -1
- package/lib/components/DeclarativeChart/DeclarativeChart.js +16 -32
- package/lib/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib/components/DeclarativeChart/PlotlyColorAdapter.js +1 -1
- package/lib/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -1
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +199 -294
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib/components/DonutChart/DonutChart.js +1 -6
- package/lib/components/DonutChart/DonutChart.js.map +1 -1
- package/lib/components/DonutChart/DonutChart.types.js.map +1 -1
- package/lib/components/DonutChart/useDonutChartStyles.styles.js +4 -21
- package/lib/components/DonutChart/useDonutChartStyles.styles.js.map +1 -1
- package/lib/components/DonutChart/useDonutChartStyles.styles.raw.js +4 -8
- package/lib/components/DonutChart/useDonutChartStyles.styles.raw.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +4 -23
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.js +17 -4
- package/lib/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.raw.js +21 -4
- package/lib/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.raw.js.map +1 -1
- package/lib/components/HeatMapChart/HeatMapChart.js +114 -175
- package/lib/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js +6 -26
- package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
- package/lib/components/LineChart/LineChart.js +81 -111
- package/lib/components/LineChart/LineChart.js.map +1 -1
- package/lib/components/LineChart/LineChart.types.js.map +1 -1
- package/lib/components/LineChart/useLineChartStyles.styles.js +10 -23
- package/lib/components/LineChart/useLineChartStyles.styles.js.map +1 -1
- package/lib/components/LineChart/useLineChartStyles.styles.raw.js +21 -4
- package/lib/components/LineChart/useLineChartStyles.styles.raw.js.map +1 -1
- package/lib/components/SankeyChart/useSankeyChartStyles.styles.js +25 -12
- package/lib/components/SankeyChart/useSankeyChartStyles.styles.js.map +1 -1
- package/lib/components/SankeyChart/useSankeyChartStyles.styles.raw.js +12 -2
- package/lib/components/SankeyChart/useSankeyChartStyles.styles.raw.js.map +1 -1
- package/lib/components/ScatterChart/ScatterChart.js +30 -49
- package/lib/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib/components/ScatterChart/ScatterChart.types.js.map +1 -1
- package/lib/components/ScatterChart/useScatterChartStyles.styles.js +7 -27
- package/lib/components/ScatterChart/useScatterChartStyles.styles.js.map +1 -1
- package/lib/components/ScatterChart/useScatterChartStyles.styles.raw.js +14 -8
- package/lib/components/ScatterChart/useScatterChartStyles.styles.raw.js.map +1 -1
- package/lib/components/VerticalBarChart/VerticalBarChart.js +4 -27
- package/lib/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib/components/VerticalBarChart/useVerticalBarChartStyles.styles.js +6 -8
- package/lib/components/VerticalBarChart/useVerticalBarChartStyles.styles.js.map +1 -1
- package/lib/components/VerticalBarChart/useVerticalBarChartStyles.styles.raw.js +19 -5
- package/lib/components/VerticalBarChart/useVerticalBarChartStyles.styles.raw.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js +44 -61
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.js +6 -7
- package/lib/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js +19 -4
- package/lib/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js.map +1 -1
- package/lib/utilities/SVGTooltipText.js.map +1 -1
- package/lib/utilities/index.js +0 -1
- package/lib/utilities/index.js.map +1 -1
- package/lib/utilities/utilities.js +29 -0
- package/lib/utilities/utilities.js.map +1 -1
- package/lib-commonjs/components/AreaChart/AreaChart.js +1 -4
- package/lib-commonjs/components/AreaChart/AreaChart.js.map +1 -1
- package/lib-commonjs/components/AreaChart/useAreaChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AreaChart/useAreaChartStyles.styles.raw.js +14 -2
- package/lib-commonjs/components/AreaChart/useAreaChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.js +24 -24
- package/lib-commonjs/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js +13 -15
- package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.raw.js +32 -4
- package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js +15 -31
- package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js +1 -1
- package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +198 -302
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib-commonjs/components/DonutChart/DonutChart.js +1 -6
- package/lib-commonjs/components/DonutChart/DonutChart.js.map +1 -1
- package/lib-commonjs/components/DonutChart/DonutChart.types.js.map +1 -1
- package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js +4 -32
- package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.raw.js +4 -8
- package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +3 -22
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.js +19 -2
- package/lib-commonjs/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.raw.js +20 -3
- package/lib-commonjs/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js +113 -174
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js +5 -25
- package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
- package/lib-commonjs/components/LineChart/LineChart.js +81 -111
- package/lib-commonjs/components/LineChart/LineChart.js.map +1 -1
- package/lib-commonjs/components/LineChart/LineChart.types.js.map +1 -1
- package/lib-commonjs/components/LineChart/useLineChartStyles.styles.js +9 -30
- package/lib-commonjs/components/LineChart/useLineChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/LineChart/useLineChartStyles.styles.raw.js +20 -2
- package/lib-commonjs/components/LineChart/useLineChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js +33 -23
- package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.raw.js +12 -1
- package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/ScatterChart/ScatterChart.js +30 -49
- package/lib-commonjs/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib-commonjs/components/ScatterChart/ScatterChart.types.js.map +1 -1
- package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.js +5 -37
- package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.raw.js +13 -7
- package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js +3 -26
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/VerticalBarChart/useVerticalBarChartStyles.styles.js +3 -5
- package/lib-commonjs/components/VerticalBarChart/useVerticalBarChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/VerticalBarChart/useVerticalBarChartStyles.styles.raw.js +17 -3
- package/lib-commonjs/components/VerticalBarChart/useVerticalBarChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js +43 -60
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.js +3 -5
- package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js +18 -3
- package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/utilities/SVGTooltipText.js.map +1 -1
- package/lib-commonjs/utilities/index.js +0 -1
- package/lib-commonjs/utilities/index.js.map +1 -1
- package/lib-commonjs/utilities/utilities.js +32 -0
- package/lib-commonjs/utilities/utilities.js.map +1 -1
- package/package.json +12 -12
- package/lib/utilities/Common.styles.js +0 -47
- package/lib/utilities/Common.styles.js.map +0 -1
- package/lib/utilities/Common.styles.raw.js +0 -47
- package/lib/utilities/Common.styles.raw.js.map +0 -1
- package/lib-commonjs/utilities/Common.styles.js +0 -71
- package/lib-commonjs/utilities/Common.styles.js.map +0 -1
- package/lib-commonjs/utilities/Common.styles.raw.js +0 -71
- package/lib-commonjs/utilities/Common.styles.raw.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-charts",
|
|
3
|
-
"version": "0.0.0-nightly-20250826-
|
|
3
|
+
"version": "0.0.0-nightly-20250826-2140.1",
|
|
4
4
|
"description": "React web chart controls for Microsoft fluentui v9 system.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -22,21 +22,21 @@
|
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@fluentui/eslint-plugin": "*",
|
|
25
|
-
"@fluentui/react-conformance": "0.0.0-nightly-20250826-
|
|
26
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20250826-
|
|
25
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20250826-2140.1",
|
|
26
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20250826-2140.1",
|
|
27
27
|
"@fluentui/scripts-api-extractor": "*"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@fluentui/chart-utilities": "^1.1.28",
|
|
31
|
-
"@fluentui/react-button": "0.0.0-nightly-20250826-
|
|
32
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20250826-
|
|
33
|
-
"@fluentui/react-overflow": "0.0.0-nightly-20250826-
|
|
34
|
-
"@fluentui/react-popover": "0.0.0-nightly-20250826-
|
|
35
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-20250826-
|
|
36
|
-
"@fluentui/react-tabster": "0.0.0-nightly-20250826-
|
|
37
|
-
"@fluentui/react-theme": "0.0.0-nightly-20250826-
|
|
38
|
-
"@fluentui/react-tooltip": "0.0.0-nightly-20250826-
|
|
39
|
-
"@fluentui/react-utilities": "0.0.0-nightly-20250826-
|
|
31
|
+
"@fluentui/react-button": "0.0.0-nightly-20250826-2140.1",
|
|
32
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20250826-2140.1",
|
|
33
|
+
"@fluentui/react-overflow": "0.0.0-nightly-20250826-2140.1",
|
|
34
|
+
"@fluentui/react-popover": "0.0.0-nightly-20250826-2140.1",
|
|
35
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20250826-2140.1",
|
|
36
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20250826-2140.1",
|
|
37
|
+
"@fluentui/react-theme": "0.0.0-nightly-20250826-2140.1",
|
|
38
|
+
"@fluentui/react-tooltip": "0.0.0-nightly-20250826-2140.1",
|
|
39
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20250826-2140.1",
|
|
40
40
|
"@griffel/react": "^1.5.22",
|
|
41
41
|
"@swc/helpers": "^0.5.1",
|
|
42
42
|
"@types/d3-array": "^3.0.0",
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { HighContrastSelector } from '../utilities/utilities';
|
|
2
|
-
import { tokens, typographyStyles } from '@fluentui/react-theme';
|
|
3
|
-
import { shorthands } from '@griffel/react';
|
|
4
|
-
export const getTooltipStyle = () => {
|
|
5
|
-
return {
|
|
6
|
-
...typographyStyles.body1,
|
|
7
|
-
display: 'flex',
|
|
8
|
-
flexDirection: 'column',
|
|
9
|
-
...shorthands.padding(tokens.spacingHorizontalS),
|
|
10
|
-
position: 'absolute',
|
|
11
|
-
textAlign: 'center',
|
|
12
|
-
top: tokens.spacingVerticalNone,
|
|
13
|
-
backgroundColor: tokens.colorNeutralBackground1,
|
|
14
|
-
borderRadius: tokens.borderRadiusSmall,
|
|
15
|
-
pointerEvents: 'none',
|
|
16
|
-
color: tokens.colorNeutralForeground1
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export const getAxisTitleStyle = () => {
|
|
20
|
-
return {
|
|
21
|
-
...typographyStyles.caption2Strong,
|
|
22
|
-
fontStyle: 'normal',
|
|
23
|
-
textAlign: 'center',
|
|
24
|
-
color: tokens.colorNeutralForeground2,
|
|
25
|
-
fill: tokens.colorNeutralForeground1,
|
|
26
|
-
[HighContrastSelector]: {
|
|
27
|
-
fill: 'CanvasText'
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
export const getBarLabelStyle = () => {
|
|
32
|
-
return {
|
|
33
|
-
...typographyStyles.caption1Strong,
|
|
34
|
-
fill: tokens.colorNeutralForeground1,
|
|
35
|
-
forcedColorAdjust: 'auto'
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
export const getMarkerLabelStyle = () => {
|
|
39
|
-
return {
|
|
40
|
-
...typographyStyles.body1,
|
|
41
|
-
fill: tokens.colorNeutralForeground1,
|
|
42
|
-
textAnchor: 'middle',
|
|
43
|
-
[HighContrastSelector]: {
|
|
44
|
-
fill: 'CanvasText'
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["HighContrastSelector","tokens","typographyStyles","shorthands","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","top","spacingVerticalNone","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor"],"sources":["Common.styles.js"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\nexport const getTooltipStyle = ()=>{\n return {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none',\n color: tokens.colorNeutralForeground1\n };\n};\nexport const getAxisTitleStyle = ()=>{\n return {\n ...typographyStyles.caption2Strong,\n fontStyle: 'normal',\n textAlign: 'center',\n color: tokens.colorNeutralForeground2,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n };\n};\nexport const getBarLabelStyle = ()=>{\n return {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n };\n};\nexport const getMarkerLabelStyle = ()=>{\n return {\n ...typographyStyles.body1,\n fill: tokens.colorNeutralForeground1,\n textAnchor: 'middle',\n [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n };\n};\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAI;EAC/B,OAAO;IACH,GAAGF,gBAAgB,CAACG,KAAK;IACzBC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvB,GAAGJ,UAAU,CAACK,OAAO,CAACP,MAAM,CAACQ,kBAAkB,CAAC;IAChDC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,QAAQ;IACnBC,GAAG,EAAEX,MAAM,CAACY,mBAAmB;IAC/BC,eAAe,EAAEb,MAAM,CAACc,uBAAuB;IAC/CC,YAAY,EAAEf,MAAM,CAACgB,iBAAiB;IACtCC,aAAa,EAAE,MAAM;IACrBC,KAAK,EAAElB,MAAM,CAACmB;EAClB,CAAC;AACL,CAAC;AACD,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAI;EACjC,OAAO;IACH,GAAGnB,gBAAgB,CAACoB,cAAc;IAClCC,SAAS,EAAE,QAAQ;IACnBZ,SAAS,EAAE,QAAQ;IACnBQ,KAAK,EAAElB,MAAM,CAACuB,uBAAuB;IACrCC,IAAI,EAAExB,MAAM,CAACmB,uBAAuB;IACpC,CAACpB,oBAAoB,GAAG;MACpByB,IAAI,EAAE;IACV;EACJ,CAAC;AACL,CAAC;AACD,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAI;EAChC,OAAO;IACH,GAAGxB,gBAAgB,CAACyB,cAAc;IAClCF,IAAI,EAAExB,MAAM,CAACmB,uBAAuB;IACpCQ,iBAAiB,EAAE;EACvB,CAAC;AACL,CAAC;AACD,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAI;EACnC,OAAO;IACH,GAAG3B,gBAAgB,CAACG,KAAK;IACzBoB,IAAI,EAAExB,MAAM,CAACmB,uBAAuB;IACpCU,UAAU,EAAE,QAAQ;IACpB,CAAC9B,oBAAoB,GAAG;MACpByB,IAAI,EAAE;IACV;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { HighContrastSelector } from '../utilities/utilities';
|
|
2
|
-
import { tokens, typographyStyles } from '@fluentui/react-theme';
|
|
3
|
-
import { shorthands } from '@griffel/react';
|
|
4
|
-
export const getTooltipStyle = ()=>{
|
|
5
|
-
return {
|
|
6
|
-
...typographyStyles.body1,
|
|
7
|
-
display: 'flex',
|
|
8
|
-
flexDirection: 'column',
|
|
9
|
-
...shorthands.padding(tokens.spacingHorizontalS),
|
|
10
|
-
position: 'absolute',
|
|
11
|
-
textAlign: 'center',
|
|
12
|
-
top: tokens.spacingVerticalNone,
|
|
13
|
-
backgroundColor: tokens.colorNeutralBackground1,
|
|
14
|
-
borderRadius: tokens.borderRadiusSmall,
|
|
15
|
-
pointerEvents: 'none',
|
|
16
|
-
color: tokens.colorNeutralForeground1
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export const getAxisTitleStyle = ()=>{
|
|
20
|
-
return {
|
|
21
|
-
...typographyStyles.caption2Strong,
|
|
22
|
-
fontStyle: 'normal',
|
|
23
|
-
textAlign: 'center',
|
|
24
|
-
color: tokens.colorNeutralForeground2,
|
|
25
|
-
fill: tokens.colorNeutralForeground1,
|
|
26
|
-
[HighContrastSelector]: {
|
|
27
|
-
fill: 'CanvasText'
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
export const getBarLabelStyle = ()=>{
|
|
32
|
-
return {
|
|
33
|
-
...typographyStyles.caption1Strong,
|
|
34
|
-
fill: tokens.colorNeutralForeground1,
|
|
35
|
-
forcedColorAdjust: 'auto'
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
export const getMarkerLabelStyle = ()=>{
|
|
39
|
-
return {
|
|
40
|
-
...typographyStyles.body1,
|
|
41
|
-
fill: tokens.colorNeutralForeground1,
|
|
42
|
-
textAnchor: 'middle',
|
|
43
|
-
[HighContrastSelector]: {
|
|
44
|
-
fill: 'CanvasText'
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utilities/Common.styles.ts"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\n\nexport const getTooltipStyle = () => {\n return {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none',\n color: tokens.colorNeutralForeground1,\n };\n};\n\nexport const getAxisTitleStyle = () => {\n return {\n ...typographyStyles.caption2Strong,\n fontStyle: 'normal',\n textAlign: 'center',\n color: tokens.colorNeutralForeground2,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n fill: 'CanvasText',\n },\n };\n};\n\nexport const getBarLabelStyle = () => {\n return {\n ...typographyStyles.caption1Strong, // Confirm styles\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n };\n};\n\nexport const getMarkerLabelStyle = () => {\n return {\n ...typographyStyles.body1,\n fill: tokens.colorNeutralForeground1,\n textAnchor: 'middle',\n [HighContrastSelector]: {\n fill: 'CanvasText',\n },\n };\n};\n"],"names":["HighContrastSelector","tokens","typographyStyles","shorthands","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","top","spacingVerticalNone","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AACjE,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,kBAAkB;IAC7B,OAAO;QACL,GAAGF,iBAAiBG,KAAK;QACzBC,SAAS;QACTC,eAAe;QACf,GAAGJ,WAAWK,OAAO,CAACP,OAAOQ,kBAAkB,CAAC;QAChDC,UAAU;QACVC,WAAW;QACXC,KAAKX,OAAOY,mBAAmB;QAC/BC,iBAAiBb,OAAOc,uBAAuB;QAC/CC,cAAcf,OAAOgB,iBAAiB;QACtCC,eAAe;QACfC,OAAOlB,OAAOmB,uBAAuB;IACvC;AACF,EAAE;AAEF,OAAO,MAAMC,oBAAoB;IAC/B,OAAO;QACL,GAAGnB,iBAAiBoB,cAAc;QAClCC,WAAW;QACXZ,WAAW;QACXQ,OAAOlB,OAAOuB,uBAAuB;QACrCC,MAAMxB,OAAOmB,uBAAuB;QACpC,CAACpB,qBAAqB,EAAE;YACtByB,MAAM;QACR;IACF;AACF,EAAE;AAEF,OAAO,MAAMC,mBAAmB;IAC9B,OAAO;QACL,GAAGxB,iBAAiByB,cAAc;QAClCF,MAAMxB,OAAOmB,uBAAuB;QACpCQ,mBAAmB;IACrB;AACF,EAAE;AAEF,OAAO,MAAMC,sBAAsB;IACjC,OAAO;QACL,GAAG3B,iBAAiBG,KAAK;QACzBoB,MAAMxB,OAAOmB,uBAAuB;QACpCU,YAAY;QACZ,CAAC9B,qBAAqB,EAAE;YACtByB,MAAM;QACR;IACF;AACF,EAAE"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
getAxisTitleStyle: function() {
|
|
13
|
-
return getAxisTitleStyle;
|
|
14
|
-
},
|
|
15
|
-
getBarLabelStyle: function() {
|
|
16
|
-
return getBarLabelStyle;
|
|
17
|
-
},
|
|
18
|
-
getMarkerLabelStyle: function() {
|
|
19
|
-
return getMarkerLabelStyle;
|
|
20
|
-
},
|
|
21
|
-
getTooltipStyle: function() {
|
|
22
|
-
return getTooltipStyle;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
const _utilities = require("../utilities/utilities");
|
|
26
|
-
const _reacttheme = require("@fluentui/react-theme");
|
|
27
|
-
const _react = require("@griffel/react");
|
|
28
|
-
const getTooltipStyle = ()=>{
|
|
29
|
-
return {
|
|
30
|
-
..._reacttheme.typographyStyles.body1,
|
|
31
|
-
display: 'flex',
|
|
32
|
-
flexDirection: 'column',
|
|
33
|
-
..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
|
|
34
|
-
position: 'absolute',
|
|
35
|
-
textAlign: 'center',
|
|
36
|
-
top: _reacttheme.tokens.spacingVerticalNone,
|
|
37
|
-
backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
|
|
38
|
-
borderRadius: _reacttheme.tokens.borderRadiusSmall,
|
|
39
|
-
pointerEvents: 'none',
|
|
40
|
-
color: _reacttheme.tokens.colorNeutralForeground1
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
const getAxisTitleStyle = ()=>{
|
|
44
|
-
return {
|
|
45
|
-
..._reacttheme.typographyStyles.caption2Strong,
|
|
46
|
-
fontStyle: 'normal',
|
|
47
|
-
textAlign: 'center',
|
|
48
|
-
color: _reacttheme.tokens.colorNeutralForeground2,
|
|
49
|
-
fill: _reacttheme.tokens.colorNeutralForeground1,
|
|
50
|
-
[_utilities.HighContrastSelector]: {
|
|
51
|
-
fill: 'CanvasText'
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
const getBarLabelStyle = ()=>{
|
|
56
|
-
return {
|
|
57
|
-
..._reacttheme.typographyStyles.caption1Strong,
|
|
58
|
-
fill: _reacttheme.tokens.colorNeutralForeground1,
|
|
59
|
-
forcedColorAdjust: 'auto'
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
const getMarkerLabelStyle = ()=>{
|
|
63
|
-
return {
|
|
64
|
-
..._reacttheme.typographyStyles.body1,
|
|
65
|
-
fill: _reacttheme.tokens.colorNeutralForeground1,
|
|
66
|
-
textAnchor: 'middle',
|
|
67
|
-
[_utilities.HighContrastSelector]: {
|
|
68
|
-
fill: 'CanvasText'
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["Common.styles.js"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\nexport const getTooltipStyle = ()=>{\n return {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none',\n color: tokens.colorNeutralForeground1\n };\n};\nexport const getAxisTitleStyle = ()=>{\n return {\n ...typographyStyles.caption2Strong,\n fontStyle: 'normal',\n textAlign: 'center',\n color: tokens.colorNeutralForeground2,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n };\n};\nexport const getBarLabelStyle = ()=>{\n return {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n };\n};\nexport const getMarkerLabelStyle = ()=>{\n return {\n ...typographyStyles.body1,\n fill: tokens.colorNeutralForeground1,\n textAnchor: 'middle',\n [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n };\n};\n"],"names":["HighContrastSelector","tokens","typographyStyles","shorthands","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","top","spacingVerticalNone","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor"],"mappings":";;;;;;;;;;;IAkBaqB,iBAAiB;;;IAYjBK,gBAAgB;;;uBAOG;eAAnBG;;mBAlCe;;;;2BAHS,wBAAwB;4BACpB,uBAAuB;uBACrC,gBAAgB;AACpC,MAAMzB,kBAAkBA,CAAA,KAAI;IAC/B,OAAO;QACH,GAAGF,4BAAgB,CAACG,KAAK;QACzBC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,QAAQ;QACvB,GAAGJ,iBAAU,CAACK,OAAO,CAACP,kBAAM,CAACQ,kBAAkB,CAAC;QAChDC,QAAQ,EAAE,UAAU;QACpBC,SAAS,EAAE,QAAQ;QACnBC,GAAG,EAAEX,kBAAM,CAACY,mBAAmB;QAC/BC,eAAe,EAAEb,kBAAM,CAACc,uBAAuB;QAC/CC,YAAY,EAAEf,kBAAM,CAACgB,iBAAiB;QACtCC,aAAa,EAAE,MAAM;QACrBC,KAAK,EAAElB,kBAAM,CAACmB,uBAAAA;IAClB,CAAC;AACL,CAAC;AACM,0BAA0BC,CAAA,KAAI;IACjC,OAAO;QACH,GAAGnB,4BAAgB,CAACoB,cAAc;QAClCC,SAAS,EAAE,QAAQ;QACnBZ,SAAS,EAAE,QAAQ;QACnBQ,KAAK,EAAElB,kBAAM,CAACuB,uBAAuB;QACrCC,IAAI,EAAExB,kBAAM,CAACmB,uBAAuB;QACpC,CAACpB,+BAAoB,CAAA,EAAG;YACpByB,IAAI,EAAE;QACV;IACJ,CAAC;AACL,CAAC;AACM,yBAAyBC,CAAA,KAAI;IAChC,OAAO;QACH,GAAGxB,4BAAgB,CAACyB,cAAc;QAClCF,IAAI,EAAExB,kBAAM,CAACmB,uBAAuB;QACpCQ,iBAAiB,EAAE;IACvB,CAAC;AACL,CAAC;AACM,4BAA4BC,CAAA,KAAI;IACnC,OAAO;QACH,GAAG3B,4BAAgB,CAACG,KAAK;QACzBoB,IAAI,EAAExB,kBAAM,CAACmB,uBAAuB;QACpCU,UAAU,EAAE,QAAQ;QACpB,CAAC9B,+BAAoB,CAAA,EAAG;YACpByB,IAAI,EAAE;QACV;IACJ,CAAC;AACL,CAAC"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
getAxisTitleStyle: function() {
|
|
13
|
-
return getAxisTitleStyle;
|
|
14
|
-
},
|
|
15
|
-
getBarLabelStyle: function() {
|
|
16
|
-
return getBarLabelStyle;
|
|
17
|
-
},
|
|
18
|
-
getMarkerLabelStyle: function() {
|
|
19
|
-
return getMarkerLabelStyle;
|
|
20
|
-
},
|
|
21
|
-
getTooltipStyle: function() {
|
|
22
|
-
return getTooltipStyle;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
const _utilities = require("../utilities/utilities");
|
|
26
|
-
const _reacttheme = require("@fluentui/react-theme");
|
|
27
|
-
const _react = require("@griffel/react");
|
|
28
|
-
const getTooltipStyle = ()=>{
|
|
29
|
-
return {
|
|
30
|
-
..._reacttheme.typographyStyles.body1,
|
|
31
|
-
display: 'flex',
|
|
32
|
-
flexDirection: 'column',
|
|
33
|
-
..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
|
|
34
|
-
position: 'absolute',
|
|
35
|
-
textAlign: 'center',
|
|
36
|
-
top: _reacttheme.tokens.spacingVerticalNone,
|
|
37
|
-
backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
|
|
38
|
-
borderRadius: _reacttheme.tokens.borderRadiusSmall,
|
|
39
|
-
pointerEvents: 'none',
|
|
40
|
-
color: _reacttheme.tokens.colorNeutralForeground1
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
const getAxisTitleStyle = ()=>{
|
|
44
|
-
return {
|
|
45
|
-
..._reacttheme.typographyStyles.caption2Strong,
|
|
46
|
-
fontStyle: 'normal',
|
|
47
|
-
textAlign: 'center',
|
|
48
|
-
color: _reacttheme.tokens.colorNeutralForeground2,
|
|
49
|
-
fill: _reacttheme.tokens.colorNeutralForeground1,
|
|
50
|
-
[_utilities.HighContrastSelector]: {
|
|
51
|
-
fill: 'CanvasText'
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
const getBarLabelStyle = ()=>{
|
|
56
|
-
return {
|
|
57
|
-
..._reacttheme.typographyStyles.caption1Strong,
|
|
58
|
-
fill: _reacttheme.tokens.colorNeutralForeground1,
|
|
59
|
-
forcedColorAdjust: 'auto'
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
const getMarkerLabelStyle = ()=>{
|
|
63
|
-
return {
|
|
64
|
-
..._reacttheme.typographyStyles.body1,
|
|
65
|
-
fill: _reacttheme.tokens.colorNeutralForeground1,
|
|
66
|
-
textAnchor: 'middle',
|
|
67
|
-
[_utilities.HighContrastSelector]: {
|
|
68
|
-
fill: 'CanvasText'
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utilities/Common.styles.ts"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\n\nexport const getTooltipStyle = () => {\n return {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none',\n color: tokens.colorNeutralForeground1,\n };\n};\n\nexport const getAxisTitleStyle = () => {\n return {\n ...typographyStyles.caption2Strong,\n fontStyle: 'normal',\n textAlign: 'center',\n color: tokens.colorNeutralForeground2,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n fill: 'CanvasText',\n },\n };\n};\n\nexport const getBarLabelStyle = () => {\n return {\n ...typographyStyles.caption1Strong, // Confirm styles\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n };\n};\n\nexport const getMarkerLabelStyle = () => {\n return {\n ...typographyStyles.body1,\n fill: tokens.colorNeutralForeground1,\n textAnchor: 'middle',\n [HighContrastSelector]: {\n fill: 'CanvasText',\n },\n };\n};\n"],"names":["HighContrastSelector","tokens","typographyStyles","shorthands","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","top","spacingVerticalNone","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor"],"mappings":";;;;;;;;;;;IAoBaqB,iBAAAA;;;IAaAK,gBAAAA;;;uBAQAG;eAAAA;;mBArCAzB;;;;2BAJwB,yBAAyB;4BACrB,wBAAwB;uBACtC,iBAAiB;AAErC,MAAMA,kBAAkB;IAC7B,OAAO;QACL,GAAGF,4BAAAA,CAAiBG,KAAK;QACzBC,SAAS;QACTC,eAAe;QACf,GAAGJ,iBAAAA,CAAWK,OAAO,CAACP,kBAAAA,CAAOQ,kBAAkB,CAAC;QAChDC,UAAU;QACVC,WAAW;QACXC,KAAKX,kBAAAA,CAAOY,mBAAmB;QAC/BC,iBAAiBb,kBAAAA,CAAOc,uBAAuB;QAC/CC,cAAcf,kBAAAA,CAAOgB,iBAAiB;QACtCC,eAAe;QACfC,OAAOlB,kBAAAA,CAAOmB,uBAAuB;IACvC;AACF,EAAE;AAEK,0BAA0B;IAC/B,OAAO;QACL,GAAGlB,4BAAAA,CAAiBoB,cAAc;QAClCC,WAAW;QACXZ,WAAW;QACXQ,OAAOlB,kBAAAA,CAAOuB,uBAAuB;QACrCC,MAAMxB,kBAAAA,CAAOmB,uBAAuB;QACpC,CAACpB,+BAAAA,CAAqB,EAAE;YACtByB,MAAM;QACR;IACF;AACF,EAAE;AAEK,yBAAyB;IAC9B,OAAO;QACL,GAAGvB,4BAAAA,CAAiByB,cAAc;QAClCF,MAAMxB,kBAAAA,CAAOmB,uBAAuB;QACpCQ,mBAAmB;IACrB;AACF,EAAE;AAEK,4BAA4B;IACjC,OAAO;QACL,GAAG1B,4BAAAA,CAAiBG,KAAK;QACzBoB,MAAMxB,kBAAAA,CAAOmB,uBAAuB;QACpCU,YAAY;QACZ,CAAC9B,+BAAAA,CAAqB,EAAE;YACtByB,MAAM;QACR;IACF;AACF,EAAE"}
|