@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.
Files changed (150) hide show
  1. package/CHANGELOG.md +15 -48
  2. package/dist/index.d.ts +1 -15
  3. package/lib/components/AreaChart/AreaChart.js +1 -4
  4. package/lib/components/AreaChart/AreaChart.js.map +1 -1
  5. package/lib/components/AreaChart/useAreaChartStyles.styles.js +2 -2
  6. package/lib/components/AreaChart/useAreaChartStyles.styles.js.map +1 -1
  7. package/lib/components/AreaChart/useAreaChartStyles.styles.raw.js +15 -3
  8. package/lib/components/AreaChart/useAreaChartStyles.styles.raw.js.map +1 -1
  9. package/lib/components/CommonComponents/CartesianChart.js +24 -24
  10. package/lib/components/CommonComponents/CartesianChart.js.map +1 -1
  11. package/lib/components/CommonComponents/useCartesianChartStyles.styles.js +14 -17
  12. package/lib/components/CommonComponents/useCartesianChartStyles.styles.js.map +1 -1
  13. package/lib/components/CommonComponents/useCartesianChartStyles.styles.raw.js +33 -6
  14. package/lib/components/CommonComponents/useCartesianChartStyles.styles.raw.js.map +1 -1
  15. package/lib/components/DeclarativeChart/DeclarativeChart.js +16 -32
  16. package/lib/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  17. package/lib/components/DeclarativeChart/PlotlyColorAdapter.js +1 -1
  18. package/lib/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -1
  19. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +199 -294
  20. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  21. package/lib/components/DonutChart/DonutChart.js +1 -6
  22. package/lib/components/DonutChart/DonutChart.js.map +1 -1
  23. package/lib/components/DonutChart/DonutChart.types.js.map +1 -1
  24. package/lib/components/DonutChart/useDonutChartStyles.styles.js +4 -21
  25. package/lib/components/DonutChart/useDonutChartStyles.styles.js.map +1 -1
  26. package/lib/components/DonutChart/useDonutChartStyles.styles.raw.js +4 -8
  27. package/lib/components/DonutChart/useDonutChartStyles.styles.raw.js.map +1 -1
  28. package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +4 -23
  29. package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
  30. package/lib/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.js +17 -4
  31. package/lib/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.js.map +1 -1
  32. package/lib/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.raw.js +21 -4
  33. package/lib/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.raw.js.map +1 -1
  34. package/lib/components/HeatMapChart/HeatMapChart.js +114 -175
  35. package/lib/components/HeatMapChart/HeatMapChart.js.map +1 -1
  36. package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js +6 -26
  37. package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
  38. package/lib/components/LineChart/LineChart.js +81 -111
  39. package/lib/components/LineChart/LineChart.js.map +1 -1
  40. package/lib/components/LineChart/LineChart.types.js.map +1 -1
  41. package/lib/components/LineChart/useLineChartStyles.styles.js +10 -23
  42. package/lib/components/LineChart/useLineChartStyles.styles.js.map +1 -1
  43. package/lib/components/LineChart/useLineChartStyles.styles.raw.js +21 -4
  44. package/lib/components/LineChart/useLineChartStyles.styles.raw.js.map +1 -1
  45. package/lib/components/SankeyChart/useSankeyChartStyles.styles.js +25 -12
  46. package/lib/components/SankeyChart/useSankeyChartStyles.styles.js.map +1 -1
  47. package/lib/components/SankeyChart/useSankeyChartStyles.styles.raw.js +12 -2
  48. package/lib/components/SankeyChart/useSankeyChartStyles.styles.raw.js.map +1 -1
  49. package/lib/components/ScatterChart/ScatterChart.js +30 -49
  50. package/lib/components/ScatterChart/ScatterChart.js.map +1 -1
  51. package/lib/components/ScatterChart/ScatterChart.types.js.map +1 -1
  52. package/lib/components/ScatterChart/useScatterChartStyles.styles.js +7 -27
  53. package/lib/components/ScatterChart/useScatterChartStyles.styles.js.map +1 -1
  54. package/lib/components/ScatterChart/useScatterChartStyles.styles.raw.js +14 -8
  55. package/lib/components/ScatterChart/useScatterChartStyles.styles.raw.js.map +1 -1
  56. package/lib/components/VerticalBarChart/VerticalBarChart.js +4 -27
  57. package/lib/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
  58. package/lib/components/VerticalBarChart/useVerticalBarChartStyles.styles.js +6 -8
  59. package/lib/components/VerticalBarChart/useVerticalBarChartStyles.styles.js.map +1 -1
  60. package/lib/components/VerticalBarChart/useVerticalBarChartStyles.styles.raw.js +19 -5
  61. package/lib/components/VerticalBarChart/useVerticalBarChartStyles.styles.raw.js.map +1 -1
  62. package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js +44 -61
  63. package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
  64. package/lib/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.js +6 -7
  65. package/lib/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.js.map +1 -1
  66. package/lib/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js +19 -4
  67. package/lib/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js.map +1 -1
  68. package/lib/utilities/SVGTooltipText.js.map +1 -1
  69. package/lib/utilities/index.js +0 -1
  70. package/lib/utilities/index.js.map +1 -1
  71. package/lib/utilities/utilities.js +29 -0
  72. package/lib/utilities/utilities.js.map +1 -1
  73. package/lib-commonjs/components/AreaChart/AreaChart.js +1 -4
  74. package/lib-commonjs/components/AreaChart/AreaChart.js.map +1 -1
  75. package/lib-commonjs/components/AreaChart/useAreaChartStyles.styles.js.map +1 -1
  76. package/lib-commonjs/components/AreaChart/useAreaChartStyles.styles.raw.js +14 -2
  77. package/lib-commonjs/components/AreaChart/useAreaChartStyles.styles.raw.js.map +1 -1
  78. package/lib-commonjs/components/CommonComponents/CartesianChart.js +24 -24
  79. package/lib-commonjs/components/CommonComponents/CartesianChart.js.map +1 -1
  80. package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js +13 -15
  81. package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js.map +1 -1
  82. package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.raw.js +32 -4
  83. package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.raw.js.map +1 -1
  84. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js +15 -31
  85. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  86. package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js +1 -1
  87. package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -1
  88. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +198 -302
  89. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  90. package/lib-commonjs/components/DonutChart/DonutChart.js +1 -6
  91. package/lib-commonjs/components/DonutChart/DonutChart.js.map +1 -1
  92. package/lib-commonjs/components/DonutChart/DonutChart.types.js.map +1 -1
  93. package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js +4 -32
  94. package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js.map +1 -1
  95. package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.raw.js +4 -8
  96. package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.raw.js.map +1 -1
  97. package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +3 -22
  98. package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
  99. package/lib-commonjs/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.js +19 -2
  100. package/lib-commonjs/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.js.map +1 -1
  101. package/lib-commonjs/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.raw.js +20 -3
  102. package/lib-commonjs/components/GroupedVerticalBarChart/useGroupedVerticalBarChartStyles.styles.raw.js.map +1 -1
  103. package/lib-commonjs/components/HeatMapChart/HeatMapChart.js +113 -174
  104. package/lib-commonjs/components/HeatMapChart/HeatMapChart.js.map +1 -1
  105. package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js +5 -25
  106. package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
  107. package/lib-commonjs/components/LineChart/LineChart.js +81 -111
  108. package/lib-commonjs/components/LineChart/LineChart.js.map +1 -1
  109. package/lib-commonjs/components/LineChart/LineChart.types.js.map +1 -1
  110. package/lib-commonjs/components/LineChart/useLineChartStyles.styles.js +9 -30
  111. package/lib-commonjs/components/LineChart/useLineChartStyles.styles.js.map +1 -1
  112. package/lib-commonjs/components/LineChart/useLineChartStyles.styles.raw.js +20 -2
  113. package/lib-commonjs/components/LineChart/useLineChartStyles.styles.raw.js.map +1 -1
  114. package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js +33 -23
  115. package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js.map +1 -1
  116. package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.raw.js +12 -1
  117. package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.raw.js.map +1 -1
  118. package/lib-commonjs/components/ScatterChart/ScatterChart.js +30 -49
  119. package/lib-commonjs/components/ScatterChart/ScatterChart.js.map +1 -1
  120. package/lib-commonjs/components/ScatterChart/ScatterChart.types.js.map +1 -1
  121. package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.js +5 -37
  122. package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.js.map +1 -1
  123. package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.raw.js +13 -7
  124. package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.raw.js.map +1 -1
  125. package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js +3 -26
  126. package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
  127. package/lib-commonjs/components/VerticalBarChart/useVerticalBarChartStyles.styles.js +3 -5
  128. package/lib-commonjs/components/VerticalBarChart/useVerticalBarChartStyles.styles.js.map +1 -1
  129. package/lib-commonjs/components/VerticalBarChart/useVerticalBarChartStyles.styles.raw.js +17 -3
  130. package/lib-commonjs/components/VerticalBarChart/useVerticalBarChartStyles.styles.raw.js.map +1 -1
  131. package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js +43 -60
  132. package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
  133. package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.js +3 -5
  134. package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.js.map +1 -1
  135. package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js +18 -3
  136. package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js.map +1 -1
  137. package/lib-commonjs/utilities/SVGTooltipText.js.map +1 -1
  138. package/lib-commonjs/utilities/index.js +0 -1
  139. package/lib-commonjs/utilities/index.js.map +1 -1
  140. package/lib-commonjs/utilities/utilities.js +32 -0
  141. package/lib-commonjs/utilities/utilities.js.map +1 -1
  142. package/package.json +12 -12
  143. package/lib/utilities/Common.styles.js +0 -47
  144. package/lib/utilities/Common.styles.js.map +0 -1
  145. package/lib/utilities/Common.styles.raw.js +0 -47
  146. package/lib/utilities/Common.styles.raw.js.map +0 -1
  147. package/lib-commonjs/utilities/Common.styles.js +0 -71
  148. package/lib-commonjs/utilities/Common.styles.js.map +0 -1
  149. package/lib-commonjs/utilities/Common.styles.raw.js +0 -71
  150. 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-0412.1",
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-0412.1",
26
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20250826-0412.1",
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-0412.1",
32
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20250826-0412.1",
33
- "@fluentui/react-overflow": "0.0.0-nightly-20250826-0412.1",
34
- "@fluentui/react-popover": "0.0.0-nightly-20250826-0412.1",
35
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20250826-0412.1",
36
- "@fluentui/react-tabster": "0.0.0-nightly-20250826-0412.1",
37
- "@fluentui/react-theme": "0.0.0-nightly-20250826-0412.1",
38
- "@fluentui/react-tooltip": "0.0.0-nightly-20250826-0412.1",
39
- "@fluentui/react-utilities": "0.0.0-nightly-20250826-0412.1",
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"}