@atlaskit/forge-react-types 0.37.14 → 0.39.0

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::8ab6a67fa03d077a43a19a7e31c78146>>
+ * @codegen <<SignedSource::c3ad3413cf478b4f6da470a99c029688>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
  */
 import React from 'react';
 import { Box as PlatformBox } from '@atlaskit/primitives';
@@ -2358,8 +2358,8 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         at?: boolean | undefined;
     } | undefined;
 }>;
-type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
 type XCSSProp = ReturnType<typeof xcssValidator>;
+type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
 export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
     /**
      * A shorthand for `paddingBlock` and `paddingInline` together.

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

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type BarChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,10 +13,6 @@ export type BarChartProps = {
      * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#2--array-of-objects).
      */
     data: unknown[];
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
     /**
      * Accessor to define the x-axis values. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#data).
@@ -39,11 +34,6 @@ export type BarChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each bar with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 type StackChartProps = BarChartProps & {
     /**

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

@@ -0,0 +1,15 @@
+import { type PieChartProps } from './PieChartProps';
+export type DonutChartProps = PieChartProps & {
+    /**
+     * The radius of the inner circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+     */
+    innerRadius?: number;
+    /**
+     * The radius of the outer circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+     */
+    outerRadius?: number;
+};
+/**
+ * A visual representation of data proportions in a donut format.
+ */
+export type TDonutChart<T> = (props: DonutChartProps) => T;

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

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type LineChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,7 +13,6 @@ export type LineChartProps = {
      * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#2--array-of-objects).
      */
     data: unknown[];
-    showBorder?: boolean;
     /**
      * Accessor to define the x-axis values. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#data).
@@ -36,11 +34,6 @@ export type LineChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each line with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 /**
  * A visual representation of data showing trends.

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

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type PieChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,10 +13,6 @@ export type PieChartProps = {
      * 2. [Array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#2--array-of-objects).
      */
     data: unknown[];
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
     /**
      * Accessor to define the color grouping. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#data).
@@ -39,19 +34,10 @@ export type PieChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * Boolean to render the pie as the donut variation. Defaults to `false`.
-     */
-    isDonut?: boolean;
     /**
      * Boolean to display labels on top of each slice. Defaults to `false`.
      */
     showMarkLabels?: boolean;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each slice with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 /**
  * A visual representation of data proportions in a circular format.

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

@@ -1,4 +1,4 @@
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, } from './BarChartProps';
 export type { LineChartProps, TLineChart } from './LineChartProps';
-export type { SingleValueChartProps, TSingleValueChart } from './SingleValueChartProps';
 export type { PieChartProps, TPieChart } from './PieChartProps';
+export type { DonutChartProps, TDonutChart } from './DonutChartProps';

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export type { AdfRendererProps, BadgeProps, 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, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, TBadge, TBleed, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, 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, } from './components/__generated__';
-export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TSingleValueChart, TPieChart, } from './components/charts';
+export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, DonutChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TDonutChart, TPieChart, } from './components/charts';
 export type { ChartColorTokens } from './types';

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::8ab6a67fa03d077a43a19a7e31c78146>>
+ * @codegen <<SignedSource::c3ad3413cf478b4f6da470a99c029688>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
  */
 import React from 'react';
 import { Box as PlatformBox } from '@atlaskit/primitives';
@@ -2358,8 +2358,8 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         at?: boolean | undefined;
     } | undefined;
 }>;
-type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
 type XCSSProp = ReturnType<typeof xcssValidator>;
+type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
 export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
     /**
      * A shorthand for `paddingBlock` and `paddingInline` together.

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

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type BarChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,10 +13,6 @@ export type BarChartProps = {
      * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#2--array-of-objects).
      */
     data: unknown[];
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
     /**
      * Accessor to define the x-axis values. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#data).
@@ -39,11 +34,6 @@ export type BarChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each bar with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 type StackChartProps = BarChartProps & {
     /**

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

@@ -0,0 +1,15 @@
+import { type PieChartProps } from './PieChartProps';
+export type DonutChartProps = PieChartProps & {
+    /**
+     * The radius of the inner circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+     */
+    innerRadius?: number;
+    /**
+     * The radius of the outer circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+     */
+    outerRadius?: number;
+};
+/**
+ * A visual representation of data proportions in a donut format.
+ */
+export type TDonutChart<T> = (props: DonutChartProps) => T;

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

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type LineChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,7 +13,6 @@ export type LineChartProps = {
      * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#2--array-of-objects).
      */
     data: unknown[];
-    showBorder?: boolean;
     /**
      * Accessor to define the x-axis values. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#data).
@@ -36,11 +34,6 @@ export type LineChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each line with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 /**
  * A visual representation of data showing trends.

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

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type PieChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,10 +13,6 @@ export type PieChartProps = {
      * 2. [Array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#2--array-of-objects).
      */
     data: unknown[];
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
     /**
      * Accessor to define the color grouping. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#data).
@@ -39,19 +34,10 @@ export type PieChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * Boolean to render the pie as the donut variation. Defaults to `false`.
-     */
-    isDonut?: boolean;
     /**
      * Boolean to display labels on top of each slice. Defaults to `false`.
      */
     showMarkLabels?: boolean;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each slice with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 /**
  * A visual representation of data proportions in a circular format.

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

@@ -1,4 +1,4 @@
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, } from './BarChartProps';
 export type { LineChartProps, TLineChart } from './LineChartProps';
-export type { SingleValueChartProps, TSingleValueChart } from './SingleValueChartProps';
 export type { PieChartProps, TPieChart } from './PieChartProps';
+export type { DonutChartProps, TDonutChart } from './DonutChartProps';

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

@@ -1,3 +1,3 @@
 export type { AdfRendererProps, BadgeProps, 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, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, TBadge, TBleed, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, 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, } from './components/__generated__';
-export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TSingleValueChart, TPieChart, } from './components/charts';
+export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, DonutChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TDonutChart, TPieChart, } from './components/charts';
 export type { ChartColorTokens } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.37.14",
+	"version": "0.39.0",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/inline-edit": "^15.1.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/modal-dialog": "^14.0.0",
-		"@atlaskit/popup": "^2.0.0",
+		"@atlaskit/popup": "^3.0.0",
 		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/progress-bar": "^4.0.0",
 		"@atlaskit/progress-tracker": "^10.0.0",

package/scripts/codegen/codeGenerator.ts

@@ -502,7 +502,7 @@ const baseGenerateComponentPropTypeSourceCode = (
 	});
 };
 
-const boxPropsCodeConsolidator: CodeConsolidator = ({
+const handleXCSSProp: CodeConsolidator = ({
 	sourceFile,
 	importCode,
 	externalTypesCode,
@@ -510,7 +510,14 @@ const boxPropsCodeConsolidator: CodeConsolidator = ({
 	componentPropCode,
 	componentTypeCode,
 }) => {
-	const xcssValidator = sourceFile.getVariableDeclarationOrThrow('xcssValidator').getText();
+	const xcssValidatorfile = sourceFile
+		.getProject()
+		.addSourceFileAtPath(require.resolve('@atlassian/forge-ui/utils/xcssValidator'));
+	const xcssValidator = xcssValidatorfile.getVariableDeclarationOrThrow('xcssValidator').getText();
+	const XCSSPropType = xcssValidatorfile
+		.getTypeAliasOrThrow('XCSSProp')
+		.setIsExported(false)
+		.getText();
 
 	const utilsFile = sourceFile
 		.getProject()
@@ -522,6 +529,7 @@ const boxPropsCodeConsolidator: CodeConsolidator = ({
 		const xcssValidatorVariableDeclarationCode = [
 			xcssValidatorDeclarationCode,
 			`const ${xcssValidator};`,
+			XCSSPropType,
 		].join('\n');
 
 		return [
@@ -541,7 +549,8 @@ const boxPropsCodeConsolidator: CodeConsolidator = ({
 };
 
 const codeConsolidators: Record<string, CodeConsolidator> = {
-	BoxProps: boxPropsCodeConsolidator,
+	BoxProps: handleXCSSProp,
+	PressableProps: handleXCSSProp,
 };
 
 const generateComponentPropTypeSourceCode = (

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::8ab6a67fa03d077a43a19a7e31c78146>>
+ * @codegen <<SignedSource::c3ad3413cf478b4f6da470a99c029688>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 
@@ -186,9 +186,9 @@ const xcssValidator = makeXCSSValidator({
 		supportedValues: ['relative', 'static'],
 	},
 });
+type XCSSProp = ReturnType<typeof xcssValidator>;
 
 type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
-type XCSSProp = ReturnType<typeof xcssValidator>;
 
 export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
 	/**