@atlaskit/forge-react-types 0.53.0 → 0.54.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/forge-react-types
 
+## 0.54.0
+
+### Minor Changes
+
+- [`28a295dd4bf91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/28a295dd4bf91) -
+  Updated types for charts to include new colorPalette prop.
+
 ## 0.53.0
 
 ### Minor Changes

package/dist/cjs/components/charts/PieChartProps.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/es2019/components/charts/PieChartProps.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/charts/PieChartProps.js

@@ -0,0 +1 @@
+export {};

package/dist/types/components/charts/BarChartProps.d.ts

@@ -1,4 +1,5 @@
 import { type ActiveTokens } from '@atlaskit/tokens';
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
 type MarginValue = Extract<ActiveTokens, `space.${string}`>;
 export type BarChartProps = {
     /**
@@ -60,6 +61,12 @@ export type BarChartProps = {
      * Adds a border onto the chart. Defaults to true.
      */
     showBorder?: boolean;
+    /**
+     * Custom color palette for the chart.
+     * Can be an array of color strings, or an array of objects with
+     * key and value properties to map specific data categories to colors.
+     */
+    colorPalette?: ThemeElementProps['fillStyles'];
 };
 type StackChartProps = BarChartProps & {
     /**

package/dist/types/components/charts/LineChartProps.d.ts

@@ -1,4 +1,5 @@
 import { type ActiveTokens } from '@atlaskit/tokens';
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
 type MarginValue = Extract<ActiveTokens, `space.${string}`>;
 export type LineChartProps = {
     /**
@@ -60,6 +61,12 @@ export type LineChartProps = {
      * Adds a border onto the chart. Defaults to true.
      */
     showBorder?: boolean;
+    /**
+     * Custom color palette for the chart.
+     * Can be an array of color strings, or an array of objects with
+     * key and value properties to map specific data categories to colors.
+     */
+    colorPalette?: ThemeElementProps['fillStyles'];
 };
 /**
  * A visual representation of data showing trends.

package/dist/types/components/charts/PieChartProps.d.ts

@@ -1,3 +1,4 @@
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
 export type PieChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -42,6 +43,12 @@ export type PieChartProps = {
      * Adds a border onto the chart. Defaults to true.
      */
     showBorder?: boolean;
+    /**
+     * Custom color palette for the chart.
+     * Can be an array of color strings, or an array of objects with
+     * key and value properties to map specific data categories to colors.
+     */
+    colorPalette?: ThemeElementProps['fillStyles'];
 };
 /**
  * A visual representation of data proportions in a circular format.

package/dist/types-ts4.5/components/charts/BarChartProps.d.ts

@@ -1,4 +1,5 @@
 import { type ActiveTokens } from '@atlaskit/tokens';
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
 type MarginValue = Extract<ActiveTokens, `space.${string}`>;
 export type BarChartProps = {
     /**
@@ -60,6 +61,12 @@ export type BarChartProps = {
      * Adds a border onto the chart. Defaults to true.
      */
     showBorder?: boolean;
+    /**
+     * Custom color palette for the chart.
+     * Can be an array of color strings, or an array of objects with
+     * key and value properties to map specific data categories to colors.
+     */
+    colorPalette?: ThemeElementProps['fillStyles'];
 };
 type StackChartProps = BarChartProps & {
     /**

package/dist/types-ts4.5/components/charts/LineChartProps.d.ts

@@ -1,4 +1,5 @@
 import { type ActiveTokens } from '@atlaskit/tokens';
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
 type MarginValue = Extract<ActiveTokens, `space.${string}`>;
 export type LineChartProps = {
     /**
@@ -60,6 +61,12 @@ export type LineChartProps = {
      * Adds a border onto the chart. Defaults to true.
      */
     showBorder?: boolean;
+    /**
+     * Custom color palette for the chart.
+     * Can be an array of color strings, or an array of objects with
+     * key and value properties to map specific data categories to colors.
+     */
+    colorPalette?: ThemeElementProps['fillStyles'];
 };
 /**
  * A visual representation of data showing trends.

package/dist/types-ts4.5/components/charts/PieChartProps.d.ts

@@ -1,3 +1,4 @@
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
 export type PieChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -42,6 +43,12 @@ export type PieChartProps = {
      * Adds a border onto the chart. Defaults to true.
      */
     showBorder?: boolean;
+    /**
+     * Custom color palette for the chart.
+     * Can be an array of color strings, or an array of objects with
+     * key and value properties to map specific data categories to colors.
+     */
+    colorPalette?: ThemeElementProps['fillStyles'];
 };
 /**
  * A visual representation of data proportions in a circular format.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.53.0",
+	"version": "0.54.0",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,16 +25,16 @@
 		"@atlaskit/comment": "^13.2.0",
 		"@atlaskit/datetime-picker": "^17.4.0",
 		"@atlaskit/dynamic-table": "^18.3.0",
-		"@atlaskit/form": "^15.2.0",
-		"@atlaskit/inline-edit": "^15.5.0",
+		"@atlaskit/form": "^15.3.0",
+		"@atlaskit/inline-edit": "^15.6.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
-		"@atlaskit/navigation-system": "^5.21.0",
+		"@atlaskit/navigation-system": "^5.27.0",
 		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/progress-bar": "^4.1.0",
 		"@atlaskit/progress-tracker": "^10.4.0",
 		"@atlaskit/radio": "^8.4.0",
-		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.3.0",
@@ -45,7 +45,7 @@
 		"@atlaskit/tile": "^1.0.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -53,7 +53,7 @@
 	},
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.0",
-		"@atlassian/forge-ui": "^32.64.0",
+		"@atlassian/forge-ui": "^32.66.0",
 		"@types/node": "~22.17.1",
 		"lodash": "^4.17.21",
 		"react": "^18.2.0",

package/src/components/charts/BarChartProps.tsx

@@ -1,4 +1,5 @@
 import { type ActiveTokens } from '@atlaskit/tokens';
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
 
 type MarginValue = Extract<ActiveTokens, `space.${string}`>;
 
@@ -62,6 +63,12 @@ export type BarChartProps = {
 	 * Adds a border onto the chart. Defaults to true.
 	 */
 	showBorder?: boolean;
+	/**
+	 * Custom color palette for the chart.
+	 * Can be an array of color strings, or an array of objects with
+	 * key and value properties to map specific data categories to colors.
+	 */
+	colorPalette?: ThemeElementProps['fillStyles'];
 };
 
 type StackChartProps = BarChartProps & {

package/src/components/charts/LineChartProps.tsx

@@ -1,4 +1,5 @@
 import { type ActiveTokens } from '@atlaskit/tokens';
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
 
 type MarginValue = Extract<ActiveTokens, `space.${string}`>;
 
@@ -62,6 +63,12 @@ export type LineChartProps = {
 	 * Adds a border onto the chart. Defaults to true.
 	 */
 	showBorder?: boolean;
+	/**
+	 * Custom color palette for the chart.
+	 * Can be an array of color strings, or an array of objects with
+	 * key and value properties to map specific data categories to colors.
+	 */
+	colorPalette?: ThemeElementProps['fillStyles'];
 };
 
 /**

package/src/components/charts/PieChartProps.tsx

@@ -1,3 +1,5 @@
+import type { ThemeElementProps } from '@atlassian/viz-platform-charts/primitives';
+
 export type PieChartProps = {
 	/**
 	 * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -42,6 +44,12 @@ export type PieChartProps = {
 	 * Adds a border onto the chart. Defaults to true.
 	 */
 	showBorder?: boolean;
+	/**
+	 * Custom color palette for the chart.
+	 * Can be an array of color strings, or an array of objects with
+	 * key and value properties to map specific data categories to colors.
+	 */
+	colorPalette?: ThemeElementProps['fillStyles'];
 };
 
 /**