@atlaskit/forge-react-types 0.34.13 → 0.34.15

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

@@ -3,11 +3,15 @@
  *
  * Extract component prop types from UIKit 2 components - LabelProps
  *
- * @codegen <<SignedSource::3ffcab7388acd62d080e9bd44c09ee83>>
+ * @codegen <<SignedSource::0a894a2ad4f4410a2c67f12f0287dbcd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/label.partial.tsx <<SignedSource::76a9bd0b52bc4cb5531064a7495532d5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/label.partial.tsx <<SignedSource::60bad4561265206e7c10d92a99fce9f4>>
  */
 import type { LabelProps as PlatformLabelProps } from '@atlaskit/form';
 export type LabelProps = Pick<PlatformLabelProps, 'children' | 'testId' | 'id'> & {
     labelFor: string;
 };
+/**
+ * A form allows users to input information.
+ */
+export type TLabel<T> = (props: LabelProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - LinkButtonProps
  *
- * @codegen <<SignedSource::8ceca7ac3238c0f6b6d222d171994cf3>>
+ * @codegen <<SignedSource::ac79b85bde2efadf2186ea5acd6d267e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/link-button.partial.tsx <<SignedSource::6977fab8ea9a5478c26d6e1e77eab843>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/link-button.partial.tsx <<SignedSource::4f0e6eb251c01a13ba006b3d7569820d>>
  */
 import type { LinkButtonProps as PlatformLinkButtonProps } from '@atlaskit/button/new';
 import React from 'react';
@@ -15,3 +15,4 @@ export type LinkButtonProps = Pick<PlatformLinkButtonProps, 'children' | 'target
     appearance?: PlatformLinkButtonProps['appearance'] | 'link' | 'subtle-link';
     spacing?: PlatformLinkButtonProps['spacing'] | 'none';
 };
+export type TLinkButton<T> = (props: LinkButtonProps) => T;

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - LoadingButtonProps
  *
- * @codegen <<SignedSource::8dc34a32e6ef9d2e34dedf479351fe9b>>
+ * @codegen <<SignedSource::58521a43391f996afe6923d5a591a82c>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/loading-button.partial.tsx <<SignedSource::2ac2d29e443bfeb014c122223febd49b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/loading-button.partial.tsx <<SignedSource::078e02aff0fd36fb6bbf64711f0c5490>>
  */
 import React from 'react';
 import { LoadingButton as PlatformLoadingButton } from '@atlaskit/button';
 type PlatformLoadingButtonProps = React.ComponentProps<typeof PlatformLoadingButton>;
 export type LoadingButtonProps = Pick<PlatformLoadingButtonProps, 'children' | 'appearance' | 'autoFocus' | 'isDisabled' | 'isSelected' | 'onBlur' | 'onClick' | 'onFocus' | 'spacing' | 'testId' | 'shouldFitContainer' | 'type' | 'isLoading'>;
+/**
+ * A button triggers an event or action. They let users know what will happen next.
+ */
+export type TLoadingButton<T> = (props: LoadingButtonProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - LozengeProps
  *
- * @codegen <<SignedSource::b3634e72b44625d28b588db7ff045c9d>>
+ * @codegen <<SignedSource::010c29755ec75417d1649af3008801cd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/lozenge/__generated__/index.partial.tsx <<SignedSource::c83364d769b7168eaaa21f1694e35702>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/lozenge/__generated__/index.partial.tsx <<SignedSource::20810ed29278b94c2bf310c8d80efdf8>>
  */
 import React from 'react';
 import PlatformLozenge from '@atlaskit/lozenge';
 type PlatformLozengeProps = React.ComponentProps<typeof PlatformLozenge>;
 export type LozengeProps = Pick<PlatformLozengeProps, 'appearance' | 'children' | 'isBold' | 'maxWidth' | 'testId'>;
+/**
+ * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
+ */
+export type TLozenge<T> = (props: LozengeProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalBodyProps
  *
- * @codegen <<SignedSource::527cab5934b668b8e86db81b839882b6>>
+ * @codegen <<SignedSource::f6704cd3ad5b9e900de7e400b133ad53>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::3afbe2d34b967a182c9e3517f8ada448>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::0fe5715703e89dfc44882777af179380>>
  */
 import React from 'react';
 import { ModalBody as PlatformModalBody } from '@atlaskit/modal-dialog';
 type PlatformModalBodyProps = React.ComponentProps<typeof PlatformModalBody>;
 export type ModalBodyProps = Pick<PlatformModalBodyProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalBody<T> = (props: ModalBodyProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalFooterProps
  *
- * @codegen <<SignedSource::7657939e947e8a4d66010076aefb0f8d>>
+ * @codegen <<SignedSource::05f974150dc64ca59a44eb0b121cf773>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::b986e724d7de17ec51a6549e5a8b0e67>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::fd05c385dd42dfcac111c9ddd8c13a28>>
  */
 import React from 'react';
 import { ModalFooter as PlatformModalFooter } from '@atlaskit/modal-dialog';
 type PlatformModalFooterProps = React.ComponentProps<typeof PlatformModalFooter>;
 export type ModalFooterProps = Pick<PlatformModalFooterProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalFooter<T> = (props: ModalFooterProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalHeaderProps
  *
- * @codegen <<SignedSource::1b833d542df0d0794bdab0484cb7e7af>>
+ * @codegen <<SignedSource::c3bc5fde61f2e698aba9b95565c0d268>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::c7406471b8da5362a6b844effff24ce4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::932c9f34f6cd6919fe5b8bcf072745dc>>
  */
 import React from 'react';
 import { ModalHeader as PlatformModalHeader } from '@atlaskit/modal-dialog';
 type PlatformModalHeaderProps = React.ComponentProps<typeof PlatformModalHeader>;
 export type ModalHeaderProps = Pick<PlatformModalHeaderProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalHeader<T> = (props: ModalHeaderProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalProps
  *
- * @codegen <<SignedSource::a21036e321653b2b4f2dcdcc23017b42>>
+ * @codegen <<SignedSource::cf8fdc3365a68de44b1fe4995c306218>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/index.partial.tsx <<SignedSource::ca1ac57c4bc55db851325b0ab1ff0021>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/index.partial.tsx <<SignedSource::3bf621bc2d484c5789face984482559d>>
  */
 import React from 'react';
 import PlatformModalDialog from '@atlaskit/modal-dialog';
 type PlatformModalDialogProps = React.ComponentProps<typeof PlatformModalDialog>;
 export type ModalProps = Pick<PlatformModalDialogProps, 'autoFocus' | 'children' | 'height' | 'width' | 'onClose' | 'shouldScrollInViewport' | 'label' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModal<T> = (props: ModalProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTitleProps
  *
- * @codegen <<SignedSource::d308ee8af4d7667e94b4fdfdb37d2777>>
+ * @codegen <<SignedSource::18cc7e23ba187aae2f8e2d8631801b53>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::49055cff47790a5b805a36ec28683d0d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::996c8299a68e072c936b0023b61bdc20>>
  */
 import React from 'react';
 import { ModalTitle as PlatformModalTitle } from '@atlaskit/modal-dialog';
 type PlatformModalTitleProps = React.ComponentProps<typeof PlatformModalTitle>;
 export type ModalTitleProps = Pick<PlatformModalTitleProps, 'appearance' | 'children' | 'isMultiline' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalTitle<T> = (props: ModalTitleProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTransitionProps
  *
- * @codegen <<SignedSource::37d78f156fe7b226801398f16693dd1d>>
+ * @codegen <<SignedSource::9d4490cd7b1938efec7181c83258a4c5>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::910582b1aa75eb00197dd07ca5ae1d34>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::7f1f7ea64369d3e65533dffbbcec26d7>>
  */
 import React from 'react';
 import { ModalTransition as PlatformModalTransition } from '@atlaskit/modal-dialog';
 type PlatformModalTransitionProps = React.ComponentProps<typeof PlatformModalTransition>;
 export type ModalTransitionProps = Pick<PlatformModalTransitionProps, 'children'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalTransition<T> = (props: ModalTransitionProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressBarProps
  *
- * @codegen <<SignedSource::3b95c77dc51e11040992d0b2bd139eaf>>
+ * @codegen <<SignedSource::311fb087e468c54b326bbb425bd62594>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::3451b31d9bf4f3a048e5a4143c69ba20>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::aafdad776f93c659dc29fdb27eca9027>>
  */
 import React from 'react';
 import PlatformProgressBar from '@atlaskit/progress-bar';
 type PlatformProgressBarProps = React.ComponentProps<typeof PlatformProgressBar>;
 export type ProgressBarProps = Pick<PlatformProgressBarProps, 'appearance' | 'ariaLabel' | 'isIndeterminate' | 'testId' | 'value'>;
+/**
+ * A progress bar communicates the status of a system process.
+ */
+export type TProgressBar<T> = (props: ProgressBarProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressTrackerProps
  *
- * @codegen <<SignedSource::23a60b1bb4138183b2f8cc16df4000e3>>
+ * @codegen <<SignedSource::936e27b6592ef14e79d5fe0a336ceb81>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::889025b24913a7379a30cc87547f6292>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::50d000e383a00beab96a51973f57c769>>
  */
 import type { ProgressTrackerProps as PlatformProgressTrackerProps, Stage as PlatformStage } from '@atlaskit/progress-tracker';
 type Stage = Pick<PlatformStage, 'id' | 'label' | 'percentageComplete' | 'status' | 'onClick'>;
 export type ProgressTrackerProps = Pick<PlatformProgressTrackerProps, 'label' | 'testId'> & Partial<Pick<PlatformProgressTrackerProps, 'animated' | 'spacing'>> & {
     items: Array<Stage>;
 };
+/**
+ * A progress tracker displays the steps and progress through a journey.
+ */
+export type TProgressTracker<T> = (props: ProgressTrackerProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ValidMessageProps
  *
- * @codegen <<SignedSource::8b841ea2daeeaa02b253b3ceba5d70b1>>
+ * @codegen <<SignedSource::40ef2ece49a84181a994ff221e42cc39>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/valid-message.partial.tsx <<SignedSource::5642828cf60622725e2b538ad69b07d8>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/valid-message.partial.tsx <<SignedSource::5460cf891302777898b53c0b4ae8b610>>
  */
 import React from 'react';
 import { ValidMessage as PlatformValidMessage } from '@atlaskit/form';
 type PlatformValidMessageProps = React.ComponentProps<typeof PlatformValidMessage>;
 export type ValidMessageProps = Pick<PlatformValidMessageProps, 'children' | 'testId'>;
+/**
+ * A form allows users to input information.
+ */
+export type TValidMessage<T> = (props: ValidMessageProps) => T;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.34.13",
+	"version": "0.34.15",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,10 +43,10 @@
 		"@atlaskit/progress-tracker": "9.2.0",
 		"@atlaskit/radio": "^7.0.0",
 		"@atlaskit/range": "^8.0.0",
-		"@atlaskit/renderer": "^112.9.0",
+		"@atlaskit/renderer": "^112.11.0",
 		"@atlaskit/section-message": "^6.8.0",
 		"@atlaskit/select": "^18.9.0",
-		"@atlaskit/spinner": "^16.3.0",
+		"@atlaskit/spinner": "^17.0.0",
 		"@atlaskit/tabs": "^17.1.0",
 		"@atlaskit/tag": "^12.6.0",
 		"@atlaskit/tag-group": "^11.0.0",

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BadgeProps
  *
- * @codegen <<SignedSource::92388efe5b39418e1cea1294d8ce6855>>
+ * @codegen <<SignedSource::64c7e35a348ef5e063329091a361292f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/badge/__generated__/index.partial.tsx <<SignedSource::74d81fc03682e51d4ea5e5eea2215574>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/badge/__generated__/index.partial.tsx <<SignedSource::89ad3341c1b8ef4b6fc93df162ac91d3>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BleedProps
  *
- * @codegen <<SignedSource::cbd738c202b814d0103cb6fd54a2f2ad>>
+ * @codegen <<SignedSource::c7fc1c22894c170849e24bf5e8171def>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/bleed/__generated__/index.partial.tsx <<SignedSource::406ffef6715a3dff3aa10511e2ec232c>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/bleed/__generated__/index.partial.tsx <<SignedSource::a2cfcd6831a7e1c773ef12a09fc07228>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformBleedProps = React.ComponentProps<typeof PlatformBleed>;
 export type BleedProps = Pick<
   PlatformBleedProps,
   'children' | 'all' | 'inline' | 'block' | 'testId' | 'role'
->;
+>;
+
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TBleed<T> = (props: BleedProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::5953057bca93305790983ebf1513e471>>
+ * @codegen <<SignedSource::31dc8fb4f36ecf67c99521f59d86c2e1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::1b547198cbfceadd8838222c33bbda26>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::7f0def3e681685c87e720c200f3f4b23>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 
@@ -179,12 +179,7 @@ const xcssValidator = makeXCSSValidator({
 type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
 type XCSSProp = ReturnType<typeof xcssValidator>;
 
-export type BoxProps = Pick<
-	PlatformBoxProps,
-	| 'children'
-	| 'ref'
-	| 'testId'
-> & {
+export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
 	/**
 	 * A shorthand for `paddingBlock` and `paddingInline` together.
 	 *
@@ -247,7 +242,7 @@ export type BoxProps = Pick<
 
 	/**
 	 * Apply a subset of permitted styles, powered by Atlassian Design System tokens.
-	 * For a list of supported style properties on this component, see [here](/platform/forge/ui-kit/components/xcss).
+	 * For a list of supported style properties on this component, see [here](https://developer.atlassian.com/platform/forge/ui-kit/components/xcss).
 	 *
 	 * @type XCSSProp
 	 */

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonGroupProps
  *
- * @codegen <<SignedSource::4a6cd1b2831a12bbddea1a735a6c8907>>
+ * @codegen <<SignedSource::4daf3a960cc3108bbbc8ad0ede3b7011>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/button-group.partial.tsx <<SignedSource::8f41744fe0477b14db5f0c764e4d8a10>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/button-group.partial.tsx <<SignedSource::728cab6df690811513a66ea4bacb89c9>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -15,4 +15,9 @@ import type { ButtonProps } from '@atlaskit/button';
 export type ButtonGroupProps = Pick<
 	PlatformButtonGroupProps,
 	'children' | 'testId' | 'label' | 'titleId'
-> & { appearance?: ButtonProps['appearance'] };
+> & { appearance?: ButtonProps['appearance'] };
+
+/**
+ * A button triggers an event or action. They let users know what will happen next.
+ */
+export type TButtonGroup<T> = (props: ButtonGroupProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonProps
  *
- * @codegen <<SignedSource::c29e7149d653838ec5536420b8518bf7>>
+ * @codegen <<SignedSource::333890773f42cacce17cee560686b34c>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/index.partial.tsx <<SignedSource::98b5f936725e04433d64b0ae5e85b701>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/index.partial.tsx <<SignedSource::c3a07cf50f9f4f166b94a72b4c2d5784>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -389,4 +389,6 @@ export type ButtonProps = Pick<
 	iconBefore?: IconType;
 	iconAfter?: IconType;
 	spacing?: PlatformButtonProps['spacing'] | 'none';
-};
+};
+
+export type TButton<T> = (props: ButtonProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - CalendarProps
  *
- * @codegen <<SignedSource::f5a5568104eee5eb1fc1238a8248e9e5>>
+ * @codegen <<SignedSource::87bad6f2a27e493eeba6d969450d3a3d>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/calendar/__generated__/index.partial.tsx <<SignedSource::500d3df7d07464aeb6502c6c1e32094f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/calendar/__generated__/index.partial.tsx <<SignedSource::3fb4c1249481ec420be5118220ebcd82>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformCalendarProps = React.ComponentProps<typeof PlatformCalendar>;
 export type CalendarProps = Pick<
   PlatformCalendarProps,
   'day' | 'defaultDay' | 'defaultMonth' | 'defaultYear' | 'defaultPreviouslySelected' | 'defaultSelected' | 'disabled' | 'maxDate' | 'minDate' | 'nextMonthLabel' | 'onBlur' | 'onChange' | 'onFocus' | 'onSelect' | 'previouslySelected' | 'previousMonthLabel' | 'selected' | 'today' | 'year' | 'locale' | 'testId' | 'weekStartDay' | 'tabIndex'
->;
+>;
+
+/**
+ * An interactive calendar for date selection experiences.
+ */
+export type TCalendar<T> = (props: CalendarProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxProps
  *
- * @codegen <<SignedSource::27fe7915fb435d54bbd443371e68c64c>>
+ * @codegen <<SignedSource::7f4aa902734166585716f52e001a6d8f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkbox/__generated__/index.partial.tsx <<SignedSource::b920c1cd759f2f7718cbd7afc3c04856>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkbox/__generated__/index.partial.tsx <<SignedSource::e34c0ab52d3409a8548b6e51450ba43b>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -19,4 +19,9 @@ export type CheckboxProps = Pick<
   PlatformCheckboxProps,
   'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label'
  | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
-> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+
+/**
+ * A checkbox is an input control that allows a user to select one or more options from a number of choices.
+ */
+export type TCheckbox<T> = (props: CheckboxProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::098e0843568fab0c7230e24d7d1d8a4f>>
+ * @codegen <<SignedSource::7ac72aa38d908f5ad8be5452cccb84d1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::8d1724c2fcc8fab3764250a4f63f76eb>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::88ed38fdfc47db0938e7801195a00403>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformCodeBlockProps = React.ComponentProps<typeof PlatformCodeBlock>;
 export type CodeBlockProps = Pick<
   PlatformCodeBlockProps,
   'text' | 'testId' | 'showLineNumbers' | 'language' | 'highlight' | 'highlightedStartText' | 'highlightedEndText' | 'shouldWrapLongLines'
->;
+>;
+
+/**
+ * Code highlights short strings of code snippets inline with body text.
+ */
+export type TCodeBlock<T> = (props: CodeBlockProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::5b14dff15ad9bdad8a26fdda0fcb700c>>
+ * @codegen <<SignedSource::1a39727c921b99c3519aa0020e967c21>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/code.partial.tsx <<SignedSource::7c44fc035da9da9e1dc10ad78f244bed>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/code.partial.tsx <<SignedSource::370e450903cb8f21b11acac7a9fc720b>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformCodeProps = React.ComponentProps<typeof PlatformCode>;
 export type CodeProps = Pick<
   PlatformCodeProps,
   'children' | 'testId'
->;
+>;
+
+/**
+ * Code highlights short strings of code snippets inline with body text.
+ */
+export type TCode<T> = (props: CodeProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - DatePickerProps
  *
- * @codegen <<SignedSource::f4379336ae6809d6dc490f67dfd34cd5>>
+ * @codegen <<SignedSource::14d82d10ae64e4333440817918f6e955>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/datepicker/__generated__/index.partial.tsx <<SignedSource::5408131ac700a0baedb02ef897692c12>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/datepicker/__generated__/index.partial.tsx <<SignedSource::6bc5d63c14b9dda11b370e386ccf4955>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -51,4 +51,9 @@ export type DatePickerProps = {
 	onChange?: (value: string) => void;
 	selectProps?: DateTimePickerSelectProps;
 	shouldShowCalendarButton?: boolean;
-} & Partial<Omit<FieldProps, 'onChange'>>;
+} & Partial<Omit<FieldProps, 'onChange'>>;
+
+/**
+ * A date time picker allows the user to select an associated date and time.
+ */
+export type TDatePicker<T> = (props: DatePickerProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - DynamicTableProps
  *
- * @codegen <<SignedSource::5c8d9d5d4a28765e8e982abff651de32>>
+ * @codegen <<SignedSource::213e682fc5fc702c30fb176cf45969b3>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/dynamictable/__generated__/index.partial.tsx <<SignedSource::48b2b4eac0a51cd071bfa077e923eb3f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/dynamictable/__generated__/index.partial.tsx <<SignedSource::579e3dddf7bd4b762d0fd40744619b89>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -14,9 +14,33 @@ import type { RowType, StatefulProps } from '@atlaskit/dynamic-table/types';
 type NewRowType = Pick<RowType, 'cells' | 'key' | 'isHighlighted'>;
 
 export type DynamicTableProps = Pick<
-StatefulProps,
-  'defaultPage' | 'defaultSortKey' | 'defaultSortOrder' | 'emptyView' | 'head' | 'highlightedRowIndex' | 'isFixedSize' | 'isLoading' | 'isRankable' | 'label' | 'loadingSpinnerSize' | 'onRankEnd' | 'onRankStart' | 'onSetPage' | 'page' | 'paginationi18n' | 'rowsPerPage' | 'sortKey' | 'sortOrder' | 'testId'
-  > & {
-  rows?: NewRowType[];
-  caption?: string;
-};
+	StatefulProps,
+	| 'defaultPage'
+	| 'defaultSortKey'
+	| 'defaultSortOrder'
+	| 'emptyView'
+	| 'head'
+	| 'highlightedRowIndex'
+	| 'isFixedSize'
+	| 'isLoading'
+	| 'isRankable'
+	| 'label'
+	| 'loadingSpinnerSize'
+	| 'onRankEnd'
+	| 'onRankStart'
+	| 'onSetPage'
+	| 'page'
+	| 'paginationi18n'
+	| 'rowsPerPage'
+	| 'sortKey'
+	| 'sortOrder'
+	| 'testId'
+> & {
+	rows?: NewRowType[];
+	caption?: string;
+};
+
+/**
+ * A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.
+ */
+export type TDynamicTable<T> = (props: DynamicTableProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - EmptyStateProps
  *
- * @codegen <<SignedSource::4d85600b608de1e5bdd496c26d46e162>>
+ * @codegen <<SignedSource::07a70b90ed6e68ae200fd5e38e163a89>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/emptystate/__generated__/index.partial.tsx <<SignedSource::fcecc0f674b9690cf74157284c24045a>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/emptystate/__generated__/index.partial.tsx <<SignedSource::d6c509a722d55de0f55d401cd2e75435>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformEmptyStateProps = React.ComponentProps<typeof PlatformEmptyState>;
 export type EmptyStateProps = Pick<
   PlatformEmptyStateProps,
   'buttonGroupLabel' | 'description' | 'header' | 'headingLevel' | 'isLoading' | 'primaryAction' | 'secondaryAction' | 'tertiaryAction' | 'testId' | 'width'
->;
+>;
+
+/**
+ * An empty state appears when there is no data to display and describes what the user can do next.
+ */
+export type TEmptyState<T> = (props: EmptyStateProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ErrorMessageProps
  *
- * @codegen <<SignedSource::b27ea13693f064f02be77ca22a7b21a7>>
+ * @codegen <<SignedSource::3d3da7aa33a6ac0adb1524f89ee28208>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/error-message.partial.tsx <<SignedSource::94778992a6ed8c3225c72407310f2a82>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/error-message.partial.tsx <<SignedSource::9e1a8d256d8d999a689140fbcda430fa>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformErrorMessageProps = React.ComponentProps<typeof PlatformErrorMessag
 export type ErrorMessageProps = Pick<
   PlatformErrorMessageProps,
   'children' | 'testId'
->;
+>;
+
+/**
+ * A form allows users to input information.
+ */
+export type TErrorMessage<T> = (props: ErrorMessageProps) => T;