@atlaskit/forge-react-types 0.34.13 → 0.34.14

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/forge-react-types
 
+## 0.34.14
+
+### Patch Changes
+
+- [#107697](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107697)
+  [`e674161f3c419`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e674161f3c419) -
+  Migrate Box, Code, DatePicker, DynamicTable, EmptyState, Flex, and Form to using component props
+  config
+- [#107336](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107336)
+  [`1648368ec825d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1648368ec825d) -
+  Migrate UIKit component codegen prop config setup
+- Updated dependencies
+
 ## 0.34.13
 
 ### Patch Changes

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
  *
  * 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 */
 

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

@@ -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 */
 

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

@@ -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 */
 

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

@@ -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>>
  */
 import React from 'react';
 import PlatformBadge from '@atlaskit/badge';

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

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import React from 'react';
 import { Bleed as PlatformBleed } from '@atlaskit/primitives';
 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;
 export {};

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

@@ -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>>
  */
 import React from 'react';
 import { Box as PlatformBox } from '@atlaskit/primitives';
@@ -2187,7 +2187,7 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
     backgroundColor?: PlatformBoxProps['backgroundColor'];
     /**
      * 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/dist/types/components/__generated__/ButtonGroupProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import type { ButtonGroupProps as PlatformButtonGroupProps } from '@atlaskit/button';
 import type { ButtonProps } from '@atlaskit/button';
 export type ButtonGroupProps = Pick<PlatformButtonGroupProps, 'children' | 'testId' | 'label' | 'titleId'> & {
     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/dist/types/components/__generated__/ButtonProps.codegen.d.ts

@@ -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>>
  */
 import type { ButtonProps as PlatformButtonProps } from '@atlaskit/button/new';
 export type Icon = 'activity' | 'add' | 'add-circle' | 'add-item' | 'addon' | 'app-access' | 'app-switcher' | 'archive' | 'arrow-down' | 'arrow-down-circle' | 'arrow-left' | 'arrow-left-circle' | 'arrow-right' | 'arrow-right-circle' | 'arrow-up' | 'arrow-up-circle' | 'attachment' | 'audio' | 'audio-circle' | 'backlog' | 'billing' | 'billing-filled' | 'bitbucket-branches' | 'bitbucket-builds' | 'bitbucket-clone' | 'bitbucket-commits' | 'bitbucket-compare' | 'bitbucket-forks' | 'bitbucket-output' | 'bitbucket-pipelines' | 'bitbucket-pullrequests' | 'bitbucket-repos' | 'bitbucket-snippets' | 'bitbucket-source' | 'board' | 'book' | 'bullet-list' | 'calendar' | 'calendar-filled' | 'camera' | 'camera-filled' | 'camera-rotate' | 'camera-take-picture' | 'canvas' | 'check' | 'check-circle' | 'check-circle-outline' | 'checkbox' | 'checkbox-indeterminate' | 'chevron-down' | 'chevron-down-circle' | 'chevron-left' | 'chevron-left-circle' | 'chevron-left-large' | 'chevron-right' | 'chevron-right-circle' | 'chevron-right-large' | 'chevron-up' | 'chevron-up-circle' | 'child-issues' | 'code' | 'comment' | 'component' | 'copy' | 'creditcard' | 'creditcard-filled' | 'cross' | 'cross-circle' | 'dashboard' | 'decision' | 'department' | 'detail-view' | 'discover' | 'discover-filled' | 'document' | 'document-filled' | 'documents' | 'download' | 'drag-handler' | 'dropbox' | 'edit' | 'edit-filled' | 'editor-add' | 'editor-addon' | 'editor-advanced' | 'editor-align-center' | 'editor-align-image-center' | 'editor-align-image-left' | 'editor-align-image-right' | 'editor-align-left' | 'editor-align-right' | 'editor-attachment' | 'editor-background-color' | 'editor-bold' | 'editor-bullet-list' | 'editor-close' | 'editor-code' | 'editor-collapse' | 'editor-date' | 'editor-decision' | 'editor-divider' | 'editor-done' | 'editor-edit' | 'editor-emoji' | 'editor-error' | 'editor-expand' | 'editor-feedback' | 'editor-file' | 'editor-file-preview' | 'editor-help' | 'editor-hint' | 'editor-horizontal-rule' | 'editor-image' | 'editor-image-border' | 'editor-image-resize' | 'editor-indent' | 'editor-info' | 'editor-italic' | 'editor-layout-single' | 'editor-layout-three-equal' | 'editor-layout-three-with-sidebars' | 'editor-layout-two-equal' | 'editor-layout-two-left-sidebar' | 'editor-layout-two-right-sidebar' | 'editor-link' | 'editor-media-center' | 'editor-media-full-width' | 'editor-media-wide' | 'editor-media-wrap-left' | 'editor-media-wrap-right' | 'editor-mention' | 'editor-more' | 'editor-note' | 'editor-number-list' | 'editor-open' | 'editor-outdent' | 'editor-panel' | 'editor-photo' | 'editor-quote' | 'editor-recent' | 'editor-redo' | 'editor-remove' | 'editor-remove-emoji' | 'editor-search' | 'editor-settings' | 'editor-strikethrough' | 'editor-success' | 'editor-table' | 'editor-table-display-options' | 'editor-task' | 'editor-text-color' | 'editor-text-style' | 'editor-underline' | 'editor-undo' | 'editor-unlink' | 'editor-warning' | 'email' | 'emoji' | 'emoji-add' | 'emoji-activity' | 'emoji-atlassian' | 'emoji-custom' | 'emoji-emoji' | 'emoji-flags' | 'emoji-food' | 'emoji-frequent' | 'emoji-keyboard' | 'emoji-nature' | 'emoji-objects' | 'emoji-people' | 'emoji-productivity' | 'emoji-symbols' | 'emoji-travel' | 'error' | 'export' | 'feedback' | 'file' | 'filter' | 'flag-filled' | 'folder' | 'folder-filled' | 'followers' | 'following' | 'googledrive' | 'graph-bar' | 'graph-line' | 'gsuite' | 'highlights' | 'hipchat-audio-only' | 'hipchat-chevron-double-down' | 'hipchat-chevron-double-up' | 'hipchat-chevron-down' | 'hipchat-chevron-up' | 'hipchat-dial-out' | 'hipchat-lobby' | 'hipchat-media-attachment-count' | 'hipchat-outgoing-sound' | 'hipchat-sd-video' | 'home' | 'home-circle' | 'image' | 'image-border' | 'image-resize' | 'info' | 'invite-team' | 'issue' | 'issue-raise' | 'issues' | 'jira-capture' | 'jira-failed-build-status' | 'jira-labs' | 'jira-test-session' | 'label' | 'lightbulb' | 'lightbulb-filled' | 'like' | 'link' | 'link-filled' | 'list' | 'location' | 'lock' | 'lock-circle' | 'lock-filled' | 'marketplace' | 'media-services-actual-size' | 'media-services-add-comment' | 'media-services-annotate' | 'media-services-arrow' | 'media-services-audio' | 'media-services-blur' | 'media-services-brush' | 'media-services-button-option' | 'media-services-code' | 'media-services-document' | 'media-services-filter' | 'media-services-fit-to-page' | 'media-services-full-screen' | 'media-services-grid' | 'media-services-image' | 'media-services-line' | 'media-services-line-thickness' | 'media-services-no-image' | 'media-services-open-mediaviewer' | 'media-services-oval' | 'media-services-pdf' | 'media-services-preselected' | 'media-services-presentation' | 'media-services-rectangle' | 'media-services-scale-large' | 'media-services-scale-small' | 'media-services-spreadsheet' | 'media-services-text' | 'media-services-unknown' | 'media-services-video' | 'media-services-zip' | 'media-services-zoom-in' | 'media-services-zoom-out' | 'mention' | 'menu' | 'menu-expand' | 'mobile' | 'more' | 'more-vertical' | 'notification' | 'notification-all' | 'notification-direct' | 'office-building' | 'office-building-filled' | 'open' | 'overview' | 'page' | 'page-filled' | 'pdf' | 'people' | 'people-group' | 'person' | 'person-circle' | 'person-with-circle' | 'person-with-cross' | 'person-with-tick' | 'portfolio' | 'preferences' | 'premium' | 'presence-active' | 'presence-busy' | 'presence-unavailable' | 'question' | 'question-circle' | 'questions' | 'queues' | 'quote' | 'radio' | 'recent' | 'redo' | 'refresh' | 'retry' | 'roadmap' | 'room-menu' | 'schedule' | 'schedule-filled' | 'screen' | 'search' | 'select-clear' | 'send' | 'settings' | 'share' | 'ship' | 'shortcut' | 'sign-in' | 'sign-out' | 'sprint' | 'star' | 'star-filled' | 'star-large' | 'status' | 'stopwatch' | 'subtask' | 'suitcase' | 'switcher' | 'table' | 'task' | 'teams' | 'trash' | 'tray' | 'undo' | 'unlink' | 'unlock' | 'unlock-circle' | 'unlock-filled' | 'upload' | 'user-avatar-circle' | 'vid-audio-muted' | 'vid-audio-on' | 'vid-backward' | 'vid-camera-off' | 'vid-camera-on' | 'vid-connection-circle' | 'vid-forward' | 'vid-full-screen-off' | 'vid-full-screen-on' | 'vid-hang-up' | 'vid-hd-circle' | 'vid-pause' | 'vid-play' | 'vid-raised-hand' | 'vid-share-screen' | 'vid-speaking-circle' | 'vid-volume-full' | 'vid-volume-half' | 'vid-volume-muted' | 'video-circle' | 'video-filled' | 'warning' | 'watch' | 'watch-filled' | 'world' | 'world-small';
@@ -15,4 +15,5 @@ export type ButtonProps = Pick<PlatformButtonProps, 'children' | 'autoFocus' | '
     iconAfter?: IconType;
     spacing?: PlatformButtonProps['spacing'] | 'none';
 };
+export type TButton<T> = (props: ButtonProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import React from 'react';
 import PlatformCalendar from '@atlaskit/calendar';
 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;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * 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>>
  */
 import React from 'react';
 import PlatformCheckbox from '@atlaskit/checkbox';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
 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'>;
+/**
+ * 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;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import React from 'react';
 import { CodeBlock as PlatformCodeBlock } from '@atlaskit/code';
 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;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import React from 'react';
 import { Code as PlatformCode } from '@atlaskit/code';
 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;
 export {};

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

@@ -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>>
  */
 import type { DateTimePickerSelectProps } from '@atlaskit/datetime-picker';
 export interface FieldProps {
@@ -47,4 +47,8 @@ export type DatePickerProps = {
     selectProps?: DateTimePickerSelectProps;
     shouldShowCalendarButton?: boolean;
 } & 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;
 export {};

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

@@ -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>>
  */
 import type { RowType, StatefulProps } from '@atlaskit/dynamic-table/types';
 type NewRowType = Pick<RowType, 'cells' | 'key' | 'isHighlighted'>;
@@ -13,4 +13,8 @@ export type DynamicTableProps = Pick<StatefulProps, 'defaultPage' | 'defaultSort
     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;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import React from 'react';
 import PlatformEmptyState from '@atlaskit/empty-state';
 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;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import React from 'react';
 import { ErrorMessage as PlatformErrorMessage } from '@atlaskit/form';
 type PlatformErrorMessageProps = React.ComponentProps<typeof PlatformErrorMessage>;
 export type ErrorMessageProps = Pick<PlatformErrorMessageProps, 'children' | 'testId'>;
+/**
+ * A form allows users to input information.
+ */
+export type TErrorMessage<T> = (props: ErrorMessageProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - FlexProps
  *
- * @codegen <<SignedSource::6cc8834108a5a35b246bb5b6d336a307>>
+ * @codegen <<SignedSource::a7674fb0691e3265f6e0940ae4f938e1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/flex/__generated__/index.partial.tsx <<SignedSource::524c2a52b6d867c671d4937480ca329c>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/flex/__generated__/index.partial.tsx <<SignedSource::0e480e44e57f21f761bec4613ac4988d>>
  */
 import React from 'react';
 import { Flex as PlatformFlex } from '@atlaskit/primitives';
 type PlatformFlexProps = React.ComponentProps<typeof PlatformFlex>;
 export type FlexProps = Pick<PlatformFlexProps, 'children' | 'justifyContent' | 'alignItems' | 'columnGap' | 'gap' | 'rowGap' | 'direction' | 'wrap' | 'testId' | 'role'>;
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TFlex<T> = (props: FlexProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - FormFooterProps
  *
- * @codegen <<SignedSource::42bff10c7cc9fcff3c906d4b9af8abd7>>
+ * @codegen <<SignedSource::cb77ae443b27f1229afcd556eb365acf>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-footer.partial.tsx <<SignedSource::e1c39bcdc2f7edc7d21cd21e0c4a47ca>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-footer.partial.tsx <<SignedSource::ff2413efe154db0f89a03200caf50ced>>
  */
 import React from 'react';
 import { FormFooter as PlatformFormFooter } from '@atlaskit/form';
 type PlatformFormFooterProps = React.ComponentProps<typeof PlatformFormFooter>;
 export type FormFooterProps = Pick<PlatformFormFooterProps, 'children' | 'align'>;
+/**
+ * A form allows users to input information.
+ */
+export type TFormFooter<T> = (props: FormFooterProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - FormHeaderProps
  *
- * @codegen <<SignedSource::d8deb5d9e54d7bbbf5f338de52efe8cd>>
+ * @codegen <<SignedSource::74a8285c7ae5a0c5db7b8cafa4d8226b>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-header.partial.tsx <<SignedSource::a819d70cfd6efa6115889e0353f7ec5f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-header.partial.tsx <<SignedSource::038ad7a850af23fb1c9b30de39ab0552>>
  */
 import React from 'react';
 import { FormHeader as PlatformFormHeader } from '@atlaskit/form';
 type PlatformFormHeaderProps = React.ComponentProps<typeof PlatformFormHeader>;
 export type FormHeaderProps = Pick<PlatformFormHeaderProps, 'title' | 'description' | 'children'>;
+/**
+ * A form allows users to input information.
+ */
+export type TFormHeader<T> = (props: FormHeaderProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - FormSectionProps
  *
- * @codegen <<SignedSource::594fc69bc1d8fec83eea322b3fd188ee>>
+ * @codegen <<SignedSource::bb91841c1913229e7eb66d61b4ab693d>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-section.partial.tsx <<SignedSource::d1562b48595a99e4857a21988f0a98cb>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-section.partial.tsx <<SignedSource::7b30101c26550bb11c0f4ca6d4cf46fc>>
  */
 import React from 'react';
 import { FormSection as PlatformFormSection } from '@atlaskit/form';
 type PlatformFormSectionProps = React.ComponentProps<typeof PlatformFormSection>;
 export type FormSectionProps = Pick<PlatformFormSectionProps, 'title' | 'children' | 'description'>;
+/**
+ * A form allows users to input information.
+ */
+export type TFormSection<T> = (props: FormSectionProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - HelperMessageProps
  *
- * @codegen <<SignedSource::cb7b0f9c5f923180d6ab2eb97916ff6c>>
+ * @codegen <<SignedSource::85d8a9188648ed81c09769eedb4935e6>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/helper-message.partial.tsx <<SignedSource::7f2e5d93a731e1fff5075644b7dd2e61>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/helper-message.partial.tsx <<SignedSource::f093808bbd8bf8738059aee750524013>>
  */
 import React from 'react';
 import { HelperMessage as PlatformHelperMessage } from '@atlaskit/form';
 type PlatformHelperMessageProps = React.ComponentProps<typeof PlatformHelperMessage>;
 export type HelperMessageProps = Pick<PlatformHelperMessageProps, 'children' | 'testId'>;
+/**
+ * A form allows users to input information.
+ */
+export type THelperMessage<T> = (props: HelperMessageProps) => T;
 export {};

package/dist/types/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/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/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/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/dist/types-ts4.5/components/__generated__/BadgeProps.codegen.d.ts

@@ -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>>
  */
 import React from 'react';
 import PlatformBadge from '@atlaskit/badge';

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

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import React from 'react';
 import { Bleed as PlatformBleed } from '@atlaskit/primitives';
 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;
 export {};

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::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>>
  */
 import React from 'react';
 import { Box as PlatformBox } from '@atlaskit/primitives';
@@ -2187,7 +2187,7 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
     backgroundColor?: PlatformBoxProps['backgroundColor'];
     /**
      * 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/dist/types-ts4.5/components/__generated__/ButtonGroupProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * 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>>
  */
 import type { ButtonGroupProps as PlatformButtonGroupProps } from '@atlaskit/button';
 import type { ButtonProps } from '@atlaskit/button';
 export type ButtonGroupProps = Pick<PlatformButtonGroupProps, 'children' | 'testId' | 'label' | 'titleId'> & {
     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;