@fluentui/react-charting 5.22.1 → 5.22.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.22.1",
+  "version": "5.22.3",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@fluentui/react-focus": "^8.9.13",
-    "@fluentui/theme-samples": "^8.7.170",
+    "@fluentui/theme-samples": "^8.7.171",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@types/d3-array": "^2.0.0",
     "@types/d3-axis": "^2.0.0",
@@ -66,7 +66,7 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@fluentui/react": "^8.120.6",
+    "@fluentui/react": "^8.120.7",
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0",

package/src/components/DonutChart/Arc/Arc.types.ts

@@ -146,12 +146,44 @@ export interface IArcData {
   value: number;
 }
 
+export interface IArcStyleProps {
+  /**
+   * Theme
+   */
+  theme: ITheme;
+
+  /**
+   * internal prop for href
+   */
+  href: string;
+
+  /**
+   * solid color for the arc (when enableGradient is false)
+   */
+  solidFill: string;
+
+  /**
+   * gradient for the arc (when enableGradient is true)
+   */
+  gradientFill: string;
+
+  /**
+   * wether gradients are enabled for the arc
+   */
+  opacity: number;
+}
+
 export interface IArcStyles {
   /**
    * Style set for the card header component root
    */
   root: IStyle;
 
+  /**
+   * Style set for the gradient arc
+   */
+  gradientArc: IStyle;
+
   /**
    * styles for the focus
    */

package/src/components/GaugeChart/GaugeChart.types.ts

@@ -209,6 +209,21 @@ export interface IGaugeChartStyleProps {
    * Boolean flag which determines if shape is drawn in callout
    */
   toDrawShape?: boolean;
+
+  /**
+   * solid color for the arc (when enableGradient is false)
+   */
+  solidFill?: string;
+
+  /**
+   * gradient for the arc (when enableGradient is true)
+   */
+  gradientFill?: string;
+
+  /**
+   * opacity of the arc
+   */
+  opacity?: number;
 }
 
 /**
@@ -256,6 +271,11 @@ export interface IGaugeChartStyles {
    */
   segment?: IStyle;
 
+  /**
+   * Styles for gradient segments
+   */
+  gradientSegment?: IStyle;
+
   /**
    * Styles for the legends container
    */