@atlaskit/forge-react-types 0.42.7 → 0.42.8

package/CHANGELOG.md

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

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,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::8fded8a55e24b0312739eb3ab66f63ca>>
+ * @codegen <<SignedSource::65085e024d4b564b666c598596566f73>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::88ed38fdfc47db0938e7801195a00403>>
  */
@@ -16,12 +16,12 @@ type PlatformCodeBlockProps = {
        * A unique string that appears as a data attribute `data-testid` in the
        * rendered code. Serves as a hook for automated tests.
        */
-    testId: string;
+    testId?: string;
     /**
        *  Sets whether to display code line numbers or not.
        *  @default true
        */
-    showLineNumbers: boolean;
+    showLineNumbers?: boolean;
     /**
        * Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
        * `design-system/code`. Run against language grammars from PrismJS (full list
@@ -32,7 +32,7 @@ type PlatformCodeBlockProps = {
        *
        * @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";
+    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.
        *
@@ -41,21 +41,21 @@ type PlatformCodeBlockProps = {
        * - To highlight a group of lines `highlight="1-5"`
        * - To highlight multiple groups `highlight="1-5,7,10,15-20"`
        */
-    highlight: string;
+    highlight?: string;
     /**
        * Screen reader text for the start of a highlighted line.
        */
-    highlightedStartText: string;
+    highlightedStartText?: string;
     /**
        * Screen reader text for the end of a highlighted line.
        */
-    highlightedEndText: string;
+    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;
+    shouldWrapLongLines?: boolean;
 };
 export type CodeBlockProps = Pick<PlatformCodeBlockProps, 'text' | 'testId' | 'showLineNumbers' | 'language' | 'highlight' | 'highlightedStartText' | 'highlightedEndText' | 'shouldWrapLongLines'>;
 /**

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

@@ -3,21 +3,21 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::7ea0b6ee7be9f3e5454b38e528c0753f>>
+ * @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 { type ReactNode } from 'react';
+import React from 'react';
 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;
+    testId?: string;
     /**
        * Content to be rendered in the inline code block.
        */
-    children: ReactNode;
+    children?: React.ReactNode;
 };
 export type CodeProps = Pick<PlatformCodeProps, 'children' | 'testId'>;
 /**

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,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::8fded8a55e24b0312739eb3ab66f63ca>>
+ * @codegen <<SignedSource::65085e024d4b564b666c598596566f73>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::88ed38fdfc47db0938e7801195a00403>>
  */
@@ -16,12 +16,12 @@ type PlatformCodeBlockProps = {
        * A unique string that appears as a data attribute `data-testid` in the
        * rendered code. Serves as a hook for automated tests.
        */
-    testId: string;
+    testId?: string;
     /**
        *  Sets whether to display code line numbers or not.
        *  @default true
        */
-    showLineNumbers: boolean;
+    showLineNumbers?: boolean;
     /**
        * Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
        * `design-system/code`. Run against language grammars from PrismJS (full list
@@ -32,7 +32,7 @@ type PlatformCodeBlockProps = {
        *
        * @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";
+    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.
        *
@@ -41,21 +41,21 @@ type PlatformCodeBlockProps = {
        * - To highlight a group of lines `highlight="1-5"`
        * - To highlight multiple groups `highlight="1-5,7,10,15-20"`
        */
-    highlight: string;
+    highlight?: string;
     /**
        * Screen reader text for the start of a highlighted line.
        */
-    highlightedStartText: string;
+    highlightedStartText?: string;
     /**
        * Screen reader text for the end of a highlighted line.
        */
-    highlightedEndText: string;
+    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;
+    shouldWrapLongLines?: boolean;
 };
 export type CodeBlockProps = Pick<PlatformCodeBlockProps, 'text' | 'testId' | 'showLineNumbers' | 'language' | 'highlight' | 'highlightedStartText' | 'highlightedEndText' | 'shouldWrapLongLines'>;
 /**

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

@@ -3,21 +3,21 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::7ea0b6ee7be9f3e5454b38e528c0753f>>
+ * @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 { type ReactNode } from 'react';
+import React from 'react';
 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;
+    testId?: string;
     /**
        * Content to be rendered in the inline code block.
        */
-    children: ReactNode;
+    children?: React.ReactNode;
 };
 export type CodeProps = Pick<PlatformCodeProps, 'children' | 'testId'>;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.42.7",
+	"version": "0.42.8",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,7 +24,6 @@
 		"team": "Forge UI"
 	},
 	"dependencies": {
-		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/checkbox": "^17.1.0",
@@ -61,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",
@@ -69,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

@@ -200,8 +200,11 @@ class SimpleImportDeclaration implements IImportDeclaration {
 
 	private namedImports = new Set<string>();
 
-	constructor(packageName: string) {
+	private defaultImport?: string;
+
+	constructor(packageName: string, defaultImport?: string) {
 		this.packageName = packageName;
+		this.defaultImport = defaultImport;
 	}
 
 	public addNamedImport(namedImport: string) {
@@ -213,14 +216,16 @@ class SimpleImportDeclaration implements IImportDeclaration {
 	}
 
 	public getText() {
-		if (this.namedImports.size === 0) {
+		if (this.namedImports.size === 0 && !this.defaultImport) {
 			return `import '${this.packageName}';`;
 		}
-		const importedNames = Array.from(this.namedImports)
+		const importedNamesList = Array.from(this.namedImports)
 			.sort()
-			.map((name) => `type ${name}`)
-			.join(', ');
-		return `import { ${importedNames} } from '${this.packageName}';`;
+			.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}';`;
 	}
 }
 
@@ -559,12 +564,12 @@ const registeredExternalTypes: Record<
 	string,
 	{
 		package: string;
-		alias?: string;
+		defaultImport: string;
 	}
 > = {
 	'React.ReactNode': {
 		package: 'react',
-		alias: 'ReactNode',
+		defaultImport: 'React',
 	},
 };
 
@@ -583,8 +588,13 @@ const consolidateImportDeclarations = (
 			if (existingImport) {
 				existingImport.addNamedImport(typeName);
 			} else {
-				const newImport = new SimpleImportDeclaration(typePackage.package);
-				newImport.addNamedImport(typePackage.alias ?? typeName);
+				const newImport = new SimpleImportDeclaration(
+					typePackage.package,
+					typePackage.defaultImport,
+				);
+				if (!typeName.startsWith(`${typePackage.defaultImport}.`)) {
+					newImport.addNamedImport(typeName);
+				}
 				declarations.push(newImport);
 			}
 		}
@@ -614,8 +624,12 @@ const generateComponentPropTypeSourceCodeWithSerializedType = (
 		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
+			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);
@@ -654,7 +668,7 @@ const generateComponentPropTypeSourceCodeWithSerializedType = (
 	const dependentTypeCode = [
 		...dependentTypeDeclarations.map((typeAlias) => typeAlias.getText()),
 		platformPropsTypeDeclarationName &&
-			`\n// Serialized type\ntype ${platformPropsTypeDeclarationName} = ${typeDefCode}`,
+			`\n// Serialized type\ntype ${platformPropsTypeDeclarationName} = ${typeDefCode};`,
 	]
 		.filter(Boolean)
 		.join('\n');
@@ -725,7 +739,7 @@ const codeConsolidators: Record<string, CodeConsolidator> = {
 	PressableProps: handleXCSSProp,
 };
 
-const typeSerializableComponentPropSymbols = ['CodeProps', 'CodeBlockProps'];
+const typeSerializableComponentPropSymbols = ['CodeProps', 'CodeBlockProps', 'BadgeProps'];
 
 const generateComponentPropTypeSourceCode = (
 	componentPropSymbol: Symbol,

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

@@ -55,41 +55,45 @@ const isCommonComponentPropType = (node: Node) => {
 
 // resolve single level type references (e.g. SupportedLanguages))
 // type SupportedLanguages = 'text' | 'PHP' | 'Java' | 'CSharp' | ...;
-const isSimpleTypeReferenceNode = (node: Node): boolean => {
-	const type = node.getType();
-	if (type.isUnion()) {
-		const unionTypes = type.getUnionTypes();
-		return unionTypes.every((t) => {
-			return t.isString() || t.isStringLiteral() || t.isNumber() || t.isBoolean();
-		});
+const isSimpleTypeReferenceNode = (tsType: TSType): boolean => {
+	if (tsType.isUnion()) {
+		const unionTypes = tsType.getUnionTypes();
+		return unionTypes.every((t) => isBasicType(t));
 	}
 	return false;
 };
 
-const serializeSimpleTypeNode = (node: Node): string => {
-	switch (node.getKind()) {
-		case SyntaxKind.UnionType:
-			const unionType = node.asKindOrThrow(SyntaxKind.UnionType);
-			const unionTypes = unionType.getTypeNodes().map((t) => serializeSimpleTypeNode(t));
-			return unionTypes.join(' | ');
-
-		case SyntaxKind.StringLiteral:
-			return `'${node.asKindOrThrow(SyntaxKind.StringLiteral).getLiteralValue()}'`;
-		case SyntaxKind.TypeReference:
-			// resolve single level type references (e.g. SupportedLanguages))
-			if (isSimpleTypeReferenceNode(node)) {
-				return node
-					.getType()
-					.getUnionTypes()
-					.map((t) => t.getText())
-					.join(' | ');
-			}
+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 node.getText();
+	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) => {
-	return `${propertySignature.getName()}: ${serializeSimpleTypeNode(propertySignature.getTypeNode()!)};`;
+	const propertyName = propertySignature.getName();
+	const isOptional = propertySignature.hasQuestionToken();
+	const typeCode = serializeSimpleTypeNode(resolveNonNullableType(propertySignature));
+	return `${propertyName}${isOptional ? '?' : ''}: ${typeCode};`;
 };
 
 const flattenPickType = (
@@ -161,8 +165,11 @@ const getUnresolvableTypesBase = (tsType: TSType, unresolvableTypes: Set<string>
 const isBasicType = (tsType: TSType): boolean => {
 	return (
 		tsType.isString() ||
+		tsType.isStringLiteral() ||
 		tsType.isNumber() ||
+		tsType.isNumberLiteral() ||
 		tsType.isBoolean() ||
+		tsType.isBooleanLiteral() ||
 		tsType.isNull() ||
 		tsType.isUndefined() ||
 		tsType.isAny() ||
@@ -173,10 +180,14 @@ const isBasicType = (tsType: TSType): boolean => {
 
 const isExternalType = (tsType: TSType): boolean => {
 	const symbol = tsType.getSymbol() ?? tsType.getAliasSymbol();
-	if (!symbol) {return false;}
+	if (!symbol) {
+		return false;
+	}
 
 	const declaration = symbol.getDeclarations()?.[0];
-	if (!declaration) {return false;}
+	if (!declaration) {
+		return false;
+	}
 
 	const sourceFile = declaration.getSourceFile();
 	const filePath = sourceFile.getFilePath();

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,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::8fded8a55e24b0312739eb3ab66f63ca>>
+ * @codegen <<SignedSource::65085e024d4b564b666c598596566f73>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::88ed38fdfc47db0938e7801195a00403>>
  */
@@ -20,12 +20,12 @@ type PlatformCodeBlockProps = {
 	 * A unique string that appears as a data attribute `data-testid` in the
 	 * rendered code. Serves as a hook for automated tests.
 	 */
-	testId: string;
+	testId?: string;
   /**
 	 *  Sets whether to display code line numbers or not.
 	 *  @default true
 	 */
-	showLineNumbers: boolean;
+	showLineNumbers?: boolean;
   /**
 	 * Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
 	 * `design-system/code`. Run against language grammars from PrismJS (full list
@@ -36,7 +36,7 @@ type PlatformCodeBlockProps = {
 	 *
 	 * @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";
+	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.
 	 *
@@ -45,22 +45,22 @@ type PlatformCodeBlockProps = {
 	 * - To highlight a group of lines `highlight="1-5"`
 	 * - To highlight multiple groups `highlight="1-5,7,10,15-20"`
 	 */
-	highlight: string;
+	highlight?: string;
   /**
 	 * Screen reader text for the start of a highlighted line.
 	 */
-	highlightedStartText: string;
+	highlightedStartText?: string;
   /**
 	 * Screen reader text for the end of a highlighted line.
 	 */
-	highlightedEndText: string;
+	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;
-}
+	shouldWrapLongLines?: boolean;
+};
 
 export type CodeBlockProps = Pick<
   PlatformCodeBlockProps,

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::7ea0b6ee7be9f3e5454b38e528c0753f>>
+ * @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 { type ReactNode } from 'react';
+import React from 'react';
 
 
 // Serialized type
@@ -18,12 +18,12 @@ 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;
+	testId?: string;
   /**
 	 * Content to be rendered in the inline code block.
 	 */
-	children: ReactNode;
-}
+	children?: React.ReactNode;
+};
 
 export type CodeProps = Pick<
   PlatformCodeProps,