@atlaskit/forge-react-types 0.21.0 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @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

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

@@ -1 +1,5 @@
-"use strict";
+"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

@@ -1,3 +1,4 @@
+import type { ChartColorTokens } from '../../types';
 export type PieChartProps = {
     width?: number;
     height?: number;
@@ -10,5 +11,5 @@ export type PieChartProps = {
     subtitle?: string;
     isDonut?: boolean;
     showMarkLabels?: boolean;
-    colors?: string[];
+    colors?: ChartColorTokens[];
 };

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, 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

@@ -1,3 +1,4 @@
+import type { ChartColorTokens } from '../../types';
 export type PieChartProps = {
     width?: number;
     height?: number;
@@ -10,5 +11,5 @@ export type PieChartProps = {
     subtitle?: string;
     isDonut?: boolean;
     showMarkLabels?: boolean;
-    colors?: string[];
+    colors?: ChartColorTokens[];
 };

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, 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.21.0",
+	"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.1.0",
+		"@atlaskit/primitives": "^8.2.0",
 		"@atlaskit/progress-bar": "2.2.0",
 		"@atlaskit/progress-tracker": "8.7.1",
 		"@atlaskit/radio": "^6.4.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

@@ -1,3 +1,5 @@
+import type { ChartColorTokens } from '../../types';
+
 export type PieChartProps = {
 	width?: number;
 	height?: number;
@@ -10,5 +12,5 @@ export type PieChartProps = {
 	subtitle?: string;
 	isDonut?: boolean;
 	showMarkLabels?: boolean;
-	colors?: string[];
+	colors?: ChartColorTokens[];
 };

package/src/index.ts

@@ -68,3 +68,5 @@ export type {
 	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';