@atlaskit/forge-react-types 0.34.15 → 0.35.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/forge-react-types
 
+## 0.35.0
+
+### Minor Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.34.16
+
+### Patch Changes
+
+- [#108316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108316)
+  [`8e8eed0bdc006`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8e8eed0bdc006) -
+  Migrate radio, range, section message, spinner, stack, tabs, tag, tag group, time picker, toggle,
+  tooltip to using props config
+
 ## 0.34.15
 
 ### Patch Changes

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::76b2b907786999428806f64adef865b5>>
+ * @codegen <<SignedSource::9e8f5f00ccd2499b16825fd3a979fa49>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::4389c503fdf3481d7d3b0a5b93920e3f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::eb1a74ed6578669af32fa8e9eccfc967>>
  */
 import React from 'react';
 import { RadioGroup as PlatformRadioGroup } from '@atlaskit/radio';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TRadioGroup<T> = (props: RadioGroupProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::326831c949bb5cbb99e073727ad8d55e>>
+ * @codegen <<SignedSource::15501f4da2db03fc496259f6cf9db704>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::f8ac68c1f51a8a6ea746a657fc9ee4da>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::24d94151d76a83de0609bd9b427e4f3a>>
  */
 import React from 'react';
 import { Radio as PlatformRadio } from '@atlaskit/radio';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TRadio<T> = (props: RadioProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::56deb7fafdabfdd7bc9040bf16ef23a8>>
+ * @codegen <<SignedSource::90b0ddabf2167e8a5baee6fb2a2c151d>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::47b47ae1505ae1df985d952d77e858e8>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::66f3c55587192848bc42f9fc146e6c7e>>
  */
 import React from 'react';
 import PlatformRange from '@atlaskit/range';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TRange<T> = (props: RangeProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - SectionMessageActionProps
  *
- * @codegen <<SignedSource::535aedc26590b8298d524a3c3a8e7874>>
+ * @codegen <<SignedSource::ec58a4fcf2dc9bef11c61ab8aa605d64>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/action.partial.tsx <<SignedSource::d1a01b35cd5553fd5ac911fb1341b920>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/action.partial.tsx <<SignedSource::50b24e38b69e96bf0beef119eeba8b2f>>
  */
 import React from 'react';
 import { SectionMessageAction as PlatformSectionMessageAction } from '@atlaskit/section-message';
 type PlatformSectionMessageActionProps = React.ComponentProps<typeof PlatformSectionMessageAction>;
 export type SectionMessageActionProps = Pick<PlatformSectionMessageActionProps, 'children' | 'onClick' | 'href' | 'testId'>;
+/**
+ * A section message is used to alert users to a particular section of the screen.
+ */
+export type TSectionMessageAction<T> = (props: SectionMessageActionProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - SectionMessageProps
  *
- * @codegen <<SignedSource::1803a5975db438b2c4cd2852cd1a228d>>
+ * @codegen <<SignedSource::a8d8f62dc2c73c2c021e658bd7efbcd7>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/index.partial.tsx <<SignedSource::dd1458a5551bb547bccc3ed9b20a0775>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/index.partial.tsx <<SignedSource::164319f578b12a9ab6d85a5bd3e4cc8a>>
  */
 import React from 'react';
 import PlatformSectionMessage from '@atlaskit/section-message';
 type PlatformSectionMessageProps = React.ComponentProps<typeof PlatformSectionMessage>;
 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.
+ */
+export type TSectionMessage<T> = (props: SectionMessageProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - SpinnerProps
  *
- * @codegen <<SignedSource::108d6188d28cc7b7e79512b33d9b4bb3>>
+ * @codegen <<SignedSource::4e5a68490063fadaa3ca7fb88f04cb94>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/spinner/__generated__/index.partial.tsx <<SignedSource::309b9820ed3451cfdc77160864e3040c>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/spinner/__generated__/index.partial.tsx <<SignedSource::d6138d211e143990a6133754180f565c>>
  */
 import React from 'react';
 import PlatformSpinner from '@atlaskit/spinner';
 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.
+ */
+export type TSpinner<T> = (props: SpinnerProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - StackProps
  *
- * @codegen <<SignedSource::7e222b1de945d3a469766af8080b1bfa>>
+ * @codegen <<SignedSource::0e61f7285631ab35f3a77bb1d42d43aa>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::c2360fd1ad9e2cd87d47c640ad0158d2>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::63880622ee058ba54ea3754cbc1910f4>>
  */
 import React from 'react';
 import { Stack as PlatformStack } from '@atlaskit/primitives';
 type PlatformStackProps = React.ComponentProps<typeof PlatformStack>;
 export type StackProps = Pick<PlatformStackProps, 'children' | 'alignBlock' | 'alignInline' | 'grow' | 'space' | 'spread' | 'testId'>;
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TStack<T> = (props: StackProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabListProps
  *
- * @codegen <<SignedSource::b0a70e674ab9c1eacb79ca5cb9e5a60b>>
+ * @codegen <<SignedSource::0b10d2d919012771dcb780ff32d5cfd2>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::1f5c04bb243364d5edb96ba6d7bf4eab>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::4ada894a5d94a305fa30eb45a6759915>>
  */
 import React from 'react';
 import { TabList as PlatformTabList } from '@atlaskit/tabs';
 type PlatformTabListProps = React.ComponentProps<typeof PlatformTabList>;
 export type TabListProps = Pick<PlatformTabListProps, 'children'>;
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTabList<T> = (props: TabListProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabPanelProps
  *
- * @codegen <<SignedSource::e98bc9e4b752705298ebad67615c0c5d>>
+ * @codegen <<SignedSource::d880c7eaf445179245b8aea2d70ea39e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::76baa39c69317c03c4db2e4d8b7940af>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::1bbc05ad9425e3df25423076ab0a0acf>>
  */
 import React from 'react';
 import { TabPanel as PlatformTabPanel } from '@atlaskit/tabs';
 type PlatformTabPanelProps = React.ComponentProps<typeof PlatformTabPanel>;
 export type TabPanelProps = Pick<PlatformTabPanelProps, 'children' | 'testId'>;
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTabPanel<T> = (props: TabPanelProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabProps
  *
- * @codegen <<SignedSource::b524262570052be714e6f79ea8498129>>
+ * @codegen <<SignedSource::6b0d6b725c7692c9bfcddf45f3ca4f1f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::2ead4cab9a2f95ec27b0dee4d57ed3bc>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::f5363c279366b51358d257738457c7d5>>
  */
 import React from 'react';
 import { Tab as PlatformTab } from '@atlaskit/tabs';
 type PlatformTabProps = React.ComponentProps<typeof PlatformTab>;
 export type TabProps = Pick<PlatformTabProps, 'children' | 'testId'>;
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTab<T> = (props: TabProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabsProps
  *
- * @codegen <<SignedSource::6cb500bd3d514e486ff5f0d4159adeba>>
+ * @codegen <<SignedSource::218a06565465557c9f3831d190600268>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabs.partial.tsx <<SignedSource::15b1190f9455e6573f225c044c8e9ab1>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabs.partial.tsx <<SignedSource::f5d8442dd79c61463d58ed2e436af3f4>>
  */
 import React from 'react';
 import PlatformTabs from '@atlaskit/tabs';
 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.
+ */
+export type TTabs<T> = (props: TabsProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TagGroupProps
  *
- * @codegen <<SignedSource::62c8142dd4e6c4f797c463e56c1db939>>
+ * @codegen <<SignedSource::45fcdf87d3eec9b19786d1085f656356>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/taggroup/__generated__/index.partial.tsx <<SignedSource::3fbcfe988f4bfc964c9581a446d396c1>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/taggroup/__generated__/index.partial.tsx <<SignedSource::5ecfc76aae3b3e7f55b076d81f20c782>>
  */
 import React from 'react';
 import PlatformTagGroup from '@atlaskit/tag-group';
 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.
+ */
+export type TTagGroup<T> = (props: TagGroupProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TagProps
  *
- * @codegen <<SignedSource::659578117ad1c84acac9b908776763c7>>
+ * @codegen <<SignedSource::1d48163194ea309ddc6f7353e5123202>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tag/__generated__/index.partial.tsx <<SignedSource::5eafca6673842204effb416681fb9ff4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tag/__generated__/index.partial.tsx <<SignedSource::1f9f7073797cd01947c622c0400785ae>>
  */
 import React from 'react';
 import { SimpleTag as PlatformSimpleTag } from '@atlaskit/tag';
 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.
+ */
+export type TSimpleTag<T> = (props: SimpleTagProps) => T;
 export {};

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TimePickerProps
  *
- * @codegen <<SignedSource::73dc2136b2ba29573144e93edecc7aaf>>
+ * @codegen <<SignedSource::bf9a04576bd1f8b348bd5091c9273208>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::5bcabc669a6d294cb820187410a39ec5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::aa8817ad383b8e2bce261c520e227b41>>
  */
 import type { DateTimePickerSelectProps } from '@atlaskit/datetime-picker';
 export interface FieldProps {
@@ -43,4 +43,8 @@ export type TimePickerProps = {
     testId?: string;
     selectProps?: DateTimePickerSelectProps;
 } & Partial<Omit<FieldProps, 'onChange'>>;
+/**
+ * A date time picker allows the user to select an associated date and time.
+ */
+export type TTimePicker<T> = (props: TimePickerProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::0d1faa253d2e70362ed0dc93dc62262b>>
+ * @codegen <<SignedSource::388ba32ab2e4bdf3dbe9d05944eb41f0>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::c3ddcdd89af4be8543231a1ab89d8f45>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::b7d6483e971110f0134e350247bb54af>>
  */
 import React from 'react';
 import PlatformToggle from '@atlaskit/toggle';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TToggle<T> = (props: ToggleProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TooltipProps
  *
- * @codegen <<SignedSource::b6807315726c092802b580dee42dbc11>>
+ * @codegen <<SignedSource::d67c937dcf799eb3d57dc35b62b52bd4>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::cb28602393b583ab0d214d5f64fc2972>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::f5b26159e3b08ac61199d599900f523d>>
  */
 import React from 'react';
 import PlatformTooltip from '@atlaskit/tooltip';
 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.
+ */
+export type TTooltip<T> = (props: TooltipProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::76b2b907786999428806f64adef865b5>>
+ * @codegen <<SignedSource::9e8f5f00ccd2499b16825fd3a979fa49>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::4389c503fdf3481d7d3b0a5b93920e3f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::eb1a74ed6578669af32fa8e9eccfc967>>
  */
 import React from 'react';
 import { RadioGroup as PlatformRadioGroup } from '@atlaskit/radio';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TRadioGroup<T> = (props: RadioGroupProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::326831c949bb5cbb99e073727ad8d55e>>
+ * @codegen <<SignedSource::15501f4da2db03fc496259f6cf9db704>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::f8ac68c1f51a8a6ea746a657fc9ee4da>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::24d94151d76a83de0609bd9b427e4f3a>>
  */
 import React from 'react';
 import { Radio as PlatformRadio } from '@atlaskit/radio';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TRadio<T> = (props: RadioProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::56deb7fafdabfdd7bc9040bf16ef23a8>>
+ * @codegen <<SignedSource::90b0ddabf2167e8a5baee6fb2a2c151d>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::47b47ae1505ae1df985d952d77e858e8>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::66f3c55587192848bc42f9fc146e6c7e>>
  */
 import React from 'react';
 import PlatformRange from '@atlaskit/range';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TRange<T> = (props: RangeProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - SectionMessageActionProps
  *
- * @codegen <<SignedSource::535aedc26590b8298d524a3c3a8e7874>>
+ * @codegen <<SignedSource::ec58a4fcf2dc9bef11c61ab8aa605d64>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/action.partial.tsx <<SignedSource::d1a01b35cd5553fd5ac911fb1341b920>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/action.partial.tsx <<SignedSource::50b24e38b69e96bf0beef119eeba8b2f>>
  */
 import React from 'react';
 import { SectionMessageAction as PlatformSectionMessageAction } from '@atlaskit/section-message';
 type PlatformSectionMessageActionProps = React.ComponentProps<typeof PlatformSectionMessageAction>;
 export type SectionMessageActionProps = Pick<PlatformSectionMessageActionProps, 'children' | 'onClick' | 'href' | 'testId'>;
+/**
+ * A section message is used to alert users to a particular section of the screen.
+ */
+export type TSectionMessageAction<T> = (props: SectionMessageActionProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - SectionMessageProps
  *
- * @codegen <<SignedSource::1803a5975db438b2c4cd2852cd1a228d>>
+ * @codegen <<SignedSource::a8d8f62dc2c73c2c021e658bd7efbcd7>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/index.partial.tsx <<SignedSource::dd1458a5551bb547bccc3ed9b20a0775>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/index.partial.tsx <<SignedSource::164319f578b12a9ab6d85a5bd3e4cc8a>>
  */
 import React from 'react';
 import PlatformSectionMessage from '@atlaskit/section-message';
 type PlatformSectionMessageProps = React.ComponentProps<typeof PlatformSectionMessage>;
 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.
+ */
+export type TSectionMessage<T> = (props: SectionMessageProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - SpinnerProps
  *
- * @codegen <<SignedSource::108d6188d28cc7b7e79512b33d9b4bb3>>
+ * @codegen <<SignedSource::4e5a68490063fadaa3ca7fb88f04cb94>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/spinner/__generated__/index.partial.tsx <<SignedSource::309b9820ed3451cfdc77160864e3040c>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/spinner/__generated__/index.partial.tsx <<SignedSource::d6138d211e143990a6133754180f565c>>
  */
 import React from 'react';
 import PlatformSpinner from '@atlaskit/spinner';
 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.
+ */
+export type TSpinner<T> = (props: SpinnerProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - StackProps
  *
- * @codegen <<SignedSource::7e222b1de945d3a469766af8080b1bfa>>
+ * @codegen <<SignedSource::0e61f7285631ab35f3a77bb1d42d43aa>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::c2360fd1ad9e2cd87d47c640ad0158d2>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::63880622ee058ba54ea3754cbc1910f4>>
  */
 import React from 'react';
 import { Stack as PlatformStack } from '@atlaskit/primitives';
 type PlatformStackProps = React.ComponentProps<typeof PlatformStack>;
 export type StackProps = Pick<PlatformStackProps, 'children' | 'alignBlock' | 'alignInline' | 'grow' | 'space' | 'spread' | 'testId'>;
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TStack<T> = (props: StackProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabListProps
  *
- * @codegen <<SignedSource::b0a70e674ab9c1eacb79ca5cb9e5a60b>>
+ * @codegen <<SignedSource::0b10d2d919012771dcb780ff32d5cfd2>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::1f5c04bb243364d5edb96ba6d7bf4eab>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::4ada894a5d94a305fa30eb45a6759915>>
  */
 import React from 'react';
 import { TabList as PlatformTabList } from '@atlaskit/tabs';
 type PlatformTabListProps = React.ComponentProps<typeof PlatformTabList>;
 export type TabListProps = Pick<PlatformTabListProps, 'children'>;
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTabList<T> = (props: TabListProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabPanelProps
  *
- * @codegen <<SignedSource::e98bc9e4b752705298ebad67615c0c5d>>
+ * @codegen <<SignedSource::d880c7eaf445179245b8aea2d70ea39e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::76baa39c69317c03c4db2e4d8b7940af>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::1bbc05ad9425e3df25423076ab0a0acf>>
  */
 import React from 'react';
 import { TabPanel as PlatformTabPanel } from '@atlaskit/tabs';
 type PlatformTabPanelProps = React.ComponentProps<typeof PlatformTabPanel>;
 export type TabPanelProps = Pick<PlatformTabPanelProps, 'children' | 'testId'>;
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTabPanel<T> = (props: TabPanelProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabProps
  *
- * @codegen <<SignedSource::b524262570052be714e6f79ea8498129>>
+ * @codegen <<SignedSource::6b0d6b725c7692c9bfcddf45f3ca4f1f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::2ead4cab9a2f95ec27b0dee4d57ed3bc>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::f5363c279366b51358d257738457c7d5>>
  */
 import React from 'react';
 import { Tab as PlatformTab } from '@atlaskit/tabs';
 type PlatformTabProps = React.ComponentProps<typeof PlatformTab>;
 export type TabProps = Pick<PlatformTabProps, 'children' | 'testId'>;
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTab<T> = (props: TabProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabsProps
  *
- * @codegen <<SignedSource::6cb500bd3d514e486ff5f0d4159adeba>>
+ * @codegen <<SignedSource::218a06565465557c9f3831d190600268>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabs.partial.tsx <<SignedSource::15b1190f9455e6573f225c044c8e9ab1>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabs.partial.tsx <<SignedSource::f5d8442dd79c61463d58ed2e436af3f4>>
  */
 import React from 'react';
 import PlatformTabs from '@atlaskit/tabs';
 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.
+ */
+export type TTabs<T> = (props: TabsProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TagGroupProps
  *
- * @codegen <<SignedSource::62c8142dd4e6c4f797c463e56c1db939>>
+ * @codegen <<SignedSource::45fcdf87d3eec9b19786d1085f656356>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/taggroup/__generated__/index.partial.tsx <<SignedSource::3fbcfe988f4bfc964c9581a446d396c1>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/taggroup/__generated__/index.partial.tsx <<SignedSource::5ecfc76aae3b3e7f55b076d81f20c782>>
  */
 import React from 'react';
 import PlatformTagGroup from '@atlaskit/tag-group';
 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.
+ */
+export type TTagGroup<T> = (props: TagGroupProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TagProps
  *
- * @codegen <<SignedSource::659578117ad1c84acac9b908776763c7>>
+ * @codegen <<SignedSource::1d48163194ea309ddc6f7353e5123202>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tag/__generated__/index.partial.tsx <<SignedSource::5eafca6673842204effb416681fb9ff4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tag/__generated__/index.partial.tsx <<SignedSource::1f9f7073797cd01947c622c0400785ae>>
  */
 import React from 'react';
 import { SimpleTag as PlatformSimpleTag } from '@atlaskit/tag';
 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.
+ */
+export type TSimpleTag<T> = (props: SimpleTagProps) => T;
 export {};

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TimePickerProps
  *
- * @codegen <<SignedSource::73dc2136b2ba29573144e93edecc7aaf>>
+ * @codegen <<SignedSource::bf9a04576bd1f8b348bd5091c9273208>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::5bcabc669a6d294cb820187410a39ec5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::aa8817ad383b8e2bce261c520e227b41>>
  */
 import type { DateTimePickerSelectProps } from '@atlaskit/datetime-picker';
 export interface FieldProps {
@@ -43,4 +43,8 @@ export type TimePickerProps = {
     testId?: string;
     selectProps?: DateTimePickerSelectProps;
 } & Partial<Omit<FieldProps, 'onChange'>>;
+/**
+ * A date time picker allows the user to select an associated date and time.
+ */
+export type TTimePicker<T> = (props: TimePickerProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::0d1faa253d2e70362ed0dc93dc62262b>>
+ * @codegen <<SignedSource::388ba32ab2e4bdf3dbe9d05944eb41f0>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::c3ddcdd89af4be8543231a1ab89d8f45>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::b7d6483e971110f0134e350247bb54af>>
  */
 import React from 'react';
 import PlatformToggle from '@atlaskit/toggle';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TToggle<T> = (props: ToggleProps) => T;
 export {};

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

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TooltipProps
  *
- * @codegen <<SignedSource::b6807315726c092802b580dee42dbc11>>
+ * @codegen <<SignedSource::d67c937dcf799eb3d57dc35b62b52bd4>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::cb28602393b583ab0d214d5f64fc2972>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::f5b26159e3b08ac61199d599900f523d>>
  */
 import React from 'react';
 import PlatformTooltip from '@atlaskit/tooltip';
 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.
+ */
+export type TTooltip<T> = (props: TooltipProps) => T;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.34.15",
+	"version": "0.35.0",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,37 +24,37 @@
 		"team": "Forge UI"
 	},
 	"dependencies": {
-		"@atlaskit/badge": "^17.0.0",
-		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/calendar": "^16.2.0",
-		"@atlaskit/checkbox": "^15.2.0",
-		"@atlaskit/code": "^15.6.0",
-		"@atlaskit/datetime-picker": "^15.11.0",
-		"@atlaskit/dynamic-table": "^17.0.0",
-		"@atlaskit/empty-state": "^8.1.0",
-		"@atlaskit/form": "^11.0.0",
-		"@atlaskit/heading": "^4.0.0",
-		"@atlaskit/inline-edit": "^14.1.0",
-		"@atlaskit/lozenge": "^11.12.0",
-		"@atlaskit/modal-dialog": "^12.19.0",
-		"@atlaskit/popup": "^1.30.0",
-		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/progress-bar": "3.0.2",
-		"@atlaskit/progress-tracker": "9.2.0",
-		"@atlaskit/radio": "^7.0.0",
-		"@atlaskit/range": "^8.0.0",
-		"@atlaskit/renderer": "^112.11.0",
-		"@atlaskit/section-message": "^6.8.0",
-		"@atlaskit/select": "^18.9.0",
-		"@atlaskit/spinner": "^17.0.0",
-		"@atlaskit/tabs": "^17.1.0",
-		"@atlaskit/tag": "^12.6.0",
-		"@atlaskit/tag-group": "^11.0.0",
-		"@atlaskit/textarea": "^5.7.0",
-		"@atlaskit/textfield": "^6.7.0",
-		"@atlaskit/toggle": "^14.0.0",
-		"@atlaskit/tokens": "^3.2.0",
-		"@atlaskit/tooltip": "^19.0.0",
+		"@atlaskit/badge": "^17.1.0",
+		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/calendar": "^16.3.0",
+		"@atlaskit/checkbox": "^15.3.0",
+		"@atlaskit/code": "^15.7.0",
+		"@atlaskit/datetime-picker": "^15.12.0",
+		"@atlaskit/dynamic-table": "^17.1.0",
+		"@atlaskit/empty-state": "^8.2.0",
+		"@atlaskit/form": "^11.1.0",
+		"@atlaskit/heading": "^4.1.0",
+		"@atlaskit/inline-edit": "^14.2.0",
+		"@atlaskit/lozenge": "^11.13.0",
+		"@atlaskit/modal-dialog": "^12.20.0",
+		"@atlaskit/popup": "^1.31.0",
+		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/progress-bar": "3.1.0",
+		"@atlaskit/progress-tracker": "9.3.0",
+		"@atlaskit/radio": "^7.2.0",
+		"@atlaskit/range": "^8.1.0",
+		"@atlaskit/renderer": "^112.12.0",
+		"@atlaskit/section-message": "^6.9.0",
+		"@atlaskit/select": "^18.10.0",
+		"@atlaskit/spinner": "^17.1.0",
+		"@atlaskit/tabs": "^17.2.0",
+		"@atlaskit/tag": "^12.7.0",
+		"@atlaskit/tag-group": "^11.1.0",
+		"@atlaskit/textarea": "^5.8.0",
+		"@atlaskit/textfield": "^6.8.0",
+		"@atlaskit/toggle": "^14.1.0",
+		"@atlaskit/tokens": "^3.3.0",
+		"@atlaskit/tooltip": "^19.1.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -63,7 +63,7 @@
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.2",
 		"@types/node": "~20.16.5",
-		"react": "^16.8.0",
+		"react": "^18.2.0",
 		"ts-morph": "^17.0.0",
 		"ts-node": "^10.9.1",
 		"typescript": "~5.4.2"

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::76b2b907786999428806f64adef865b5>>
+ * @codegen <<SignedSource::9e8f5f00ccd2499b16825fd3a979fa49>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::4389c503fdf3481d7d3b0a5b93920e3f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::eb1a74ed6578669af32fa8e9eccfc967>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -19,4 +19,9 @@ export type RadioGroupProps = Pick<
   PlatformRadioGroupProps,
   'defaultValue' | 'options' | 'onInvalid' | 'testId'
  | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-labelledby' | 'name'
-> & Pick<EventHandlerProps, 'onChange'>;
+> & 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.
+ */
+export type TRadioGroup<T> = (props: RadioGroupProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::326831c949bb5cbb99e073727ad8d55e>>
+ * @codegen <<SignedSource::15501f4da2db03fc496259f6cf9db704>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::f8ac68c1f51a8a6ea746a657fc9ee4da>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::24d94151d76a83de0609bd9b427e4f3a>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -19,4 +19,9 @@ 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'>;
+> & 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.
+ */
+export type TRadio<T> = (props: RadioProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::56deb7fafdabfdd7bc9040bf16ef23a8>>
+ * @codegen <<SignedSource::90b0ddabf2167e8a5baee6fb2a2c151d>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::47b47ae1505ae1df985d952d77e858e8>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::66f3c55587192848bc42f9fc146e6c7e>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -19,4 +19,9 @@ export type RangeProps = Pick<
   PlatformRangeProps,
   'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange'
  | 'id' | 'isDisabled' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
-> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
+> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
+
+/**
+ * A range lets users choose an approximate value on a slider.
+ */
+export type TRange<T> = (props: RangeProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - SectionMessageActionProps
  *
- * @codegen <<SignedSource::535aedc26590b8298d524a3c3a8e7874>>
+ * @codegen <<SignedSource::ec58a4fcf2dc9bef11c61ab8aa605d64>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/action.partial.tsx <<SignedSource::d1a01b35cd5553fd5ac911fb1341b920>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/action.partial.tsx <<SignedSource::50b24e38b69e96bf0beef119eeba8b2f>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ 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.
+ */
+export type TSectionMessageAction<T> = (props: SectionMessageActionProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - SectionMessageProps
  *
- * @codegen <<SignedSource::1803a5975db438b2c4cd2852cd1a228d>>
+ * @codegen <<SignedSource::a8d8f62dc2c73c2c021e658bd7efbcd7>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/index.partial.tsx <<SignedSource::dd1458a5551bb547bccc3ed9b20a0775>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/sectionmessage/__generated__/index.partial.tsx <<SignedSource::164319f578b12a9ab6d85a5bd3e4cc8a>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ 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.
+ */
+export type TSectionMessage<T> = (props: SectionMessageProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - SpinnerProps
  *
- * @codegen <<SignedSource::108d6188d28cc7b7e79512b33d9b4bb3>>
+ * @codegen <<SignedSource::4e5a68490063fadaa3ca7fb88f04cb94>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/spinner/__generated__/index.partial.tsx <<SignedSource::309b9820ed3451cfdc77160864e3040c>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/spinner/__generated__/index.partial.tsx <<SignedSource::d6138d211e143990a6133754180f565c>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ 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.
+ */
+export type TSpinner<T> = (props: SpinnerProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - StackProps
  *
- * @codegen <<SignedSource::7e222b1de945d3a469766af8080b1bfa>>
+ * @codegen <<SignedSource::0e61f7285631ab35f3a77bb1d42d43aa>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::c2360fd1ad9e2cd87d47c640ad0158d2>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::63880622ee058ba54ea3754cbc1910f4>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformStackProps = React.ComponentProps<typeof PlatformStack>;
 export type StackProps = Pick<
   PlatformStackProps,
   'children' | 'alignBlock' | 'alignInline' | 'grow' | 'space' | 'spread' | 'testId'
->;
+>;
+
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TStack<T> = (props: StackProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TabListProps
  *
- * @codegen <<SignedSource::b0a70e674ab9c1eacb79ca5cb9e5a60b>>
+ * @codegen <<SignedSource::0b10d2d919012771dcb780ff32d5cfd2>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::1f5c04bb243364d5edb96ba6d7bf4eab>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::4ada894a5d94a305fa30eb45a6759915>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformTabListProps = React.ComponentProps<typeof PlatformTabList>;
 export type TabListProps = Pick<
   PlatformTabListProps,
   'children'
->;
+>;
+
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTabList<T> = (props: TabListProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TabPanelProps
  *
- * @codegen <<SignedSource::e98bc9e4b752705298ebad67615c0c5d>>
+ * @codegen <<SignedSource::d880c7eaf445179245b8aea2d70ea39e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::76baa39c69317c03c4db2e4d8b7940af>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::1bbc05ad9425e3df25423076ab0a0acf>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformTabPanelProps = React.ComponentProps<typeof PlatformTabPanel>;
 export type TabPanelProps = Pick<
   PlatformTabPanelProps,
   'children' | 'testId'
->;
+>;
+
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTabPanel<T> = (props: TabPanelProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TabProps
  *
- * @codegen <<SignedSource::b524262570052be714e6f79ea8498129>>
+ * @codegen <<SignedSource::6b0d6b725c7692c9bfcddf45f3ca4f1f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::2ead4cab9a2f95ec27b0dee4d57ed3bc>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::f5363c279366b51358d257738457c7d5>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformTabProps = React.ComponentProps<typeof PlatformTab>;
 export type TabProps = Pick<
   PlatformTabProps,
   'children' | 'testId'
->;
+>;
+
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ */
+export type TTab<T> = (props: TabProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TabsProps
  *
- * @codegen <<SignedSource::6cb500bd3d514e486ff5f0d4159adeba>>
+ * @codegen <<SignedSource::218a06565465557c9f3831d190600268>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabs.partial.tsx <<SignedSource::15b1190f9455e6573f225c044c8e9ab1>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabs.partial.tsx <<SignedSource::f5d8442dd79c61463d58ed2e436af3f4>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ 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.
+ */
+export type TTabs<T> = (props: TabsProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TagGroupProps
  *
- * @codegen <<SignedSource::62c8142dd4e6c4f797c463e56c1db939>>
+ * @codegen <<SignedSource::45fcdf87d3eec9b19786d1085f656356>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/taggroup/__generated__/index.partial.tsx <<SignedSource::3fbcfe988f4bfc964c9581a446d396c1>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/taggroup/__generated__/index.partial.tsx <<SignedSource::5ecfc76aae3b3e7f55b076d81f20c782>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ 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.
+ */
+export type TTagGroup<T> = (props: TagGroupProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TagProps
  *
- * @codegen <<SignedSource::659578117ad1c84acac9b908776763c7>>
+ * @codegen <<SignedSource::1d48163194ea309ddc6f7353e5123202>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tag/__generated__/index.partial.tsx <<SignedSource::5eafca6673842204effb416681fb9ff4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tag/__generated__/index.partial.tsx <<SignedSource::1f9f7073797cd01947c622c0400785ae>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ 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.
+ */
+export type TSimpleTag<T> = (props: SimpleTagProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TimePickerProps
  *
- * @codegen <<SignedSource::73dc2136b2ba29573144e93edecc7aaf>>
+ * @codegen <<SignedSource::bf9a04576bd1f8b348bd5091c9273208>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::5bcabc669a6d294cb820187410a39ec5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::aa8817ad383b8e2bce261c520e227b41>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -47,4 +47,9 @@ export type TimePickerProps = {
 	locale?: string;
 	testId?: string;
 	selectProps?: DateTimePickerSelectProps;
-} & Partial<Omit<FieldProps, 'onChange'>>;
+} & Partial<Omit<FieldProps, 'onChange'>>;
+
+/**
+ * A date time picker allows the user to select an associated date and time.
+ */
+export type TTimePicker<T> = (props: TimePickerProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::0d1faa253d2e70362ed0dc93dc62262b>>
+ * @codegen <<SignedSource::388ba32ab2e4bdf3dbe9d05944eb41f0>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::c3ddcdd89af4be8543231a1ab89d8f45>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::b7d6483e971110f0134e350247bb54af>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -19,4 +19,9 @@ export type ToggleProps = Pick<
   PlatformToggleProps,
   'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label'
  | 'id' | 'isDisabled' | 'value' | 'name'
-> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+
+/**
+ * A toggle is used to view or switch between enabled or disabled states.
+ */
+export type TToggle<T> = (props: ToggleProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TooltipProps
  *
- * @codegen <<SignedSource::b6807315726c092802b580dee42dbc11>>
+ * @codegen <<SignedSource::d67c937dcf799eb3d57dc35b62b52bd4>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::cb28602393b583ab0d214d5f64fc2972>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::f5b26159e3b08ac61199d599900f523d>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ 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.
+ */
+export type TTooltip<T> = (props: TooltipProps) => T;