@atlaskit/forge-react-types 0.53.0 → 0.55.0

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.55.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/modal-dialog": "^14.9.0",
-		"@atlaskit/navigation-system": "^5.21.0",
+		"@atlaskit/form": "^15.3.0",
+		"@atlaskit/inline-edit": "^15.6.0",
+		"@atlaskit/modal-dialog": "^14.10.0",
+		"@atlaskit/navigation-system": "^5.27.0",
 		"@atlaskit/popup": "^4.13.0",
-		"@atlaskit/primitives": "^17.0.0",
+		"@atlaskit/primitives": "^17.1.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,15 +45,17 @@
 		"@atlaskit/tile": "^1.0.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
-		"@babel/runtime": "^7.0.0"
+		"@atlaskit/tooltip": "^20.14.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"@emotion/serialize": "^1.1.0"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.0",
-		"@atlassian/forge-ui": "^32.64.0",
+		"@atlassian/forge-ui": "^32.68.0",
 		"@types/node": "~22.17.1",
 		"lodash": "^4.17.21",
 		"react": "^18.2.0",

package/scripts/codegen/codeGenerator.ts

@@ -9,6 +9,7 @@ import {
 	type VariableDeclaration,
 	SyntaxKind,
 	Node,
+	Project,
 } from 'ts-morph';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import kebabCase from 'lodash/kebabCase';
@@ -184,29 +185,41 @@ class ImportDeclarationProxy implements IImportDeclaration {
 
 	public getText() {
 		const code = this.base.getText();
-		const match = code.match(/^(import |import type ){(.+)} from ['"](.+)['"];$/);
+		
+		const match = code.match(/^(import(?:\s+type)?)\s+(?:(\w+)\s*,?\s*)?(?:\{([^}]*)\})?\s*from\s*['"](.+)['"];?$/);
 		if (!match) {
 			return this.base.getText();
 		}
-		let [_, importStatement, importedNames, packageName] = match;
-		let importedNamesList = importedNames
-			.trim()
-			.split(',')
-			.map((text) => text.trim());
-
-		if (isSharedUIKit2TypesImport(this.base)) {
-			// Map shared UIKit type imports to types.codegen
-			packageName = './types.codegen';
-		}
+		
+		let [_, importKeyword, defaultImport, namedImportsStr, packageName] = match;
+		
+		let namedImportsList = namedImportsStr
+			? namedImportsStr.trim().split(',').map((text) => text.trim()).filter(Boolean)
+			: [];
+
 
 		if (this.removedNamedImports.size > 0) {
-			importedNamesList = importedNamesList.filter((text) => !this.removedNamedImports.has(text));
+			namedImportsList = namedImportsList.filter((text) => !this.removedNamedImports.has(text));
 		}
 		if (this.addedNamedImports) {
-			importedNamesList = Array.from(new Set([...importedNamesList, ...this.addedNamedImports]));
+			namedImportsList = Array.from(new Set([...namedImportsList, ...this.addedNamedImports]));
+		}
+		
+		// Build the import statement
+		const parts: string[] = [];
+		if (defaultImport) {
+			parts.push(defaultImport);
+		}
+		if (namedImportsList.length > 0) {
+			parts.push(`{ ${namedImportsList.sort().join(', ')} }`);
 		}
-		importedNames = importedNamesList.sort().join(', ');
-		return `${importStatement}{ ${importedNames} } from '${packageName}';`;
+		
+		// If no imports left, don't output anything
+		if (parts.length === 0) {
+			return '';
+		}
+		
+		return `${importKeyword} ${parts.join(', ')} from '${packageName}';`;
 	}
 }
 
@@ -254,6 +267,131 @@ const isSharedUIKit2TypesImport = (importDeclaration: ImportDeclaration) => {
 	);
 };
 
+// Check if a module specifier points to the tokens.partial file
+const isTokensPartialImport = (moduleSpecifier: string): boolean =>
+	moduleSpecifier.includes('tokens.partial') || moduleSpecifier.includes('UIKit/tokens');
+
+// Merge multiple import statements from the same module into one
+// Rewrite module paths for codegen output
+const rewriteModulePath = (module: string): string => {
+	if (isTokensPartialImport(module)) {
+		return './tokens.codegen';
+	}
+	// Rewrite UIKit/types imports to types.codegen
+	if (module.charAt(0) === '.' && module.includes('/types')) {
+		return './types.codegen';
+	}
+	return module;
+};
+
+const mergeImportsFromSameModule = (code: string): string => {
+	const project = new Project({ useInMemoryFileSystem: true });
+	const tempFile = project.createSourceFile('temp.ts', code);
+
+	// Track imports by module specifier
+	interface ModuleImports {
+		typeOnly: Set<string>;
+		regular: Set<string>;
+		defaultImport?: string;
+		namespaceImport?: string;
+		isTypeOnly: boolean;
+	}
+	const importsByModule = new Map<string, ModuleImports>();
+
+	for (const importDecl of tempFile.getImportDeclarations()) {
+		const rawModule = importDecl.getModuleSpecifierValue();
+		const module = rewriteModulePath(rawModule);
+		const isTypeOnly = importDecl.isTypeOnly();
+
+		if (!importsByModule.has(module)) {
+			importsByModule.set(module, { typeOnly: new Set(), regular: new Set(), isTypeOnly: false });
+		}
+
+		const moduleImports = importsByModule.get(module)!;
+
+		// Handle default import: import React from 'react'
+		const defaultImport = importDecl.getDefaultImport();
+		if (defaultImport) {
+			moduleImports.defaultImport = defaultImport.getText();
+		}
+
+		// Handle namespace import: import * as CSS from 'csstype'
+		const namespaceImport = importDecl.getNamespaceImport();
+		if (namespaceImport) {
+			moduleImports.namespaceImport = namespaceImport.getText();
+			if (isTypeOnly) {
+				moduleImports.isTypeOnly = true;
+			}
+		}
+
+		// Handle named imports
+		for (const namedImport of importDecl.getNamedImports()) {
+			const name = namedImport.getName();
+			const alias = namedImport.getAliasNode()?.getText();
+			const importText = alias ? `${name} as ${alias}` : name;
+			const isNamedTypeOnly = namedImport.isTypeOnly();
+
+			if (isTypeOnly || isNamedTypeOnly) {
+				moduleImports.typeOnly.add(importText);
+			} else {
+				moduleImports.regular.add(importText);
+			}
+		}
+
+		importDecl.remove();
+	}
+
+	// Add merged imports back
+	for (const [module, { typeOnly, regular, defaultImport, namespaceImport, isTypeOnly }] of importsByModule) {
+		// Handle namespace imports separately (can't be combined with named imports)
+		if (namespaceImport) {
+			tempFile.addImportDeclaration({
+				moduleSpecifier: module,
+				namespaceImport: namespaceImport,
+				isTypeOnly: isTypeOnly,
+			});
+			continue;
+		}
+
+		const allImports: string[] = [];
+
+		// Add type-only imports with `type` prefix
+		for (const imp of typeOnly) {
+			if (!regular.has(imp)) {
+				allImports.push(`type ${imp}`);
+			} else {
+				// If it's in both, keep it as regular (value import)
+				allImports.push(imp);
+			}
+		}
+
+		// Add regular imports
+		for (const imp of regular) {
+			if (!typeOnly.has(imp)) {
+				allImports.push(imp);
+			}
+		}
+
+		if (allImports.length > 0 || defaultImport) {
+			tempFile.addImportDeclaration({
+				moduleSpecifier: module,
+				defaultImport: defaultImport,
+				namedImports: allImports.length > 0 ? allImports : undefined,
+			});
+		}
+	}
+
+	return tempFile.getFullText();
+};
+
+
+// handles imports from platform/packages/forge/forge-ui/src/components/UIKit/tokens.partial.tsx
+// (can be type-only imports OR mixed value/type imports)
+const isSharedUIKit2TokensImport = (importDeclaration: ImportDeclaration) => {
+	const moduleSpecifier = importDeclaration.getModuleSpecifierValue();
+	return moduleSpecifier.charAt(0) === '.' && isTokensPartialImport(moduleSpecifier);
+};
+
 const extractImportDeclarations = (
 	sourceFile: SourceFile,
 	componentPropSymbol: Symbol,
@@ -273,11 +411,12 @@ const extractImportDeclarations = (
 			// only keep dependencies from
 			// - @atlaskit
 			// - react
-			// - or '../../types'
+			// - or shared UIKit types/tokens files
 			return (
 				moduleSpecifier.startsWith('@atlaskit/') ||
 				moduleSpecifier === 'react' ||
-				isSharedUIKit2TypesImport(declaration)
+				isSharedUIKit2TypesImport(declaration) ||
+				isSharedUIKit2TokensImport(declaration)
 			);
 		})
 		.reduce<ImportDeclarationProxy[]>((declarations, declaration) => {
@@ -866,8 +1005,12 @@ const extractImportsForVariables = (
 
 	for (const importDecl of imports) {
 		const moduleSpecifier = importDecl.getModuleSpecifierValue();
-		// Only extract imports from @atlaskit packages (not local imports)
-		if (moduleSpecifier.startsWith('@atlaskit/')) {
+		
+		// Handle imports from @atlaskit packages or tokens.partial file
+		const isAtlaskitImport = moduleSpecifier.startsWith('@atlaskit/');
+		const isTokensImport = isTokensPartialImport(moduleSpecifier);
+		
+		if (isAtlaskitImport || isTokensImport) {
 			const namedImports = importDecl.getNamedImports();
 			const isTypeOnlyImport = importDecl.isTypeOnly();
 
@@ -894,16 +1037,15 @@ const extractImportsForVariables = (
 
 			// If any imports are used, create an import statement
 			if (usedNamedImports.length > 0 || usedTypeImports.length > 0) {
-				const importParts: string[] = [];
-				if (usedTypeImports.length > 0) {
-					importParts.push(`type { ${usedTypeImports.join(', ')} }`);
-				}
-				if (usedNamedImports.length > 0) {
-					importParts.push(`{ ${usedNamedImports.join(', ')} }`);
-				}
-				if (importParts.length > 0) {
-					importDeclarations.push(`import ${importParts.join(', ')} from '${moduleSpecifier}';`);
-				}
+				// Rewrite tokens.partial imports to tokens.codegen
+				const targetModule = isTokensImport ? './tokens.codegen' : moduleSpecifier;
+				
+				// Combine type and value imports into a single { } block
+				const allImports: string[] = [
+					...usedTypeImports.map((name) => `type ${name}`),
+					...usedNamedImports,
+				];
+				importDeclarations.push(`import { ${allImports.join(', ')} } from '${targetModule}';`);
 			}
 		}
 	}
@@ -948,6 +1090,7 @@ const handleXCSSProp: CodeConsolidator = ({
 		const xcssValidatorDeclarationCode = utilsFile.getEmitOutput({
 			emitOnlyDtsFiles: true,
 		}).compilerObject.outputFiles[0].text;
+		
 		const xcssValidatorVariableDeclarationCode = [
 			xcssValidatorDeclarationCode,
 			variableImportsCode,
@@ -958,7 +1101,7 @@ const handleXCSSProp: CodeConsolidator = ({
 			.filter((code) => !!code)
 			.join('\n');
 
-		return [
+		const allCode = [
 			'/* eslint @repo/internal/codegen/signed-source-integrity: "warn" */\n/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */',
 			importCode,
 			xcssValidatorVariableDeclarationCode,
@@ -969,6 +1112,9 @@ const handleXCSSProp: CodeConsolidator = ({
 		]
 			.filter((code) => !!code)
 			.join('\n\n');
+		
+		// Merge duplicate imports from the same module (e.g., multiple tokens.codegen imports)
+		return mergeImportsFromSameModule(allCode);
 	} finally {
 		sourceFile.getProject().removeSourceFile(utilsFile);
 	}

package/scripts/codegen/componentPropTypes.ts

@@ -201,6 +201,31 @@ const generateSharedTypesFile = (componentOutputDir: string) => {
 	fs.writeFileSync(typesFilePath, signedSourceCode);
 };
 
+/**
+ * This copies the tokens file from UIKit to __generated__ folder.
+ * The tokens file contains design token maps used by xcss components.
+ */
+const generateSharedTokensFile = (componentOutputDir: string) => {
+	// eslint-disable-next-line no-console
+	console.log('Generating shared tokens file');
+
+	const uiKitTokensFile = require.resolve('@atlassian/forge-ui/UIKit/tokens');
+
+	const signedSourceCode = createSignedArtifact(
+		fs.readFileSync(uiKitTokensFile, 'utf8'),
+		'yarn workspace @atlaskit/forge-react-types codegen',
+		{
+			description:
+				'Shared tokens file for UI Kit components. Contains design token maps for xcss support. Source: `packages/forge/forge-ui/src/components/UIKit/tokens.partial.tsx`',
+			dependencies: [uiKitTokensFile],
+			outputFolder: componentOutputDir,
+		},
+	);
+
+	const tokensFilePath = resolve(componentOutputDir, 'tokens.codegen.tsx');
+	fs.writeFileSync(tokensFilePath, signedSourceCode);
+};
+
 const generateComponentPropTypes = (componentNames?: string) => {
 	const componentOutputDir = resolve(__dirname, '..', '..', 'src', 'components', '__generated__');
 	const componentIndexSourceFile = forgeUIProject.addSourceFileAtPath(
@@ -223,6 +248,7 @@ const generateComponentPropTypes = (componentNames?: string) => {
 
 		// generate shared files first
 		generateSharedTypesFile(componentOutputDir);
+		generateSharedTokensFile(componentOutputDir);
 
 		generateComponentPropTypeSourceFiles(componentOutputDir, componentPropTypeSymbols);
 

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

@@ -3,19 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::5713a45f955f5850078204892e910b64>>
+ * @codegen <<SignedSource::653f98d927e1ec1646db39eca8e994fb>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::8875ae64ad6c03e0827dd8f8a893ac04>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
+import React from "react";
+import { type BackgroundColor, type Space, type MediaQuery, type BorderRadius, tokensMap } from "./tokens.codegen";
+import type * as CSS from "csstype";
+import { type SerializedStyles, type CSSObject } from "@emotion/serialize";
 
-import React from 'react';
-import type { Box as PlatformBox } from '@atlaskit/primitives';
-
-import type * as CSS from 'csstype';
-import type { MediaQuery } from '@atlaskit/primitives';
-import { tokensMap } from '@atlaskit/primitives';
 type CSSProperties = CSS.PropertiesFallback<number | string>;
 type TokensMap = typeof tokensMap;
 type TokensMapPropKey = keyof TokensMap;
@@ -67,8 +65,16 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
 } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined; }>;
 export { makeXCSSValidator };
 export type { SafeCSSObject };
-
-import type { BorderRadius } from '@atlaskit/primitives';
+/**
+ * Generates SerializedStyles from xcss style object.
+ *
+ * Previously we used `&&` specificity hack to ensure Emotion xcss styles could
+ * override Compiled styles when wrapping @atlaskit/primitives/compiled components.
+ *
+ * Now that components like Box and Pressable are reimplemented entirely in Emotion,
+ * we no longer need the specificity increase - Emotion merges styles in array order (last wins).
+ */
+export declare function generateXcss(styleObj: CSSObject): SerializedStyles;
 const borderRadiusTokens: BorderRadius[] = [
 	'radius.xsmall',
 	'radius.small',
@@ -78,7 +84,10 @@ const borderRadiusTokens: BorderRadius[] = [
 	'radius.full',
 	'radius.tile',
 ];
-const borderRadiusSupportedValues = [...borderRadiusTokens, 'border.radius'] as unknown as Array<BorderRadius>;
+const borderRadiusSupportedValues = [
+	...borderRadiusTokens,
+	'border.radius',
+] as unknown as Array<BorderRadius>;
 const xcssValidator = makeXCSSValidator({
 	// text related props
 	textAlign: {
@@ -205,9 +214,7 @@ const xcssValidator = makeXCSSValidator({
 });
 type XCSSProp = ReturnType<typeof xcssValidator>;
 
-type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
-
-export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
+export type BoxProps = {
 	/**
 	 * A token alias for background color. See: [Design tokens](https://atlassian.design/components/tokens/all-tokens)
 	 * for a list of available colors.
@@ -217,68 +224,75 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
 	 *
 	 * @type [Background color tokens](https://atlassian.design/components/tokens/all-tokens#color-background)
 	 */
-	backgroundColor?: PlatformBoxProps['backgroundColor'];
+	backgroundColor?: BackgroundColor;
 
 	/**
 	 * @type ForgeComponent
 	 */
-	children?: PlatformBoxProps['children'];
+	children?: React.ReactNode;
 
 	/**
 	 * A shorthand for `paddingBlock` and `paddingInline` together.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	padding?: PlatformBoxProps['padding'];
+	padding?: Space;
 
 	/**
 	 * The logical block start and end padding of an element.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	paddingBlock?: PlatformBoxProps['paddingBlock'];
+	paddingBlock?: Space;
 
 	/**
 	 * The logical block end padding of an element.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	paddingBlockEnd?: PlatformBoxProps['paddingBlockEnd'];
+	paddingBlockEnd?: Space;
 
 	/**
 	 * The logical block start padding of an element.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	paddingBlockStart?: PlatformBoxProps['paddingBlockStart'];
+	paddingBlockStart?: Space;
 
 	/**
 	 * The logical inline start and end padding of an element.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	paddingInline?: PlatformBoxProps['paddingInline'];
+	paddingInline?: Space;
 
 	/**
 	 * The logical inline end padding of an element.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	paddingInlineEnd?: PlatformBoxProps['paddingInlineEnd'];
+	paddingInlineEnd?: Space;
 
 	/**
 	 * The logical inline start padding of an element.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	paddingInlineStart?: PlatformBoxProps['paddingInlineStart'];
+	paddingInlineStart?: Space;
 
 	/**
 	 * Accessible role.
 	 *
 	 * @type string
 	 */
-	role?: PlatformBoxProps['role'];
+	role?: string;
+
+	/**
+	 * Test ID for the box.
+	 *
+	 * @type string
+	 */
+	testId?: string;
 
 	/**
 	 * Apply a subset of permitted styles, powered by Atlassian Design System tokens.

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

@@ -3,14 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonGroupProps
  *
- * @codegen <<SignedSource::1961536cd507ac4a052deeb8743f1267>>
+ * @codegen <<SignedSource::17e4c7b27bf25505bd192e44f0bc3c37>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/button-group.partial.tsx <<SignedSource::83622155981d05f77224a32bab4969b5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/button-group.partial.tsx <<SignedSource::425feaa78f4ad0ff0373e9e49718c6f9>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
-import type { ButtonGroupProps as PlatformButtonGroupProps } from '@atlaskit/button';
-import type { ButtonProps } from '@atlaskit/button';
+import type { ButtonGroupProps as PlatformButtonGroupProps, ButtonProps } from '@atlaskit/button';
 
 export type ButtonGroupProps = Pick<
 	PlatformButtonGroupProps,

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

@@ -670,7 +670,7 @@ export type IconReplaced =
 	| 'world'
 	| 'world-small';
 
-type Glyph = IconNext | IconRemoved | IconReplaced;
+type Glyph = IconNext | IconReplaced;
 export type IconColor = Extract<ActiveTokens, `color.${string}`>;
 
 export type IconProps = {
@@ -705,4 +705,4 @@ export type IconProps = {
  *
  * @see [Icon](https://developer.atlassian.com/platform/forge/ui-kit/components/icon/) in UI Kit documentation for more information
  */
-export type TIcon<T> = (props: IconProps) => T;
+export type TIcon<T> = (props: IconProps) => T;