@atlaskit/forge-react-types 0.42.6 → 0.42.8

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/forge-react-types
 
+## 0.42.8
+
+### Patch Changes
+
+- [#183733](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183733)
+  [`a0bd63639d169`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a0bd63639d169) -
+  Fix types for code and codeblock components
+
+## 0.42.7
+
+### Patch Changes
+
+- [#183155](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183155)
+  [`0da1030d5f383`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0da1030d5f383) -
+  Remove @atlaskit/code dependency from @atlaskit/forge-react-types
+
 ## 0.42.6
 
 ### Patch Changes

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

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

package/dist/es2019/components/__generated__/CodeBlockProps.codegen.js

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

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

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

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

@@ -3,13 +3,11 @@
  *
  * Extract component prop types from UIKit 2 components - BadgeProps
  *
- * @codegen <<SignedSource::c3ed8f1b656c7e1c4a9aad0919de3f7d>>
+ * @codegen <<SignedSource::70958e2a60c7a0e1b3443db2d24003cc>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/badge/__generated__/index.partial.tsx <<SignedSource::89ad3341c1b8ef4b6fc93df162ac91d3>>
  */
 import React from 'react';
-import PlatformBadge from '@atlaskit/badge';
-type _PlatformBadgeProps = React.ComponentProps<typeof PlatformBadge>;
 export type PlatformBadgeProps = Omit<_PlatformBadgeProps, 'children'> & {
     /**
      * The value displayed within the badge. A badge should only be used in cases where you want to represent a number. Use a lozenge for non-numeric information.
@@ -18,6 +16,28 @@ export type PlatformBadgeProps = Omit<_PlatformBadgeProps, 'children'> & {
      */
     children?: _PlatformBadgeProps['children'];
 };
+type _PlatformBadgeProps = {
+    /**
+       * Affects the visual style of the badge.
+       */
+    appearance?: 'added' | 'default' | 'important' | 'primary' | 'primaryInverted' | 'removed';
+    /**
+   * The value displayed within the badge. A badge should only be used in cases where you want to represent a number. Use a lozenge for non-numeric information.
+   *
+   * @type string | number
+   */
+    children?: React.ReactNode;
+    /**
+       * The maximum value to display. Defaults to `99`. If the value is 100, and max is 50, "50+" will be displayed.
+       * This value should be greater than 0. If set to `false` the original value will be displayed regardless of
+       * whether it is larger than the default maximum value.
+       */
+    max?: number | false;
+    /**
+       * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+       */
+    testId?: string;
+};
 export type BadgeProps = Pick<PlatformBadgeProps, 'appearance' | 'children' | 'max' | 'testId'>;
 /**
  * A badge is a visual indicator for numeric values such as tallies and scores.

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

@@ -3,13 +3,60 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::8ab4ed1e38d2bd1f9ceafe4cbc20f97d>>
+ * @codegen <<SignedSource::65085e024d4b564b666c598596566f73>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::88ed38fdfc47db0938e7801195a00403>>
  */
-import React from 'react';
-import { CodeBlock as PlatformCodeBlock } from '@atlaskit/code';
-type PlatformCodeBlockProps = React.ComponentProps<typeof PlatformCodeBlock>;
+type PlatformCodeBlockProps = {
+    /**
+       * The code to be formatted.
+       */
+    text: string;
+    /**
+       * A unique string that appears as a data attribute `data-testid` in the
+       * rendered code. Serves as a hook for automated tests.
+       */
+    testId?: string;
+    /**
+       *  Sets whether to display code line numbers or not.
+       *  @default true
+       */
+    showLineNumbers?: boolean;
+    /**
+       * Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
+       * `design-system/code`. Run against language grammars from PrismJS (full list
+       * available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
+       *
+       * When set to "text" will not perform highlighting. If unsupported language
+       * provided - code will be treated as "text" with no highlighting.
+       *
+       * @default 'text'
+       */
+    language?: 'text' | 'PHP' | 'php' | 'php3' | 'php4' | 'php5' | 'Java' | 'java' | 'CSharp' | 'csharp' | 'c#' | 'Python' | 'python' | 'py' | 'JavaScript' | 'javascript' | 'js' | 'Html' | 'html' | 'xml' | 'C++' | 'c++' | 'cpp' | 'clike' | 'Ruby' | 'ruby' | 'rb' | 'duby' | 'Objective-C' | 'objective-c' | 'objectivec' | 'obj-c' | 'objc' | 'C' | 'c' | 'Swift' | 'swift' | 'TeX' | 'tex' | 'latex' | 'Shell' | 'shell' | 'bash' | 'sh' | 'ksh' | 'zsh' | 'Scala' | 'scala' | 'Go' | 'go' | 'ActionScript' | 'actionscript' | 'actionscript3' | 'as' | 'ColdFusion' | 'coldfusion' | 'JavaFX' | 'javafx' | 'jfx' | 'VbNet' | 'vbnet' | 'vb.net' | 'vfp' | 'clipper' | 'xbase' | 'JSON' | 'json' | 'MATLAB' | 'matlab' | 'Groovy' | 'groovy' | 'SQL' | 'sql' | 'postgresql' | 'postgres' | 'plpgsql' | 'psql' | 'postgresql-console' | 'postgres-console' | 'tsql' | 't-sql' | 'mysql' | 'sqlite' | 'R' | 'r' | 'Perl' | 'perl' | 'pl' | 'Lua' | 'lua' | 'Pascal' | 'pas' | 'pascal' | 'objectpascal' | 'delphi' | 'XML' | 'TypeScript' | 'typescript' | 'ts' | 'CoffeeScript' | 'coffeescript' | 'coffee-script' | 'coffee' | 'Haskell' | 'haskell' | 'hs' | 'Puppet' | 'puppet' | 'Arduino' | 'arduino' | 'Fortran' | 'fortran' | 'Erlang' | 'erlang' | 'erl' | 'PowerShell' | 'powershell' | 'posh' | 'ps1' | 'psm1' | 'Haxe' | 'haxe' | 'hx' | 'hxsl' | 'Elixir' | 'elixir' | 'ex' | 'exs' | 'Verilog' | 'verilog' | 'v' | 'Rust' | 'rust' | 'VHDL' | 'vhdl' | 'Sass' | 'sass' | 'OCaml' | 'ocaml' | 'Dart' | 'dart' | 'CSS' | 'css' | 'reStructuredText' | 'restructuredtext' | 'rst' | 'rest' | 'Kotlin' | 'kotlin' | 'D' | 'd' | 'Octave' | 'octave' | 'QML' | 'qbs' | 'qml' | 'Prolog' | 'prolog' | 'FoxPro' | 'foxpro' | 'purebasic' | 'Scheme' | 'scheme' | 'scm' | 'CUDA' | 'cuda' | 'cu' | 'Julia' | 'julia' | 'jl' | 'Racket' | 'racket' | 'rkt' | 'Ada' | 'ada' | 'ada95' | 'ada2005' | 'Tcl' | 'tcl' | 'Mathematica' | 'mathematica' | 'mma' | 'nb' | 'Autoit' | 'autoit' | 'StandardML' | 'standardmL' | 'sml' | 'standardml' | 'Objective-J' | 'objective-j' | 'objectivej' | 'obj-j' | 'objj' | 'Smalltalk' | 'smalltalk' | 'squeak' | 'st' | 'Vala' | 'vala' | 'vapi' | 'LiveScript' | 'livescript' | 'live-script' | 'XQuery' | 'xquery' | 'xqy' | 'xq' | 'xql' | 'xqm' | 'PlainText' | 'plaintext' | 'Yaml' | 'yaml' | 'yml' | 'GraphQL' | 'graphql' | 'AppleScript' | 'applescript' | 'Clojure' | 'clojure' | 'Diff' | 'diff' | 'VisualBasic' | 'visualbasic' | 'JSX' | 'jsx' | 'TSX' | 'tsx' | 'SplunkSPL' | 'splunk-spl' | 'Dockerfile' | 'docker' | 'dockerfile' | 'HCL' | 'hcl' | 'terraform' | 'NGINX' | 'nginx' | 'Protocol Buffers' | 'protobuf' | 'proto' | 'Handlebars' | 'handlebars' | 'mustache' | 'Gherkin' | 'gherkin' | 'cucumber' | 'ABAP' | 'abap';
+    /**
+       * Comma delimited lines to highlight.
+       *
+       * Example uses:
+       * - To highlight one line `highlight="3"`
+       * - To highlight a group of lines `highlight="1-5"`
+       * - To highlight multiple groups `highlight="1-5,7,10,15-20"`
+       */
+    highlight?: string;
+    /**
+       * Screen reader text for the start of a highlighted line.
+       */
+    highlightedStartText?: string;
+    /**
+       * Screen reader text for the end of a highlighted line.
+       */
+    highlightedEndText?: string;
+    /**
+       * Sets whether long lines will create a horizontally scrolling container.
+       * When set to `true`, these lines will visually wrap instead.
+       * @default false
+       */
+    shouldWrapLongLines?: boolean;
+};
 export type CodeBlockProps = Pick<PlatformCodeBlockProps, 'text' | 'testId' | 'showLineNumbers' | 'language' | 'highlight' | 'highlightedStartText' | 'highlightedEndText' | 'shouldWrapLongLines'>;
 /**
  * Code highlights short strings of code snippets inline with body text.

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

@@ -3,13 +3,22 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::baf6b565e34d8df53db53b8855ec120d>>
+ * @codegen <<SignedSource::e915d32433441373892842df5cce597e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/code.partial.tsx <<SignedSource::6f210b052488fe7ece12d865706a551e>>
  */
 import React from 'react';
-import { Code as PlatformCode } from '@atlaskit/code';
-type PlatformCodeProps = React.ComponentProps<typeof PlatformCode>;
+type PlatformCodeProps = {
+    /**
+       * A unique string that appears as a data attribute `data-testid`
+       * in the rendered code. Serves as a hook for automated tests.
+       */
+    testId?: string;
+    /**
+       * Content to be rendered in the inline code block.
+       */
+    children?: React.ReactNode;
+};
 export type CodeProps = Pick<PlatformCodeProps, 'children' | 'testId'>;
 /**
  * Code highlights short strings of code snippets inline with body text.

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

@@ -3,13 +3,11 @@
  *
  * Extract component prop types from UIKit 2 components - BadgeProps
  *
- * @codegen <<SignedSource::c3ed8f1b656c7e1c4a9aad0919de3f7d>>
+ * @codegen <<SignedSource::70958e2a60c7a0e1b3443db2d24003cc>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/badge/__generated__/index.partial.tsx <<SignedSource::89ad3341c1b8ef4b6fc93df162ac91d3>>
  */
 import React from 'react';
-import PlatformBadge from '@atlaskit/badge';
-type _PlatformBadgeProps = React.ComponentProps<typeof PlatformBadge>;
 export type PlatformBadgeProps = Omit<_PlatformBadgeProps, 'children'> & {
     /**
      * The value displayed within the badge. A badge should only be used in cases where you want to represent a number. Use a lozenge for non-numeric information.
@@ -18,6 +16,28 @@ export type PlatformBadgeProps = Omit<_PlatformBadgeProps, 'children'> & {
      */
     children?: _PlatformBadgeProps['children'];
 };
+type _PlatformBadgeProps = {
+    /**
+       * Affects the visual style of the badge.
+       */
+    appearance?: 'added' | 'default' | 'important' | 'primary' | 'primaryInverted' | 'removed';
+    /**
+   * The value displayed within the badge. A badge should only be used in cases where you want to represent a number. Use a lozenge for non-numeric information.
+   *
+   * @type string | number
+   */
+    children?: React.ReactNode;
+    /**
+       * The maximum value to display. Defaults to `99`. If the value is 100, and max is 50, "50+" will be displayed.
+       * This value should be greater than 0. If set to `false` the original value will be displayed regardless of
+       * whether it is larger than the default maximum value.
+       */
+    max?: number | false;
+    /**
+       * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+       */
+    testId?: string;
+};
 export type BadgeProps = Pick<PlatformBadgeProps, 'appearance' | 'children' | 'max' | 'testId'>;
 /**
  * A badge is a visual indicator for numeric values such as tallies and scores.

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

@@ -3,13 +3,60 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::8ab4ed1e38d2bd1f9ceafe4cbc20f97d>>
+ * @codegen <<SignedSource::65085e024d4b564b666c598596566f73>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::88ed38fdfc47db0938e7801195a00403>>
  */
-import React from 'react';
-import { CodeBlock as PlatformCodeBlock } from '@atlaskit/code';
-type PlatformCodeBlockProps = React.ComponentProps<typeof PlatformCodeBlock>;
+type PlatformCodeBlockProps = {
+    /**
+       * The code to be formatted.
+       */
+    text: string;
+    /**
+       * A unique string that appears as a data attribute `data-testid` in the
+       * rendered code. Serves as a hook for automated tests.
+       */
+    testId?: string;
+    /**
+       *  Sets whether to display code line numbers or not.
+       *  @default true
+       */
+    showLineNumbers?: boolean;
+    /**
+       * Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
+       * `design-system/code`. Run against language grammars from PrismJS (full list
+       * available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
+       *
+       * When set to "text" will not perform highlighting. If unsupported language
+       * provided - code will be treated as "text" with no highlighting.
+       *
+       * @default 'text'
+       */
+    language?: 'text' | 'PHP' | 'php' | 'php3' | 'php4' | 'php5' | 'Java' | 'java' | 'CSharp' | 'csharp' | 'c#' | 'Python' | 'python' | 'py' | 'JavaScript' | 'javascript' | 'js' | 'Html' | 'html' | 'xml' | 'C++' | 'c++' | 'cpp' | 'clike' | 'Ruby' | 'ruby' | 'rb' | 'duby' | 'Objective-C' | 'objective-c' | 'objectivec' | 'obj-c' | 'objc' | 'C' | 'c' | 'Swift' | 'swift' | 'TeX' | 'tex' | 'latex' | 'Shell' | 'shell' | 'bash' | 'sh' | 'ksh' | 'zsh' | 'Scala' | 'scala' | 'Go' | 'go' | 'ActionScript' | 'actionscript' | 'actionscript3' | 'as' | 'ColdFusion' | 'coldfusion' | 'JavaFX' | 'javafx' | 'jfx' | 'VbNet' | 'vbnet' | 'vb.net' | 'vfp' | 'clipper' | 'xbase' | 'JSON' | 'json' | 'MATLAB' | 'matlab' | 'Groovy' | 'groovy' | 'SQL' | 'sql' | 'postgresql' | 'postgres' | 'plpgsql' | 'psql' | 'postgresql-console' | 'postgres-console' | 'tsql' | 't-sql' | 'mysql' | 'sqlite' | 'R' | 'r' | 'Perl' | 'perl' | 'pl' | 'Lua' | 'lua' | 'Pascal' | 'pas' | 'pascal' | 'objectpascal' | 'delphi' | 'XML' | 'TypeScript' | 'typescript' | 'ts' | 'CoffeeScript' | 'coffeescript' | 'coffee-script' | 'coffee' | 'Haskell' | 'haskell' | 'hs' | 'Puppet' | 'puppet' | 'Arduino' | 'arduino' | 'Fortran' | 'fortran' | 'Erlang' | 'erlang' | 'erl' | 'PowerShell' | 'powershell' | 'posh' | 'ps1' | 'psm1' | 'Haxe' | 'haxe' | 'hx' | 'hxsl' | 'Elixir' | 'elixir' | 'ex' | 'exs' | 'Verilog' | 'verilog' | 'v' | 'Rust' | 'rust' | 'VHDL' | 'vhdl' | 'Sass' | 'sass' | 'OCaml' | 'ocaml' | 'Dart' | 'dart' | 'CSS' | 'css' | 'reStructuredText' | 'restructuredtext' | 'rst' | 'rest' | 'Kotlin' | 'kotlin' | 'D' | 'd' | 'Octave' | 'octave' | 'QML' | 'qbs' | 'qml' | 'Prolog' | 'prolog' | 'FoxPro' | 'foxpro' | 'purebasic' | 'Scheme' | 'scheme' | 'scm' | 'CUDA' | 'cuda' | 'cu' | 'Julia' | 'julia' | 'jl' | 'Racket' | 'racket' | 'rkt' | 'Ada' | 'ada' | 'ada95' | 'ada2005' | 'Tcl' | 'tcl' | 'Mathematica' | 'mathematica' | 'mma' | 'nb' | 'Autoit' | 'autoit' | 'StandardML' | 'standardmL' | 'sml' | 'standardml' | 'Objective-J' | 'objective-j' | 'objectivej' | 'obj-j' | 'objj' | 'Smalltalk' | 'smalltalk' | 'squeak' | 'st' | 'Vala' | 'vala' | 'vapi' | 'LiveScript' | 'livescript' | 'live-script' | 'XQuery' | 'xquery' | 'xqy' | 'xq' | 'xql' | 'xqm' | 'PlainText' | 'plaintext' | 'Yaml' | 'yaml' | 'yml' | 'GraphQL' | 'graphql' | 'AppleScript' | 'applescript' | 'Clojure' | 'clojure' | 'Diff' | 'diff' | 'VisualBasic' | 'visualbasic' | 'JSX' | 'jsx' | 'TSX' | 'tsx' | 'SplunkSPL' | 'splunk-spl' | 'Dockerfile' | 'docker' | 'dockerfile' | 'HCL' | 'hcl' | 'terraform' | 'NGINX' | 'nginx' | 'Protocol Buffers' | 'protobuf' | 'proto' | 'Handlebars' | 'handlebars' | 'mustache' | 'Gherkin' | 'gherkin' | 'cucumber' | 'ABAP' | 'abap';
+    /**
+       * Comma delimited lines to highlight.
+       *
+       * Example uses:
+       * - To highlight one line `highlight="3"`
+       * - To highlight a group of lines `highlight="1-5"`
+       * - To highlight multiple groups `highlight="1-5,7,10,15-20"`
+       */
+    highlight?: string;
+    /**
+       * Screen reader text for the start of a highlighted line.
+       */
+    highlightedStartText?: string;
+    /**
+       * Screen reader text for the end of a highlighted line.
+       */
+    highlightedEndText?: string;
+    /**
+       * Sets whether long lines will create a horizontally scrolling container.
+       * When set to `true`, these lines will visually wrap instead.
+       * @default false
+       */
+    shouldWrapLongLines?: boolean;
+};
 export type CodeBlockProps = Pick<PlatformCodeBlockProps, 'text' | 'testId' | 'showLineNumbers' | 'language' | 'highlight' | 'highlightedStartText' | 'highlightedEndText' | 'shouldWrapLongLines'>;
 /**
  * Code highlights short strings of code snippets inline with body text.

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

@@ -3,13 +3,22 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::baf6b565e34d8df53db53b8855ec120d>>
+ * @codegen <<SignedSource::e915d32433441373892842df5cce597e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/code.partial.tsx <<SignedSource::6f210b052488fe7ece12d865706a551e>>
  */
 import React from 'react';
-import { Code as PlatformCode } from '@atlaskit/code';
-type PlatformCodeProps = React.ComponentProps<typeof PlatformCode>;
+type PlatformCodeProps = {
+    /**
+       * A unique string that appears as a data attribute `data-testid`
+       * in the rendered code. Serves as a hook for automated tests.
+       */
+    testId?: string;
+    /**
+       * Content to be rendered in the inline code block.
+       */
+    children?: React.ReactNode;
+};
 export type CodeProps = Pick<PlatformCodeProps, 'children' | 'testId'>;
 /**
  * Code highlights short strings of code snippets inline with body text.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.42.6",
+	"version": "0.42.8",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,18 +24,16 @@
 		"team": "Forge UI"
 	},
 	"dependencies": {
-		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/comment": "^13.0.0",
 		"@atlaskit/datetime-picker": "^17.0.0",
 		"@atlaskit/dynamic-table": "^18.2.0",
 		"@atlaskit/empty-state": "^10.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/inline-edit": "^15.2.0",
+		"@atlaskit/inline-edit": "^15.3.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/popup": "^4.3.0",
@@ -45,7 +43,7 @@
 		"@atlaskit/radio": "^8.1.0",
 		"@atlaskit/range": "^9.1.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^21.0.0",
+		"@atlaskit/select": "^21.1.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/tag": "^14.0.0",
@@ -62,6 +60,7 @@
 	},
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.0",
+		"@atlassian/forge-ui": "^32.24.0",
 		"@types/node": "~20.16.5",
 		"lodash": "^4.17.21",
 		"react": "^18.2.0",
@@ -70,7 +69,8 @@
 		"typescript": "~5.4.2"
 	},
 	"scripts": {
-		"codegen": "ts-node ./scripts/codegen-runner.ts"
+		"codegen": "ts-node ./scripts/codegen-runner.ts",
+		"check-types": "ts-node --type-check ./scripts/typechecker.ts"
 	},
 	"sideEffects": [
 		"*.compiled.css"

package/scripts/codegen/codeGenerator.ts

@@ -8,6 +8,7 @@ import {
 } from 'ts-morph';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import kebabCase from 'lodash/kebabCase';
+import { serializeSymbolType } from './typeSerializer';
 
 const getNames = (symbol: Symbol) => {
 	const name = symbol.getName();
@@ -125,20 +126,39 @@ const isTokenUsed = (token: string, codes: string[]) => {
 	return codes.some((code) => check.test(code));
 };
 
+interface IImportDeclaration {
+	addNamedImport: (namedImport: string) => void;
+	removeNamedImport: (namedImport: string) => void;
+	getText: () => string;
+}
+
 /**
  * implement a custom ImportDeclaration object that allows remove named import
  * and re-generate the modified import statement.
  * This is for solving the edge case raised from DynamicTableProps.
  */
-class ImportDeclarationProxy {
+class ImportDeclarationProxy implements IImportDeclaration {
 	private readonly base: ImportDeclaration;
 
 	private removedNamedImports = new Set<string>();
 
+	private addedNamedImports = new Set<string>();
+
 	constructor(base: ImportDeclaration) {
 		this.base = base;
 	}
 
+	public getBasePackage() {
+		return this.base.getModuleSpecifierValue();
+	}
+
+	public addNamedImport(namedImport: string) {
+		if (this.removedNamedImports.has(namedImport)) {
+			this.removedNamedImports.delete(namedImport);
+		}
+		this.addedNamedImports.add(namedImport);
+	}
+
 	public removeNamedImport(namedImport: string) {
 		const target = this.base
 			.getNamedImports()
@@ -155,22 +175,60 @@ class ImportDeclarationProxy {
 			return this.base.getText();
 		}
 		let [_, importStatement, importedNames, packageName] = match;
-		importedNames = importedNames.trim();
+		let importedNamesList = importedNames
+			.trim()
+			.split(',')
+			.map((text) => text.trim());
 
 		if (isSharedUIKit2TypesImport(this.base)) {
 			packageName = './types.codegen';
 		}
+
 		if (this.removedNamedImports.size > 0) {
-			importedNames = importedNames!
-				.split(',')
-				.map((text) => text.trim())
-				.filter((text) => !this.removedNamedImports.has(text))
-				.join(', ');
+			importedNamesList = importedNamesList.filter((text) => !this.removedNamedImports.has(text));
 		}
+		if (this.addedNamedImports) {
+			importedNamesList = Array.from(new Set([...importedNamesList, ...this.addedNamedImports]));
+		}
+		importedNames = importedNamesList.sort().join(', ');
 		return `${importStatement}{ ${importedNames} } from '${packageName}';`;
 	}
 }
 
+class SimpleImportDeclaration implements IImportDeclaration {
+	private readonly packageName: string;
+
+	private namedImports = new Set<string>();
+
+	private defaultImport?: string;
+
+	constructor(packageName: string, defaultImport?: string) {
+		this.packageName = packageName;
+		this.defaultImport = defaultImport;
+	}
+
+	public addNamedImport(namedImport: string) {
+		this.namedImports.add(namedImport);
+	}
+
+	public removeNamedImport(namedImport: string) {
+		this.namedImports.delete(namedImport);
+	}
+
+	public getText() {
+		if (this.namedImports.size === 0 && !this.defaultImport) {
+			return `import '${this.packageName}';`;
+		}
+		const importedNamesList = Array.from(this.namedImports)
+			.sort()
+			.map((name) => `type ${name}`);
+		const importedNames =
+			importedNamesList.length > 0 ? `{ ${importedNamesList.join(', ')} }` : null;
+		const defaultImport = this.defaultImport ? `${this.defaultImport}` : null;
+		return `import ${[defaultImport, importedNames].filter(Boolean).join(', ')} from '${this.packageName}';`;
+	}
+}
+
 // handles type imports from platform/packages/forge/forge-ui/src/components/UIKit/types.ts
 const isSharedUIKit2TypesImport = (importDeclaration: ImportDeclaration) => {
 	return (
@@ -502,6 +560,134 @@ const baseGenerateComponentPropTypeSourceCode = (
 	});
 };
 
+const registeredExternalTypes: Record<
+	string,
+	{
+		package: string;
+		defaultImport: string;
+	}
+> = {
+	'React.ReactNode': {
+		package: 'react',
+		defaultImport: 'React',
+	},
+};
+
+// consolidate external types into import declarations
+const consolidateImportDeclarations = (
+	importDeclarations: ImportDeclarationProxy[],
+	externalTypes: Set<string>,
+): IImportDeclaration[] => {
+	const declarations: IImportDeclaration[] = [...importDeclarations];
+	externalTypes.forEach((typeName) => {
+		const typePackage = registeredExternalTypes[typeName];
+		if (typePackage) {
+			const existingImport = importDeclarations.find(
+				(declaration) => declaration.getBasePackage() === typePackage.package,
+			);
+			if (existingImport) {
+				existingImport.addNamedImport(typeName);
+			} else {
+				const newImport = new SimpleImportDeclaration(
+					typePackage.package,
+					typePackage.defaultImport,
+				);
+				if (!typeName.startsWith(`${typePackage.defaultImport}.`)) {
+					newImport.addNamedImport(typeName);
+				}
+				declarations.push(newImport);
+			}
+		}
+	});
+	return declarations;
+};
+
+/**
+ * This function implements the new code generation logic for the component prop types.
+ * Instead of referencing to the ADS component prop types, it generates the prop types
+ * by serializing the ADS component prop types. Hence, it remove the dependency on the
+ * ADS components.
+ */
+const generateComponentPropTypeSourceCodeWithSerializedType = (
+	componentPropSymbol: Symbol,
+	sourceFile: SourceFile,
+	customConsolidator?: CodeConsolidator,
+) => {
+	// 1) extract the prop types from the source file
+	const baseComponentPropSymbol = getBaseComponentSymbol(componentPropSymbol, sourceFile);
+
+	// 2) from the prop type code further extract other relevant types in the source file,
+	//    and separate the platform props type declaration from the rest of the dependent types.
+	//    as this will be used to generate the type code.
+	const [dependentTypeDeclarations, platformPropsTypeDeclaration] = getDependentTypeDeclarations(
+		baseComponentPropSymbol,
+		sourceFile,
+	).reduce(
+		(agg, declarations) => {
+			if (declarations.getName().startsWith('_Platform')) {
+				// this is the platform props type declaration, we will use it to generate the type code.
+				// this pattern is used when we need to add custom overrides to the platform props type.
+				agg[1] = declarations;
+			} else if (declarations.getName().startsWith('Platform') && !agg[1]) {
+				// we only use this pattern if _Platform is not used. (this is for cases like Code and CodeBlock)
+				agg[1] = declarations;
+			} else {
+				agg[0].push(declarations);
+			}
+			return agg;
+		},
+		[[] as TypeAliasDeclaration[], null as TypeAliasDeclaration | null],
+	);
+
+	// 3) extract the import statement
+	const importDeclarations = extractImportDeclarations(
+		sourceFile,
+		baseComponentPropSymbol,
+		dependentTypeDeclarations,
+	);
+
+	// 4) resolve other types definition (not part of the ADS components)
+	const externalTypesCode = resolveExternalTypesCode(
+		sourceFile,
+		baseComponentPropSymbol,
+		dependentTypeDeclarations,
+	);
+
+	// 5) serialize the prop type for the @atlaskit component (e.g. PlatformButtonProps)
+	const [typeDefCode, usedExternalTypes] = serializeSymbolType(
+		baseComponentPropSymbol,
+		sourceFile.getProject().getTypeChecker(),
+	);
+
+	// 6) generate the source file
+	const importCode = consolidateImportDeclarations(importDeclarations, usedExternalTypes)
+		.map((declaration) => declaration.getText())
+		.join('\n');
+
+	const platformPropsTypeDeclarationName = platformPropsTypeDeclaration?.getName();
+	const dependentTypeCode = [
+		...dependentTypeDeclarations.map((typeAlias) => typeAlias.getText()),
+		platformPropsTypeDeclarationName &&
+			`\n// Serialized type\ntype ${platformPropsTypeDeclarationName} = ${typeDefCode};`,
+	]
+		.filter(Boolean)
+		.join('\n');
+
+	const componentPropCode = getComponentPropsTypeCode(baseComponentPropSymbol);
+
+	// 7) get component type code
+	const componentTypeCode = getComponentTypeCode(baseComponentPropSymbol, sourceFile);
+
+	return (customConsolidator ?? consolidateCodeSections)({
+		sourceFile,
+		importCode,
+		externalTypesCode,
+		dependentTypeCode,
+		componentPropCode,
+		componentTypeCode,
+	});
+};
+
 const handleXCSSProp: CodeConsolidator = ({
 	sourceFile,
 	importCode,
@@ -553,11 +739,19 @@ const codeConsolidators: Record<string, CodeConsolidator> = {
 	PressableProps: handleXCSSProp,
 };
 
+const typeSerializableComponentPropSymbols = ['CodeProps', 'CodeBlockProps', 'BadgeProps'];
+
 const generateComponentPropTypeSourceCode = (
 	componentPropSymbol: Symbol,
 	sourceFile: SourceFile,
 ) => {
-	return baseGenerateComponentPropTypeSourceCode(
+	const sourceCodeGenerator = typeSerializableComponentPropSymbols.includes(
+		componentPropSymbol.getName(),
+	)
+		? generateComponentPropTypeSourceCodeWithSerializedType
+		: baseGenerateComponentPropTypeSourceCode;
+
+	return sourceCodeGenerator(
 		componentPropSymbol,
 		sourceFile,
 		codeConsolidators[componentPropSymbol.getName()],

package/scripts/codegen/componentPropTypes.ts

@@ -189,17 +189,24 @@ const generateSharedTypesFile = (componentOutputDir: string) => {
 	fs.writeFileSync(typesFilePath, signedSourceCode);
 };
 
-const generateComponentPropTypes = (componentName?: string) => {
+const generateComponentPropTypes = (componentNames?: string) => {
 	const componentOutputDir = resolve(__dirname, '..', '..', 'src', 'components', '__generated__');
 	const componentIndexSourceFile = forgeUIProject.addSourceFileAtPath(
 		require.resolve('@atlassian/forge-ui/UIKit'),
 	);
 	try {
+		const componentNamesFilter = componentNames ? componentNames.split(',') : [];
 		const componentPropTypeSymbols = componentIndexSourceFile
 			.getExportSymbols()
-			.filter((symbol) =>
-				symbol.getName().endsWith(componentName ? `${componentName}Props` : 'Props'),
-			)
+			.filter((symbol) => {
+				if (componentNamesFilter.length === 0) {
+					return symbol.getName().endsWith('Props');
+				}
+				const symbolName = symbol.getName();
+				return componentNamesFilter.some((componentName) => {
+					return symbolName === `${componentName}Props`;
+				});
+			})
 			.sort((a, b) => a.getName().localeCompare(b.getName()));
 
 		// generate share types file first

package/scripts/codegen/typeSerializer.ts

@@ -0,0 +1,212 @@
+import {
+	type Symbol as TSSymbol,
+	type Node,
+	type TypeChecker,
+	type PropertySignature,
+	type Type as TSType,
+	SyntaxKind,
+} from 'ts-morph';
+
+export const serializeSymbolType = (
+	symbol: TSSymbol,
+	typeChecker: TypeChecker,
+): [string, Set<string>] => {
+	const declaration = symbol.getDeclarations()[0];
+
+	if (!declaration) {
+		throw new Error(`No declaration found for symbol: ${symbol.getName()}`);
+	}
+
+	const usedExternalTypes = new Set<string>();
+	if (declaration.getKind() === SyntaxKind.TypeAliasDeclaration) {
+		const typeAlias = declaration.asKindOrThrow(SyntaxKind.TypeAliasDeclaration);
+		const typeNode = typeAlias.getTypeNode();
+		if (typeNode && isCommonComponentPropType(typeNode)) {
+			const serializedType = flattenPickType(
+				typeNode.asKindOrThrow(SyntaxKind.TypeReference),
+				typeChecker,
+				usedExternalTypes,
+			);
+			return [serializedType, usedExternalTypes];
+		}
+	}
+
+	throw new Error(
+		`Unsupported declaration kind: ${declaration.getKindName()} for symbol: ${symbol.getName()}`,
+	);
+};
+
+/**
+ * Checks if a node is a common component prop type. e.g.
+ *
+ * export type BleedProps = Pick<
+ *   PlatformBleedProps,
+ *   'children' | 'all' | 'inline' | 'block' | 'testId' | 'role'
+ * >;
+ */
+const isCommonComponentPropType = (node: Node) => {
+	if (node.getKind() === SyntaxKind.TypeReference) {
+		const typeRef = node.asKindOrThrow(SyntaxKind.TypeReference);
+		const typeName = typeRef.getTypeName().getText();
+		return typeName === 'Pick';
+	}
+	return false;
+};
+
+// resolve single level type references (e.g. SupportedLanguages))
+// type SupportedLanguages = 'text' | 'PHP' | 'Java' | 'CSharp' | ...;
+const isSimpleTypeReferenceNode = (tsType: TSType): boolean => {
+	if (tsType.isUnion()) {
+		const unionTypes = tsType.getUnionTypes();
+		return unionTypes.every((t) => isBasicType(t));
+	}
+	return false;
+};
+
+const serializeSimpleTypeNode = (tsType: TSType): string => {
+	if (tsType.isStringLiteral()) {
+		return `'${tsType.getLiteralValue()}'`;
+	} else if (isBasicType(tsType)) {
+		return tsType.getText();
+	} else if (isSimpleTypeReferenceNode(tsType)) {
+		const unionTypes = tsType.getUnionTypes();
+		const serializedTypes = unionTypes.map((t) => serializeSimpleTypeNode(t));
+		return serializedTypes.join(' | ');
+	}
+	return tsType.getText();
+};
+
+const resolveNonNullableType = (propertySignature: PropertySignature): TSType => {
+	const hasOptionalHint = propertySignature.hasQuestionToken();
+	const type = propertySignature.getType();
+	if (!hasOptionalHint) {
+		return type;
+	}
+	// there is a case where `children?: ReactNode` using getNonNullableType() don't return the original ReactNode type
+	if (type.getText().split(' | ').includes('undefined')) {
+		return type.getNonNullableType();
+	}
+	return type;
+};
+
+const serializePropertySignatureCode = (propertySignature: PropertySignature) => {
+	const propertyName = propertySignature.getName();
+	const isOptional = propertySignature.hasQuestionToken();
+	const typeCode = serializeSimpleTypeNode(resolveNonNullableType(propertySignature));
+	return `${propertyName}${isOptional ? '?' : ''}: ${typeCode};`;
+};
+
+const flattenPickType = (
+	typeRef: Node,
+	typeChecker: TypeChecker,
+	usedExternalTypesOutput: Set<string>,
+): string => {
+	const typeArgs = typeRef.asKindOrThrow(SyntaxKind.TypeReference).getTypeArguments();
+
+	if (typeArgs.length < 2) {
+		return typeRef.getText(); // Fallback if not a valid Pick
+	}
+
+	const keysNode = typeArgs[1];
+
+	// Get the selected keys
+	const selectedKeys = extractUnionKeys(keysNode);
+
+	// Get the base type symbol
+	const properties = typeRef
+		.getType()
+		.getProperties()
+		.filter((prop) => selectedKeys.includes(prop.getName()));
+
+	if (properties.length === 0) {
+		return '{}'; // If no properties match, return 'any'
+	}
+
+	const serializedProperties = properties
+		.map((prop) => {
+			const propertySignature = prop.getDeclarations()[0] as PropertySignature | undefined;
+			if (!propertySignature) {
+				return null; // Skip if no declaration
+			}
+			const jsDoc = propertySignature.getJsDocs()?.[0]?.getText();
+			const typeCode = `\t${serializePropertySignatureCode(propertySignature)}`;
+			getUnresolvableTypes(propertySignature.getType()).forEach((typeName) => {
+				usedExternalTypesOutput.add(typeName);
+			});
+			return [jsDoc, typeCode].filter(Boolean).join('\n');
+		})
+		.filter(Boolean);
+
+	if (serializedProperties.length === 0) {
+		return '{}'; // If no properties are serialized, return empty object
+	}
+	return `{\n  ${serializedProperties.join('\n  ')}\n}`;
+};
+
+const getUnresolvableTypes = (tsType: TSType) => {
+	const unresolvableTypes = new Set<string>();
+	getUnresolvableTypesBase(tsType, unresolvableTypes);
+	return unresolvableTypes;
+};
+
+const getUnresolvableTypesBase = (tsType: TSType, unresolvableTypes: Set<string>) => {
+	if (isExternalType(tsType)) {
+		unresolvableTypes.add(tsType.getText());
+	} else if (tsType.isUnion()) {
+		const unionTypes = tsType.getUnionTypes();
+		unionTypes.forEach((type) => {
+			getUnresolvableTypesBase(type, unresolvableTypes);
+		});
+	} else if (!isBasicType(tsType)) {
+		unresolvableTypes.add(tsType.getText());
+	}
+};
+
+const isBasicType = (tsType: TSType): boolean => {
+	return (
+		tsType.isString() ||
+		tsType.isStringLiteral() ||
+		tsType.isNumber() ||
+		tsType.isNumberLiteral() ||
+		tsType.isBoolean() ||
+		tsType.isBooleanLiteral() ||
+		tsType.isNull() ||
+		tsType.isUndefined() ||
+		tsType.isAny() ||
+		tsType.isUnknown() ||
+		tsType.isNever()
+	);
+};
+
+const isExternalType = (tsType: TSType): boolean => {
+	const symbol = tsType.getSymbol() ?? tsType.getAliasSymbol();
+	if (!symbol) {
+		return false;
+	}
+
+	const declaration = symbol.getDeclarations()?.[0];
+	if (!declaration) {
+		return false;
+	}
+
+	const sourceFile = declaration.getSourceFile();
+	const filePath = sourceFile.getFilePath();
+
+	return filePath.includes('node_modules');
+};
+
+const extractUnionKeys = (keysNode: Node): string[] => {
+	if (keysNode.getKind() === SyntaxKind.UnionType) {
+		const unionType = keysNode.asKindOrThrow(SyntaxKind.UnionType);
+		return unionType.getTypeNodes().map((node) => {
+			if (node.getKind() === SyntaxKind.StringLiteral) {
+				return node.asKindOrThrow(SyntaxKind.StringLiteral).getLiteralValue();
+			}
+			return node.getText().replace(/['"]/g, '');
+		});
+	} else if (keysNode.getKind() === SyntaxKind.StringLiteral) {
+		return [keysNode.asKindOrThrow(SyntaxKind.StringLiteral).getLiteralValue()];
+	}
+
+	return [keysNode.getText().replace(/['"]/g, '')];
+};

package/scripts/codegen-runner.ts

@@ -1,9 +1,26 @@
 import { generateComponentPropTypes } from './codegen';
 
+const runTypeCheck = () => {
+	// execute yarn run check-types
+	const { execSync } = require('child_process');
+	try {
+		execSync('yarn run check-types', { stdio: 'inherit' });
+		// eslint-disable-next-line no-console
+		console.log('✅ 🚀 Type checks passed successfully for generated UIKit component types!');
+	} catch (error) {
+		// eslint-disable-next-line no-console
+		console.error('❌ Type checks failed:', error);
+		process.exit(1);
+	}
+};
+
 if (process.argv.length < 3) {
 	generateComponentPropTypes();
 } else {
 	// e.g yarn workspace @atlaskit/forge-react-types codegen Button
+	//     or yarn workspace @atlaskit/forge-react-types codegen Button,Code
 	const componentPropTypeFilter = process.argv[2];
 	generateComponentPropTypes(componentPropTypeFilter);
 }
+
+runTypeCheck();

package/scripts/typechecker.ts

@@ -0,0 +1,20 @@
+/* eslint-disable */
+import {
+	type BadgeProps,
+	type CodeProps,
+	type CodeBlockProps,
+} from '@atlassian/forge-ui/src/components/UIKit';
+import { type BadgeProps as GeneratedBadgeProps } from '../src/components/__generated__/BadgeProps.codegen';
+import { type CodeProps as GeneratedCodeProps } from '../src/components/__generated__/CodeProps.codegen';
+import { type CodeBlockProps as GeneratedCodeBlockProps } from '../src/components/__generated__/CodeBlockProps.codegen';
+
+const assertAssignable = <A, B extends A>() => {};
+
+assertAssignable<GeneratedBadgeProps, BadgeProps>();
+assertAssignable<BadgeProps, GeneratedBadgeProps>();
+
+assertAssignable<GeneratedCodeProps, CodeProps>();
+assertAssignable<CodeProps, GeneratedCodeProps>();
+
+assertAssignable<GeneratedCodeBlockProps, CodeBlockProps>();
+assertAssignable<CodeBlockProps, GeneratedCodeBlockProps>();

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

@@ -3,16 +3,14 @@
  *
  * Extract component prop types from UIKit 2 components - BadgeProps
  *
- * @codegen <<SignedSource::c3ed8f1b656c7e1c4a9aad0919de3f7d>>
+ * @codegen <<SignedSource::70958e2a60c7a0e1b3443db2d24003cc>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/badge/__generated__/index.partial.tsx <<SignedSource::89ad3341c1b8ef4b6fc93df162ac91d3>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
 import React from 'react';
-import PlatformBadge from '@atlaskit/badge';
 
-type _PlatformBadgeProps = React.ComponentProps<typeof PlatformBadge>;
 export type PlatformBadgeProps = Omit<_PlatformBadgeProps, 'children'> & {
 /**
  * The value displayed within the badge. A badge should only be used in cases where you want to represent a number. Use a lozenge for non-numeric information.
@@ -22,6 +20,30 @@ export type PlatformBadgeProps = Omit<_PlatformBadgeProps, 'children'> & {
 	children?: _PlatformBadgeProps['children'];
 }
 
+// Serialized type
+type _PlatformBadgeProps = {
+  /**
+	 * Affects the visual style of the badge.
+	 */
+	appearance?: 'added' | 'default' | 'important' | 'primary' | 'primaryInverted' | 'removed';
+  /**
+ * The value displayed within the badge. A badge should only be used in cases where you want to represent a number. Use a lozenge for non-numeric information.
+ * 
+ * @type string | number
+ */
+	children?: React.ReactNode;
+  /**
+	 * The maximum value to display. Defaults to `99`. If the value is 100, and max is 50, "50+" will be displayed.
+	 * This value should be greater than 0. If set to `false` the original value will be displayed regardless of
+	 * whether it is larger than the default maximum value.
+	 */
+	max?: number | false;
+  /**
+	 * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+	 */
+	testId?: string;
+};
+
 export type BadgeProps = Pick<
   PlatformBadgeProps,
   'appearance' | 'children' | 'max' | 'testId'

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

@@ -3,16 +3,64 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::8ab4ed1e38d2bd1f9ceafe4cbc20f97d>>
+ * @codegen <<SignedSource::65085e024d4b564b666c598596566f73>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::88ed38fdfc47db0938e7801195a00403>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
-import React from 'react';
-import { CodeBlock as PlatformCodeBlock } from '@atlaskit/code';
 
-type PlatformCodeBlockProps = React.ComponentProps<typeof PlatformCodeBlock>;
+// Serialized type
+type PlatformCodeBlockProps = {
+  /**
+	 * The code to be formatted.
+	 */
+	text: string;
+  /**
+	 * A unique string that appears as a data attribute `data-testid` in the
+	 * rendered code. Serves as a hook for automated tests.
+	 */
+	testId?: string;
+  /**
+	 *  Sets whether to display code line numbers or not.
+	 *  @default true
+	 */
+	showLineNumbers?: boolean;
+  /**
+	 * Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
+	 * `design-system/code`. Run against language grammars from PrismJS (full list
+	 * available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
+	 *
+	 * When set to "text" will not perform highlighting. If unsupported language
+	 * provided - code will be treated as "text" with no highlighting.
+	 *
+	 * @default 'text'
+	 */
+	language?: 'text' | 'PHP' | 'php' | 'php3' | 'php4' | 'php5' | 'Java' | 'java' | 'CSharp' | 'csharp' | 'c#' | 'Python' | 'python' | 'py' | 'JavaScript' | 'javascript' | 'js' | 'Html' | 'html' | 'xml' | 'C++' | 'c++' | 'cpp' | 'clike' | 'Ruby' | 'ruby' | 'rb' | 'duby' | 'Objective-C' | 'objective-c' | 'objectivec' | 'obj-c' | 'objc' | 'C' | 'c' | 'Swift' | 'swift' | 'TeX' | 'tex' | 'latex' | 'Shell' | 'shell' | 'bash' | 'sh' | 'ksh' | 'zsh' | 'Scala' | 'scala' | 'Go' | 'go' | 'ActionScript' | 'actionscript' | 'actionscript3' | 'as' | 'ColdFusion' | 'coldfusion' | 'JavaFX' | 'javafx' | 'jfx' | 'VbNet' | 'vbnet' | 'vb.net' | 'vfp' | 'clipper' | 'xbase' | 'JSON' | 'json' | 'MATLAB' | 'matlab' | 'Groovy' | 'groovy' | 'SQL' | 'sql' | 'postgresql' | 'postgres' | 'plpgsql' | 'psql' | 'postgresql-console' | 'postgres-console' | 'tsql' | 't-sql' | 'mysql' | 'sqlite' | 'R' | 'r' | 'Perl' | 'perl' | 'pl' | 'Lua' | 'lua' | 'Pascal' | 'pas' | 'pascal' | 'objectpascal' | 'delphi' | 'XML' | 'TypeScript' | 'typescript' | 'ts' | 'CoffeeScript' | 'coffeescript' | 'coffee-script' | 'coffee' | 'Haskell' | 'haskell' | 'hs' | 'Puppet' | 'puppet' | 'Arduino' | 'arduino' | 'Fortran' | 'fortran' | 'Erlang' | 'erlang' | 'erl' | 'PowerShell' | 'powershell' | 'posh' | 'ps1' | 'psm1' | 'Haxe' | 'haxe' | 'hx' | 'hxsl' | 'Elixir' | 'elixir' | 'ex' | 'exs' | 'Verilog' | 'verilog' | 'v' | 'Rust' | 'rust' | 'VHDL' | 'vhdl' | 'Sass' | 'sass' | 'OCaml' | 'ocaml' | 'Dart' | 'dart' | 'CSS' | 'css' | 'reStructuredText' | 'restructuredtext' | 'rst' | 'rest' | 'Kotlin' | 'kotlin' | 'D' | 'd' | 'Octave' | 'octave' | 'QML' | 'qbs' | 'qml' | 'Prolog' | 'prolog' | 'FoxPro' | 'foxpro' | 'purebasic' | 'Scheme' | 'scheme' | 'scm' | 'CUDA' | 'cuda' | 'cu' | 'Julia' | 'julia' | 'jl' | 'Racket' | 'racket' | 'rkt' | 'Ada' | 'ada' | 'ada95' | 'ada2005' | 'Tcl' | 'tcl' | 'Mathematica' | 'mathematica' | 'mma' | 'nb' | 'Autoit' | 'autoit' | 'StandardML' | 'standardmL' | 'sml' | 'standardml' | 'Objective-J' | 'objective-j' | 'objectivej' | 'obj-j' | 'objj' | 'Smalltalk' | 'smalltalk' | 'squeak' | 'st' | 'Vala' | 'vala' | 'vapi' | 'LiveScript' | 'livescript' | 'live-script' | 'XQuery' | 'xquery' | 'xqy' | 'xq' | 'xql' | 'xqm' | 'PlainText' | 'plaintext' | 'Yaml' | 'yaml' | 'yml' | 'GraphQL' | 'graphql' | 'AppleScript' | 'applescript' | 'Clojure' | 'clojure' | 'Diff' | 'diff' | 'VisualBasic' | 'visualbasic' | 'JSX' | 'jsx' | 'TSX' | 'tsx' | 'SplunkSPL' | 'splunk-spl' | 'Dockerfile' | 'docker' | 'dockerfile' | 'HCL' | 'hcl' | 'terraform' | 'NGINX' | 'nginx' | 'Protocol Buffers' | 'protobuf' | 'proto' | 'Handlebars' | 'handlebars' | 'mustache' | 'Gherkin' | 'gherkin' | 'cucumber' | 'ABAP' | 'abap';
+  /**
+	 * Comma delimited lines to highlight.
+	 *
+	 * Example uses:
+	 * - To highlight one line `highlight="3"`
+	 * - To highlight a group of lines `highlight="1-5"`
+	 * - To highlight multiple groups `highlight="1-5,7,10,15-20"`
+	 */
+	highlight?: string;
+  /**
+	 * Screen reader text for the start of a highlighted line.
+	 */
+	highlightedStartText?: string;
+  /**
+	 * Screen reader text for the end of a highlighted line.
+	 */
+	highlightedEndText?: string;
+  /**
+	 * Sets whether long lines will create a horizontally scrolling container.
+	 * When set to `true`, these lines will visually wrap instead.
+	 * @default false
+	 */
+	shouldWrapLongLines?: boolean;
+};
 
 export type CodeBlockProps = Pick<
   PlatformCodeBlockProps,

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

@@ -3,16 +3,27 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::baf6b565e34d8df53db53b8855ec120d>>
+ * @codegen <<SignedSource::e915d32433441373892842df5cce597e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/code.partial.tsx <<SignedSource::6f210b052488fe7ece12d865706a551e>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
 import React from 'react';
-import { Code as PlatformCode } from '@atlaskit/code';
 
-type PlatformCodeProps = React.ComponentProps<typeof PlatformCode>;
+
+// Serialized type
+type PlatformCodeProps = {
+  /**
+	 * A unique string that appears as a data attribute `data-testid`
+	 * in the rendered code. Serves as a hook for automated tests.
+	 */
+	testId?: string;
+  /**
+	 * Content to be rendered in the inline code block.
+	 */
+	children?: React.ReactNode;
+};
 
 export type CodeProps = Pick<
   PlatformCodeProps,