@atlaskit/forge-react-types 0.20.1 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/forge-react-types
 
+## 0.22.0
+
+### Minor Changes
+
+- [#114728](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114728)
+  [`624681820dace`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/624681820dace) -
+  colorAccessor is now a mandatory prop for StackBarChart and HorizontalStackBarChart
+- [#114508](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114508)
+  [`7760a71229d04`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7760a71229d04) -
+  Add chart color token support to UI Kit charts.
+
+## 0.21.0
+
+### Minor Changes
+
+- [#113502](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113502)
+  [`a6b334ccc7d63`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a6b334ccc7d63) -
+  Add PieChart component to UI Kit
+
 ## 0.20.1
 
 ### Patch Changes

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

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

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

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

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

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

package/dist/cjs/types/ColourTokens.js

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

package/dist/cjs/types/index.js

@@ -0,0 +1 @@
+"use strict";

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

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

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

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

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

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

package/dist/es2019/types/ColourTokens.js

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

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

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

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

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

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

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

package/dist/esm/types/ColourTokens.js

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

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

@@ -1,3 +1,4 @@
+import type { ChartColorTokens } from '../../types';
 export type BarChartProps = {
     width?: number;
     height?: number;
@@ -8,8 +9,12 @@ export type BarChartProps = {
     colorAccessor?: number | string;
     title?: string;
     subtitle?: string;
-    colors?: string[];
+    colors?: ChartColorTokens[];
+};
+type StackChartProps = BarChartProps & {
+    colorAccessor: number | string;
 };
-export type StackBarChartProps = BarChartProps;
-export type HorizontalStackBarChartProps = BarChartProps;
 export type HorizontalBarChartProps = BarChartProps;
+export type StackBarChartProps = StackChartProps;
+export type HorizontalStackBarChartProps = StackChartProps;
+export {};

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

@@ -1,3 +1,4 @@
+import type { ChartColorTokens } from '../../types';
 export type LineChartProps = {
     width?: number;
     height?: number;
@@ -8,5 +9,5 @@ export type LineChartProps = {
     colorAccessor?: number | string;
     title?: string;
     subtitle?: string;
-    colors?: string[];
+    colors?: ChartColorTokens[];
 };

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

@@ -0,0 +1,15 @@
+import type { ChartColorTokens } from '../../types';
+export type PieChartProps = {
+    width?: number;
+    height?: number;
+    data: unknown[];
+    showBorder?: boolean;
+    colorAccessor: number | string;
+    valueAccessor: number | string;
+    labelAccessor: number | string;
+    title?: string;
+    subtitle?: string;
+    isDonut?: boolean;
+    showMarkLabels?: boolean;
+    colors?: ChartColorTokens[];
+};

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

@@ -1,3 +1,4 @@
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, } from './BarChartProps';
 export type { LineChartProps } from './LineChartProps';
 export type { SingleValueChartProps } from './SingleValueChartProps';
+export type { PieChartProps } from './PieChartProps';

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export type { BadgeProps, BannerProps, BleedProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, ValidMessageProps, } from './components/__generated__';
-export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, } from './components/charts';
+export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, PieChartProps, } from './components/charts';
+export type { ChartColorTokens } from './types';

package/dist/types/types/ColourTokens.d.ts

@@ -0,0 +1,4 @@
+import type { ActiveTokens } from '@atlaskit/tokens';
+type ExtractChartColorTokens<T> = T extends `color.chart.${string}` ? T : never;
+export type ChartColorTokens = ExtractChartColorTokens<ActiveTokens>;
+export {};

package/dist/types/types/index.d.ts

@@ -0,0 +1 @@
+export type { ChartColorTokens } from './ColourTokens';

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

@@ -1,3 +1,4 @@
+import type { ChartColorTokens } from '../../types';
 export type BarChartProps = {
     width?: number;
     height?: number;
@@ -8,8 +9,12 @@ export type BarChartProps = {
     colorAccessor?: number | string;
     title?: string;
     subtitle?: string;
-    colors?: string[];
+    colors?: ChartColorTokens[];
+};
+type StackChartProps = BarChartProps & {
+    colorAccessor: number | string;
 };
-export type StackBarChartProps = BarChartProps;
-export type HorizontalStackBarChartProps = BarChartProps;
 export type HorizontalBarChartProps = BarChartProps;
+export type StackBarChartProps = StackChartProps;
+export type HorizontalStackBarChartProps = StackChartProps;
+export {};

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

@@ -1,3 +1,4 @@
+import type { ChartColorTokens } from '../../types';
 export type LineChartProps = {
     width?: number;
     height?: number;
@@ -8,5 +9,5 @@ export type LineChartProps = {
     colorAccessor?: number | string;
     title?: string;
     subtitle?: string;
-    colors?: string[];
+    colors?: ChartColorTokens[];
 };

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

@@ -0,0 +1,15 @@
+import type { ChartColorTokens } from '../../types';
+export type PieChartProps = {
+    width?: number;
+    height?: number;
+    data: unknown[];
+    showBorder?: boolean;
+    colorAccessor: number | string;
+    valueAccessor: number | string;
+    labelAccessor: number | string;
+    title?: string;
+    subtitle?: string;
+    isDonut?: boolean;
+    showMarkLabels?: boolean;
+    colors?: ChartColorTokens[];
+};

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

@@ -1,3 +1,4 @@
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, } from './BarChartProps';
 export type { LineChartProps } from './LineChartProps';
 export type { SingleValueChartProps } from './SingleValueChartProps';
+export type { PieChartProps } from './PieChartProps';

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1,3 @@
 export type { BadgeProps, BannerProps, BleedProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, ValidMessageProps, } from './components/__generated__';
-export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, } from './components/charts';
+export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, PieChartProps, } from './components/charts';
+export type { ChartColorTokens } from './types';

package/dist/types-ts4.5/types/ColourTokens.d.ts

@@ -0,0 +1,4 @@
+import type { ActiveTokens } from '@atlaskit/tokens';
+type ExtractChartColorTokens<T> = T extends `color.chart.${string}` ? T : never;
+export type ChartColorTokens = ExtractChartColorTokens<ActiveTokens>;
+export {};

package/dist/types-ts4.5/types/index.d.ts

@@ -0,0 +1 @@
+export type { ChartColorTokens } from './ColourTokens';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.20.1",
+	"version": "0.22.0",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/heading": "^2.4.0",
 		"@atlaskit/lozenge": "^11.8.0",
 		"@atlaskit/modal-dialog": "^12.14.0",
-		"@atlaskit/primitives": "^8.0.0",
+		"@atlaskit/primitives": "^8.2.0",
 		"@atlaskit/progress-bar": "2.2.0",
 		"@atlaskit/progress-tracker": "8.7.1",
 		"@atlaskit/radio": "^6.4.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/textarea": "^5.5.0",
 		"@atlaskit/textfield": "^6.4.0",
 		"@atlaskit/toggle": "^13.2.0",
-		"@atlaskit/tokens": "^1.52.0",
+		"@atlaskit/tokens": "^1.53.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@babel/runtime": "^7.0.0"
 	},

package/src/components/charts/BarChartProps.tsx

@@ -1,3 +1,5 @@
+import type { ChartColorTokens } from '../../types';
+
 export type BarChartProps = {
 	width?: number;
 	height?: number;
@@ -8,9 +10,13 @@ export type BarChartProps = {
 	colorAccessor?: number | string;
 	title?: string;
 	subtitle?: string;
-	colors?: string[];
+	colors?: ChartColorTokens[];
+};
+
+type StackChartProps = BarChartProps & {
+	colorAccessor: number | string;
 };
 
-export type StackBarChartProps = BarChartProps;
-export type HorizontalStackBarChartProps = BarChartProps;
 export type HorizontalBarChartProps = BarChartProps;
+export type StackBarChartProps = StackChartProps;
+export type HorizontalStackBarChartProps = StackChartProps;

package/src/components/charts/LineChartProps.tsx

@@ -1,3 +1,5 @@
+import type { ChartColorTokens } from '../../types';
+
 export type LineChartProps = {
 	width?: number;
 	height?: number;
@@ -8,5 +10,5 @@ export type LineChartProps = {
 	colorAccessor?: number | string;
 	title?: string;
 	subtitle?: string;
-	colors?: string[];
+	colors?: ChartColorTokens[];
 };

package/src/components/charts/PieChartProps.tsx

@@ -0,0 +1,16 @@
+import type { ChartColorTokens } from '../../types';
+
+export type PieChartProps = {
+	width?: number;
+	height?: number;
+	data: unknown[];
+	showBorder?: boolean;
+	colorAccessor: number | string;
+	valueAccessor: number | string;
+	labelAccessor: number | string;
+	title?: string;
+	subtitle?: string;
+	isDonut?: boolean;
+	showMarkLabels?: boolean;
+	colors?: ChartColorTokens[];
+};

package/src/components/charts/index.ts

@@ -6,5 +6,5 @@ export type {
 } from './BarChartProps';
 
 export type { LineChartProps } from './LineChartProps';
-
 export type { SingleValueChartProps } from './SingleValueChartProps';
+export type { PieChartProps } from './PieChartProps';

package/src/index.ts

@@ -66,4 +66,7 @@ export type {
 	HorizontalBarChartProps,
 	LineChartProps,
 	SingleValueChartProps,
+	PieChartProps,
 } from './components/charts';
+
+export type { ChartColorTokens } from './types';

package/src/types/ColourTokens.ts

@@ -0,0 +1,5 @@
+import type { ActiveTokens } from '@atlaskit/tokens';
+
+type ExtractChartColorTokens<T> = T extends `color.chart.${string}` ? T : never;
+
+export type ChartColorTokens = ExtractChartColorTokens<ActiveTokens>;

package/src/types/index.ts

@@ -0,0 +1 @@
+export type { ChartColorTokens } from './ColourTokens';