@atlaskit/forge-react-types 0.52.2 → 0.54.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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
+
+- [`6f93643f9e844`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6f93643f9e844) -
+  [ux] Addition of Tile component for Forge UIKit
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.52.2
 
 ### Patch Changes

package/dist/cjs/components/__generated__/TileProps.codegen.js

@@ -0,0 +1,5 @@
+"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/es2019/components/__generated__/TileProps.codegen.js

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

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

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

package/dist/esm/components/__generated__/TileProps.codegen.js

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

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

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

package/dist/types/components/__generated__/TileProps.codegen.d.ts

@@ -0,0 +1,20 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - TileProps
+ *
+ * @codegen <<SignedSource::8b1e13d93e3348f59fa7b79a0da227aa>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tile/__generated__/index.partial.tsx <<SignedSource::d7ec62556fa495888b1d4326b71c4d52>>
+ */
+import React from 'react';
+import PlatformTile from '@atlaskit/tile';
+type PlatformTileProps = React.ComponentProps<typeof PlatformTile>;
+export type TileProps = Pick<PlatformTileProps, 'backgroundColor' | 'label' | 'size' | 'children' | 'hasBorder' | 'isInset' | 'testId'>;
+/**
+ * A tile is a rounded square that takes an asset and represents a noun.
+ *
+ * @see [Tile](https://developer.atlassian.com/platform/forge/ui-kit/components/tile/) in UI Kit documentation for more information
+ */
+export type TTile<T> = (props: TileProps) => T;
+export {};

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

@@ -54,6 +54,7 @@ export type { TagGroupProps, TTagGroup } from './TagGroupProps.codegen';
 export type { SimpleTagProps as TagProps, TSimpleTag as TTag } from './TagProps.codegen';
 export type { TextAreaProps, TTextArea } from './TextAreaProps.codegen';
 export type { TextfieldProps, TTextfield } from './TextfieldProps.codegen';
+export type { TileProps, TTile } from './TileProps.codegen';
 export type { TimePickerProps, TTimePicker } from './TimePickerProps.codegen';
 export type { ToggleProps, TToggle } from './ToggleProps.codegen';
 export type { TooltipProps, TTooltip } from './TooltipProps.codegen';

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/index.d.ts

@@ -1,4 +1,4 @@
-export type { AdfRendererProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, CommentProps, 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, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, PressableProps, TBadge, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TComment, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFileCard, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, TPressable, TFilePicker, } from './components/__generated__';
+export type { AdfRendererProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, CommentProps, 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, TextProps, TextAreaProps, TextfieldProps, TileProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, PressableProps, TBadge, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TComment, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFileCard, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, TPressable, TFilePicker, TTile, } from './components/__generated__';
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, DonutChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TDonutChart, TPieChart, } from './components/charts';
 export type { ChromelessEditorProps, CommentEditorProps, TChromelessEditor, TCommentEditor, } from './components/editor';
 export type { ChartColorTokens } from './types';

package/dist/types-ts4.5/components/__generated__/TileProps.codegen.d.ts

@@ -0,0 +1,20 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - TileProps
+ *
+ * @codegen <<SignedSource::8b1e13d93e3348f59fa7b79a0da227aa>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tile/__generated__/index.partial.tsx <<SignedSource::d7ec62556fa495888b1d4326b71c4d52>>
+ */
+import React from 'react';
+import PlatformTile from '@atlaskit/tile';
+type PlatformTileProps = React.ComponentProps<typeof PlatformTile>;
+export type TileProps = Pick<PlatformTileProps, 'backgroundColor' | 'label' | 'size' | 'children' | 'hasBorder' | 'isInset' | 'testId'>;
+/**
+ * A tile is a rounded square that takes an asset and represents a noun.
+ *
+ * @see [Tile](https://developer.atlassian.com/platform/forge/ui-kit/components/tile/) in UI Kit documentation for more information
+ */
+export type TTile<T> = (props: TileProps) => T;
+export {};

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

@@ -54,6 +54,7 @@ export type { TagGroupProps, TTagGroup } from './TagGroupProps.codegen';
 export type { SimpleTagProps as TagProps, TSimpleTag as TTag } from './TagProps.codegen';
 export type { TextAreaProps, TTextArea } from './TextAreaProps.codegen';
 export type { TextfieldProps, TTextfield } from './TextfieldProps.codegen';
+export type { TileProps, TTile } from './TileProps.codegen';
 export type { TimePickerProps, TTimePicker } from './TimePickerProps.codegen';
 export type { ToggleProps, TToggle } from './ToggleProps.codegen';
 export type { TooltipProps, TTooltip } from './TooltipProps.codegen';

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/dist/types-ts4.5/index.d.ts

@@ -1,4 +1,4 @@
-export type { AdfRendererProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, CommentProps, 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, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, PressableProps, TBadge, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TComment, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFileCard, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, TPressable, TFilePicker, } from './components/__generated__';
+export type { AdfRendererProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, CommentProps, 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, TextProps, TextAreaProps, TextfieldProps, TileProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, PressableProps, TBadge, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TComment, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFileCard, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, TPressable, TFilePicker, TTile, } from './components/__generated__';
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, DonutChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TDonutChart, TPieChart, } from './components/charts';
 export type { ChromelessEditorProps, CommentEditorProps, TChromelessEditor, TCommentEditor, } from './components/editor';
 export type { ChartColorTokens } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.52.2",
+	"version": "0.54.0",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -23,18 +23,18 @@
 	"dependencies": {
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/comment": "^13.2.0",
-		"@atlaskit/datetime-picker": "^17.2.0",
+		"@atlaskit/datetime-picker": "^17.4.0",
 		"@atlaskit/dynamic-table": "^18.3.0",
-		"@atlaskit/form": "^15.2.0",
-		"@atlaskit/inline-edit": "^15.4.0",
+		"@atlaskit/form": "^15.3.0",
+		"@atlaskit/inline-edit": "^15.6.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
-		"@atlaskit/navigation-system": "^5.15.0",
-		"@atlaskit/popup": "^4.9.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.3.0",
-		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/radio": "^8.4.0",
+		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.3.0",
@@ -42,9 +42,10 @@
 		"@atlaskit/tag-group": "^12.0.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
+		"@atlaskit/tile": "^1.0.0",
 		"@atlaskit/toggle": "^15.2.0",
-		"@atlaskit/tokens": "^9.0.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tokens": "^9.1.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -52,7 +53,7 @@
 	},
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.0",
-		"@atlassian/forge-ui": "^32.60.0",
+		"@atlassian/forge-ui": "^32.66.0",
 		"@types/node": "~22.17.1",
 		"lodash": "^4.17.21",
 		"react": "^18.2.0",

package/src/components/__generated__/TileProps.codegen.tsx

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - TileProps
+ *
+ * @codegen <<SignedSource::8b1e13d93e3348f59fa7b79a0da227aa>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tile/__generated__/index.partial.tsx <<SignedSource::d7ec62556fa495888b1d4326b71c4d52>>
+ */
+/* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
+
+import React from 'react';
+import PlatformTile from '@atlaskit/tile';
+
+type PlatformTileProps = React.ComponentProps<typeof PlatformTile>;
+
+export type TileProps = Pick<
+  PlatformTileProps,
+  'backgroundColor' | 'label' | 'size' | 'children' | 'hasBorder' | 'isInset' | 'testId'
+>;
+
+/**
+ * A tile is a rounded square that takes an asset and represents a noun.
+ *
+ * @see [Tile](https://developer.atlassian.com/platform/forge/ui-kit/components/tile/) in UI Kit documentation for more information
+ */
+export type TTile<T> = (props: TileProps) => T;

package/src/components/__generated__/index.ts

@@ -57,6 +57,7 @@ export type { TagGroupProps, TTagGroup } from './TagGroupProps.codegen';
 export type { SimpleTagProps as TagProps, TSimpleTag as TTag } from './TagProps.codegen';
 export type { TextAreaProps, TTextArea } from './TextAreaProps.codegen';
 export type { TextfieldProps, TTextfield } from './TextfieldProps.codegen';
+export type { TileProps, TTile } from './TileProps.codegen';
 export type { TimePickerProps, TTimePicker } from './TimePickerProps.codegen';
 export type { ToggleProps, TToggle } from './ToggleProps.codegen';
 export type { TooltipProps, TTooltip } from './TooltipProps.codegen';

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'];
 };
 
 /**

package/src/index.ts

@@ -55,6 +55,7 @@ export type {
 	TextProps,
 	TextAreaProps,
 	TextfieldProps,
+	TileProps,
 	ToggleProps,
 	TooltipProps,
 	TimePickerProps,
@@ -127,6 +128,7 @@ export type {
 	TText,
 	TPressable,
 	TFilePicker,
+	TTile,
 } from './components/__generated__';
 
 export type {