@atlaskit/forge-react-types 0.37.12 → 0.37.13

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTitleProps
  *
- * @codegen <<SignedSource::1742968eb34a6998cf335abcdb9ecd22>>
+ * @codegen <<SignedSource::5848a62020e85d018a41fb99f5b8c979>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::8f0848e3fabd3cf3660c08e2b1863bd9>>
  */
@@ -13,6 +13,8 @@ type PlatformModalTitleProps = React.ComponentProps<typeof PlatformModalTitle>;
 export type ModalTitleProps = Pick<PlatformModalTitleProps, 'appearance' | 'children' | 'isMultiline' | 'testId'>;
 /**
  * A modal title is used to display a title within a modal.
+ *
+ * @see [ModalTitle](https://developer.atlassian.com/platform/forge/ui-kit/components/modal/#title) in UI Kit documentation for more information
  */
 export type TModalTitle<T> = (props: ModalTitleProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTransitionProps
  *
- * @codegen <<SignedSource::fbd2e79db623371d79d173ce8c807737>>
+ * @codegen <<SignedSource::4df20ec54754f56f2bdaeafb075be019>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::9a5d35aaedbe614414c801acffdbeeff>>
  */
@@ -13,6 +13,8 @@ type PlatformModalTransitionProps = React.ComponentProps<typeof PlatformModalTra
 export type ModalTransitionProps = Pick<PlatformModalTransitionProps, 'children'>;
 /**
  * A modal transition wraps a modal to provide a fluid transition upon opening and closing.
+ *
+ * @see [ModalTransition](https://developer.atlassian.com/platform/forge/ui-kit/components/modal/#modal-transition) in UI Kit documentation for more information
  */
 export type TModalTransition<T> = (props: ModalTransitionProps) => T;
 export {};

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - PopupProps
  *
- * @codegen <<SignedSource::9c82b51dc6635d8638a1f1f24ceaec66>>
+ * @codegen <<SignedSource::1406c01bd678b4f8525d6b2e48bf6021>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/popup/index.tsx <<SignedSource::cafa3868628edc1953d996c860801ed5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/popup/index.tsx <<SignedSource::ff9b9f72bb5b2721d62300345e310108>>
  */
 import React from 'react';
 import { default as PlatformPopup } from '@atlaskit/popup';
@@ -25,5 +25,7 @@ export type PopupProps = Omit<React.ComponentProps<typeof PlatformPopup>, 'popup
 };
 /**
  * A popup displays brief content in an overlay.
+ *
+ * @see [Popup](https://developer.atlassian.com/platform/forge/ui-kit/components/popup/) in UI Kit documentation for more information
  */
 export type TPopup<T> = (props: PopupProps) => T;

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressBarProps
  *
- * @codegen <<SignedSource::311fb087e468c54b326bbb425bd62594>>
+ * @codegen <<SignedSource::e0050bb3ee946768c292e24b263334d1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::aafdad776f93c659dc29fdb27eca9027>>
  */
@@ -13,6 +13,8 @@ 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.
+ *
+ * @see [ProgressBar](https://developer.atlassian.com/platform/forge/ui-kit/components/progress-bar/) in UI Kit documentation for more information
  */
 export type TProgressBar<T> = (props: ProgressBarProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressTrackerProps
  *
- * @codegen <<SignedSource::936e27b6592ef14e79d5fe0a336ceb81>>
+ * @codegen <<SignedSource::69d1395fe597e269eaeb412f1b476443>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::50d000e383a00beab96a51973f57c769>>
  */
@@ -14,6 +14,8 @@ export type ProgressTrackerProps = Pick<PlatformProgressTrackerProps, 'label' |
 };
 /**
  * A progress tracker displays the steps and progress through a journey.
+ *
+ * @see [ProgressTracker](https://developer.atlassian.com/platform/forge/ui-kit/components/progress-tracker/) in UI Kit documentation for more information
  */
 export type TProgressTracker<T> = (props: ProgressTrackerProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::9e8f5f00ccd2499b16825fd3a979fa49>>
+ * @codegen <<SignedSource::62c3aaa3d85514469943303c4668c07b>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::eb1a74ed6578669af32fa8e9eccfc967>>
  */
@@ -14,6 +14,8 @@ type PlatformRadioGroupProps = React.ComponentProps<typeof PlatformRadioGroup>;
 export type RadioGroupProps = Pick<PlatformRadioGroupProps, 'defaultValue' | 'options' | 'onInvalid' | 'testId' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange'>;
 /**
  * A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.
+ *
+ * @see [RadioGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/radio-group/) in UI Kit documentation for more information
  */
 export type TRadioGroup<T> = (props: RadioGroupProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::15501f4da2db03fc496259f6cf9db704>>
+ * @codegen <<SignedSource::a7627645dca3852c8c716b51629a953d>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::24d94151d76a83de0609bd9b427e4f3a>>
  */
@@ -14,6 +14,8 @@ type PlatformRadioProps = React.ComponentProps<typeof PlatformRadio>;
 export type RadioProps = Pick<PlatformRadioProps, 'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 /**
  * A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.
+ *
+ * @see [Radio](https://developer.atlassian.com/platform/forge/ui-kit/components/radio/) in UI Kit documentation for more information
  */
 export type TRadio<T> = (props: RadioProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::90b0ddabf2167e8a5baee6fb2a2c151d>>
+ * @codegen <<SignedSource::8059d330e7cc4a21c671966f6c2496cc>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::66f3c55587192848bc42f9fc146e6c7e>>
  */
@@ -14,6 +14,8 @@ type PlatformRangeProps = React.ComponentProps<typeof PlatformRange>;
 export type RangeProps = Pick<PlatformRangeProps, 'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange' | 'id' | 'isDisabled' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
 /**
  * A range lets users choose an approximate value on a slider.
+ *
+ * @see [Range](https://developer.atlassian.com/platform/forge/ui-kit/components/range/) in UI Kit documentation for more information
  */
 export type TRange<T> = (props: RangeProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - SectionMessageActionProps
  *
- * @codegen <<SignedSource::ec58a4fcf2dc9bef11c61ab8aa605d64>>
+ * @codegen <<SignedSource::287b8b418516838ff371d14e49272fa5>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/action.partial.tsx <<SignedSource::50b24e38b69e96bf0beef119eeba8b2f>>
  */
@@ -13,6 +13,8 @@ type PlatformSectionMessageActionProps = React.ComponentProps<typeof PlatformSec
 export type SectionMessageActionProps = Pick<PlatformSectionMessageActionProps, 'children' | 'onClick' | 'href' | 'testId'>;
 /**
  * A section message is used to alert users to a particular section of the screen.
+ *
+ * @see [SectionMessageAction](https://developer.atlassian.com/platform/forge/ui-kit/components/section-message/#section-message-action) in UI Kit documentation for more information
  */
 export type TSectionMessageAction<T> = (props: SectionMessageActionProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - SectionMessageProps
  *
- * @codegen <<SignedSource::a8d8f62dc2c73c2c021e658bd7efbcd7>>
+ * @codegen <<SignedSource::725983e3bb955783124380fc689f56de>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/index.partial.tsx <<SignedSource::164319f578b12a9ab6d85a5bd3e4cc8a>>
  */
@@ -13,6 +13,8 @@ type PlatformSectionMessageProps = React.ComponentProps<typeof PlatformSectionMe
 export type SectionMessageProps = Pick<PlatformSectionMessageProps, 'children' | 'appearance' | 'title' | 'actions' | 'testId'>;
 /**
  * A section message is used to alert users to a particular section of the screen.
+ *
+ * @see [SectionMessage](https://developer.atlassian.com/platform/forge/ui-kit/components/section-message/) in UI Kit documentation for more information
  */
 export type TSectionMessage<T> = (props: SectionMessageProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - SelectProps
  *
- * @codegen <<SignedSource::27434c8de7f2e3082a44901a80c594a9>>
+ * @codegen <<SignedSource::e7cc2654f6b4dfb3d3f0374d0970989f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/select/index.tsx <<SignedSource::f7eed13874b04c56ded5f3434e03c70e>>
  */
@@ -11,5 +11,7 @@ import type { SelectProps as PlatformSelectProps } from '@atlaskit/select';
 export type SelectProps = Pick<PlatformSelectProps<any, true | false>, 'appearance' | 'autoFocus' | 'closeMenuOnScroll' | 'closeMenuOnSelect' | 'defaultInputValue' | 'defaultMenuIsOpen' | 'defaultValue' | 'id' | 'inputId' | 'inputValue' | 'isClearable' | 'isDisabled' | 'isInvalid' | 'isLoading' | 'isMulti' | 'isSearchable' | 'menuIsOpen' | 'openMenuOnFocus' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInputChange' | 'options' | 'placeholder' | 'spacing' | 'testId' | 'value' | 'isRequired'>;
 /**
  * Select allows users to make a single selection or multiple selections from a list of options.
+ *
+ * @see [Select](https://developer.atlassian.com/platform/forge/ui-kit/components/select/) in UI Kit documentation for more information
  */
 export type TSelect<T> = (props: SelectProps) => T;

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - SpinnerProps
  *
- * @codegen <<SignedSource::4e5a68490063fadaa3ca7fb88f04cb94>>
+ * @codegen <<SignedSource::da564e9fcc19afc8bb55ad494a1e1aa6>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/spinner/__generated__/index.partial.tsx <<SignedSource::d6138d211e143990a6133754180f565c>>
  */
@@ -13,6 +13,8 @@ type PlatformSpinnerProps = React.ComponentProps<typeof PlatformSpinner>;
 export type SpinnerProps = Pick<PlatformSpinnerProps, 'appearance' | 'delay' | 'label' | 'size' | 'testId'>;
 /**
  * A spinner is an animated spinning icon that lets users know content is being loaded.
+ *
+ * @see [Spinner](https://developer.atlassian.com/platform/forge/ui-kit/components/spinner/) in UI Kit documentation for more information
  */
 export type TSpinner<T> = (props: SpinnerProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - StackProps
  *
- * @codegen <<SignedSource::d2ba0849ecf2dcab0851f9678f03e102>>
+ * @codegen <<SignedSource::b7d1ae39888c2693e5fc459da4e5871f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::191f725f0992bea2117b07b99f6444de>>
  */
@@ -13,6 +13,8 @@ type PlatformStackProps = React.ComponentProps<typeof PlatformStack>;
 export type StackProps = Pick<PlatformStackProps, 'children' | 'alignBlock' | 'alignInline' | 'grow' | 'space' | 'spread' | 'testId'>;
 /**
  * A stack manages the vertical layout of direct children using flexbox.
+ *
+ * @see [Stack](https://developer.atlassian.com/platform/forge/ui-kit/components/stack/) in UI Kit documentation for more information
  */
 export type TStack<T> = (props: StackProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TabListProps
  *
- * @codegen <<SignedSource::2ac5252a55c5b4f8bbdf29439ab10dcf>>
+ * @codegen <<SignedSource::0ebcb7d52f40dc55d1ecb1924576a165>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::fbd3384538b87c1a820790b55241ee21>>
  */
@@ -13,6 +13,8 @@ type PlatformTabListProps = React.ComponentProps<typeof PlatformTabList>;
 export type TabListProps = Pick<PlatformTabListProps, 'children'>;
 /**
  * A `TabList` groups `Tab` components together.
+ *
+ * @see [TabList](https://developer.atlassian.com/platform/forge/ui-kit/components/tab-list/) in UI Kit documentation for more information
  */
 export type TTabList<T> = (props: TabListProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TabPanelProps
  *
- * @codegen <<SignedSource::6ff302a008a6520f4b1b03de50bfe530>>
+ * @codegen <<SignedSource::81d45904da28e8174cfe981f4d3c9ff4>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::e7936c96c90f8f4682c85a00f85a23f4>>
  */
@@ -13,6 +13,8 @@ type PlatformTabPanelProps = React.ComponentProps<typeof PlatformTabPanel>;
 export type TabPanelProps = Pick<PlatformTabPanelProps, 'children' | 'testId'>;
 /**
  * A `TabPanel` houses the contents of a `Tab`.
+ *
+ * @see [TabPanel](https://developer.atlassian.com/platform/forge/ui-kit/components/tabs/) in UI Kit documentation for more information
  */
 export type TTabPanel<T> = (props: TabPanelProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TabProps
  *
- * @codegen <<SignedSource::d69181ff464555d27568e977900710b6>>
+ * @codegen <<SignedSource::06bf788051c0103d75e2ff758f1982ad>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::05b588ddfb6bfa200363a1127660dce4>>
  */
@@ -13,6 +13,8 @@ type PlatformTabProps = React.ComponentProps<typeof PlatformTab>;
 export type TabProps = Pick<PlatformTabProps, 'children' | 'testId'>;
 /**
  * `Tab` represents an individual tab displayed in a TabList.
+ *
+ * @see [Tab](https://developer.atlassian.com/platform/forge/ui-kit/components/tabs/) in UI Kit documentation for more information
  */
 export type TTab<T> = (props: TabProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TabsProps
  *
- * @codegen <<SignedSource::218a06565465557c9f3831d190600268>>
+ * @codegen <<SignedSource::064a9bb9ab87e096878895e81bd4bf6a>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabs.partial.tsx <<SignedSource::f5d8442dd79c61463d58ed2e436af3f4>>
  */
@@ -13,6 +13,8 @@ type PlatformTabsProps = React.ComponentProps<typeof PlatformTabs>;
 export type TabsProps = Pick<PlatformTabsProps, 'id' | 'children' | 'defaultSelected' | 'onChange' | 'selected' | 'shouldUnmountTabPanelOnChange' | 'testId'>;
 /**
  * Tabs are used to organize content by grouping similar information on the same page.
+ *
+ * @see [Tabs](https://developer.atlassian.com/platform/forge/ui-kit/components/tabs/) in UI Kit documentation for more information
  */
 export type TTabs<T> = (props: TabsProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TagGroupProps
  *
- * @codegen <<SignedSource::45fcdf87d3eec9b19786d1085f656356>>
+ * @codegen <<SignedSource::eaa939ea39a1dac5b1f04c5d6541463c>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/taggroup/__generated__/index.partial.tsx <<SignedSource::5ecfc76aae3b3e7f55b076d81f20c782>>
  */
@@ -13,6 +13,8 @@ type PlatformTagGroupProps = React.ComponentProps<typeof PlatformTagGroup>;
 export type TagGroupProps = Pick<PlatformTagGroupProps, 'children' | 'alignment'>;
 /**
  * A tag group controls the layout and alignment for a collection of tags.
+ *
+ * @see [TagGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/tag-group/) in UI Kit documentation for more information
  */
 export type TTagGroup<T> = (props: TagGroupProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TagProps
  *
- * @codegen <<SignedSource::1d48163194ea309ddc6f7353e5123202>>
+ * @codegen <<SignedSource::8dd4fdab8ec8a06ebdaa818808a12d3a>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/tag/__generated__/index.partial.tsx <<SignedSource::1f9f7073797cd01947c622c0400785ae>>
  */
@@ -13,6 +13,8 @@ type PlatformSimpleTagProps = React.ComponentProps<typeof PlatformSimpleTag>;
 export type SimpleTagProps = Pick<PlatformSimpleTagProps, 'text' | 'appearance' | 'color' | 'elemBefore' | 'href' | 'testId'>;
 /**
  * A tag labels UI objects for quick recognition and navigation.
+ *
+ * @see [SimpleTag](https://developer.atlassian.com/platform/forge/ui-kit/components/tag/) in UI Kit documentation for more information
  */
 export type TSimpleTag<T> = (props: SimpleTagProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::4735e4d09b0b6c4a75fe1c08151b6054>>
+ * @codegen <<SignedSource::efe2109932fd748ce38c5d36a2ad4194>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/index.tsx <<SignedSource::282c20421c108bd52e5341ba0ee4293c>>
  */
@@ -14,6 +14,8 @@ type PlatformTextareaProps = React.ComponentProps<typeof PlatformTextarea>;
 export type TextAreaProps = Pick<PlatformTextareaProps, 'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength' | 'autoFocus' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 /**
  * A text area lets users enter long form text which spans over multiple lines.
+ *
+ * @see [TextArea](https://developer.atlassian.com/platform/forge/ui-kit/components/text-area/) in UI Kit documentation for more information
  */
 export type TTextArea<T> = (props: TextAreaProps) => T;
 export {};

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

@@ -1,14 +1,16 @@
-import type { TextProps as PlatformTextProps } from '@atlaskit/primitives/compiled';
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  *
  * Extract component prop types from UIKit 2 components - TextProps
  *
- * @codegen <<SignedSource::3f7781db8852b0cd5c500d260310f09f>>
+ * @codegen <<SignedSource::c90b3120290d482160619bb4fea7e76e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/text/__generated__/index.partial.tsx <<SignedSource::0cf707b56e3bfd72ceec543d90b2f840>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/text/__generated__/index.partial.tsx <<SignedSource::c49669a7876b51b4a88645a51f7a1451>>
  */
+import React from 'react';
+import { Text as PlatformText } from '@atlaskit/primitives/compiled';
 type OriginalPlatformProps = Pick<PlatformTextProps, 'align' | 'as' | 'color' | 'maxLines' | 'size' | 'weight' | 'children' | 'testId'>;
+type PlatformTextProps = React.ComponentProps<typeof PlatformText>;
 export type TextProps = Omit<OriginalPlatformProps, 'as'> & {
     as?: OriginalPlatformProps['as'] | 'strike';
 };

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::4f0a7b04b3a23a5889553b2bfaf7f454>>
+ * @codegen <<SignedSource::31074b919540a908cdd081018805c121>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/index.tsx <<SignedSource::03b967815639a5a5aae4f79da283d410>>
  */
@@ -14,6 +14,8 @@ type PlatformTextfieldProps = React.ComponentProps<typeof PlatformTextfield>;
 export type TextfieldProps = Pick<PlatformTextfieldProps, 'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'autoFocus' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 /**
  * A text field is an input that allows a user to write or edit text.
+ *
+ * @see [Textfield](https://developer.atlassian.com/platform/forge/ui-kit/components/textfield/) in UI Kit documentation for more information
  */
 export type TTextfield<T> = (props: TextfieldProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TimePickerProps
  *
- * @codegen <<SignedSource::3f20d9d9bd43c0d792ea07ff9ecc23b1>>
+ * @codegen <<SignedSource::8bad83ca67ad4480f1f89ff352a7a18d>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::8f1c6ab03a29e7279ed2d3e82b086ab0>>
  */
@@ -45,6 +45,8 @@ export type TimePickerProps = {
 } & Partial<Omit<FieldProps, 'onChange'>>;
 /**
  * A time picker allows the user to select a specific time.
+ *
+ * @see [TimePicker](https://developer.atlassian.com/platform/forge/ui-kit/components/time-picker/) in UI Kit documentation for more information
  */
 export type TTimePicker<T> = (props: TimePickerProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::388ba32ab2e4bdf3dbe9d05944eb41f0>>
+ * @codegen <<SignedSource::26b64a1506fb8a63c7850417f78fd7ba>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::b7d6483e971110f0134e350247bb54af>>
  */
@@ -14,6 +14,8 @@ type PlatformToggleProps = React.ComponentProps<typeof PlatformToggle>;
 export type ToggleProps = Pick<PlatformToggleProps, 'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label' | 'id' | 'isDisabled' | 'value' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 /**
  * A toggle is used to view or switch between enabled or disabled states.
+ *
+ * @see [Toggle](https://developer.atlassian.com/platform/forge/ui-kit/components/toggle/) in UI Kit documentation for more information
  */
 export type TToggle<T> = (props: ToggleProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - TooltipProps
  *
- * @codegen <<SignedSource::4b27e1c130769985576ab4c910715b03>>
+ * @codegen <<SignedSource::9aa991d0f73b4055a3453375ad75cd71>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::e3e388170520502310149f23b8defa27>>
  */
@@ -13,6 +13,8 @@ type PlatformTooltipProps = React.ComponentProps<typeof PlatformTooltip>;
 export type TooltipProps = Pick<PlatformTooltipProps, 'children' | 'position' | 'mousePosition' | 'content' | 'truncate' | 'testId' | 'delay'>;
 /**
  * A `Tooltip` is a floating, non-actionable label used to explain a user interface element or feature.
+ *
+ * @see [Tooltip](https://developer.atlassian.com/platform/forge/ui-kit/components/tooltip/) in UI Kit documentation for more information
  */
 export type TTooltip<T> = (props: TooltipProps) => T;
 export {};

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - ValidMessageProps
  *
- * @codegen <<SignedSource::4cc4d2511f92d5cb8969eb03a63cb079>>
+ * @codegen <<SignedSource::3eb0a5c4721b83e37d1bc27e5b9547e2>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/valid-message.partial.tsx <<SignedSource::7c24bfd118e399bb212709c31585209b>>
  */
@@ -14,6 +14,8 @@ export type ValidMessageProps = Pick<PlatformValidMessageProps, 'children' | 'te
 /**
  * A valid message is used to tell a user that the field input is valid.
  * For example, a helper message could be "Nice one, this username is available".
+ *
+ * @see [ValidMessage](https://developer.atlassian.com/platform/forge/ui-kit/components/form/#validation-message) in UI Kit documentation for more information
  */
 export type TValidMessage<T> = (props: ValidMessageProps) => T;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.37.12",
+	"version": "0.37.13",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -63,6 +63,7 @@
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.0",
 		"@types/node": "~20.16.5",
+		"lodash": "^4.17.21",
 		"react": "^18.2.0",
 		"ts-morph": "^17.0.0",
 		"ts-node": "^10.9.1",

package/scripts/codegen/codeGenerator.ts

@@ -6,6 +6,8 @@ import {
 	type TypeAliasDeclaration,
 	type ImportDeclaration,
 } from 'ts-morph';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import kebabCase from 'lodash/kebabCase';
 
 const getNames = (symbol: Symbol) => {
 	const name = symbol.getName();
@@ -53,6 +55,25 @@ const getBaseComponentSymbol = (componentSymbol: Symbol, sourceFile: SourceFile)
  * This function will extract the PlatformButtonProps type declaration.
  */
 const getDependentTypeDeclarations = (baseComponentPropSymbol: Symbol, sourceFile: SourceFile) => {
+	const declarations = getDependentTypeDeclarationsBase(baseComponentPropSymbol, sourceFile);
+
+	for (const declaration of declarations) {
+		// further extract dependent types from the dependent type declarations, if it is not yet the base component prop symbol
+		// e.g. Text component depends on OriginalPlatformProps which depends on PlatformTextProps
+		if (!declaration.getName().startsWith('_Platform') && !declaration.getName().startsWith('Platform')) {
+			const typeAliasSymbol = declaration.getSymbolOrThrow();
+			const baseComponentPropCode = getDeclaration(baseComponentPropSymbol).getText();
+			for (const dependentTypeAliasDeclaration of getDependentTypeDeclarationsBase(typeAliasSymbol, sourceFile)) {
+				if (baseComponentPropCode !== dependentTypeAliasDeclaration.getText()) {
+					declarations.push(dependentTypeAliasDeclaration);
+				}
+			}
+		}
+	}
+	return declarations;
+};
+
+const getDependentTypeDeclarationsBase = (baseComponentPropSymbol: Symbol, sourceFile: SourceFile) => {
 	return sourceFile.getTypeAliases().reduce((declarations, typeAlias) => {
 		const typeAliasName = typeAlias.getName();
 		if (typeAliasName !== baseComponentPropSymbol.getName()) {
@@ -163,6 +184,7 @@ const extractImportDeclarations = (
 		componentDeclarationCode,
 		...dependentTypeDeclarations.map((typeAlias) => typeAlias.getText()).filter((code) => !!code),
 	];
+
 	return sourceFile
 		.getImportDeclarations()
 		.filter((declaration) => {
@@ -300,8 +322,13 @@ const resolveExternalTypesCode = (
 };
 
 const makeJSDocComment = (comment: string) => {
+	const commentBody = comment
+		.split('\n')
+		.map((line) => line.trimEnd())
+		.map((line) => (line.length === 0 ? ' *' : ` * ${line}`))
+		.join('\n');
 	return `/**
- * ${comment.split('\n').join('\n * ')}
+${commentBody}
  */`;
 };
 
@@ -319,7 +346,13 @@ const getComponentTypeCode = (componentPropSymbol: Symbol, sourceFile: SourceFil
 			.join('\n');
 
 		if (comment && comment.length > 0) {
-			statements.push(updateDACUrlInJSDocComment(makeJSDocComment(comment)));
+			let jsDocContent = comment;
+			const componentDocUrl = getUIKitComponentDocUrl(componentName);
+			if (componentDocUrl) {
+				jsDocContent = `${comment}\n\n@see [${componentName}](${getUIKitComponentDocUrl(componentName)}) in UI Kit documentation for more information`;
+			}
+
+			statements.push(updateDACUrlInJSDocComment(makeJSDocComment(jsDocContent)));
 		}
 	}
 	statements.push(`export type T${componentName}<T> = (props: ${propName}) => T;`);
@@ -373,6 +406,43 @@ const getComponentPropsTypeCode = (componentPropSymbol: Symbol) => {
 	return updateDACUrlInJSDocComment(sourceCode);
 };
 
+// this is to map special cases, and we should later review them for better consistency
+const componentPathMap: Record<string, string | false> = {
+	AdfRenderer: 'adfRenderer',
+	ErrorMessage: 'form/#error-message',
+	HelperMessage: 'form/#helper-message',
+	ValidMessage: 'form/#validation-message',
+	FormHeader: 'form/#form-header',
+	FormFooter: 'form/#form-footer',
+	FormSection: 'form/#form-section',
+	Label: 'form/#label',
+	LinkButton: 'button/#linkbutton-props',
+	LoadingButton: 'button/#loadingbutton-props',
+	ModalBody: 'modal/#body',
+	ModalFooter: 'modal/#footer',
+	ModalHeader: 'modal/#header',
+	ModalTitle: 'modal/#title',
+	ModalTransition: 'modal/#modal-transition',
+	SectionMessageAction: 'section-message/#section-message-action',
+	TabsList: 'tabs',
+	TabPanel: 'tabs',
+	Tab: 'tabs',
+	SimpleTag: 'tag',
+	Grid: false,
+	Bleed: false,
+};
+
+const getUIKitComponentDocUrl = (componentName: string) => {
+	const matchedComponentPath = componentPathMap[componentName];
+	if (matchedComponentPath === false) {
+		return null;
+	}
+	const baseComponentPath = matchedComponentPath ?? kebabCase(componentName);
+	const componentPath = baseComponentPath.includes('/#') ? baseComponentPath : `${baseComponentPath}/`;
+
+	return `/platform/forge/ui-kit/components/${componentPath}`;
+};
+
 const baseGenerateComponentPropTypeSourceCode = (
 	componentPropSymbol: Symbol,
 	sourceFile: SourceFile,