@atlaskit/forge-react-types 0.37.7 → 0.37.8

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

@@ -3,14 +3,27 @@
  *
  * Extract component prop types from UIKit 2 components - PopupProps
  *
- * @codegen <<SignedSource::46e22c91b6503926afe0f721c99196ea>>
+ * @codegen <<SignedSource::9c82b51dc6635d8638a1f1f24ceaec66>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/popup/index.tsx <<SignedSource::0708f76a6f3ffe765ff242a9104f7d42>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/popup/index.tsx <<SignedSource::cafa3868628edc1953d996c860801ed5>>
  */
 import React from 'react';
 import { default as PlatformPopup } from '@atlaskit/popup';
+/**
+ * Design decisions made:
+ * `zIndex` and `offset` are excluded to constrain the appearance of the popup.
+ *
+ * `boundary` has been changed as the ADS type can also expect an HTMLElement to be passed in, which cannot work with Forge.
+ *
+ * `popupComponent` is excluded as the same customisation can be done with `Box` in content
+ *
+ */
 export type PopupProps = Omit<React.ComponentProps<typeof PlatformPopup>, 'popupComponent' | 'zIndex' | 'offset' | 'boundary'> & {
     boundary?: 'clippingParents';
     content: () => React.ReactNode;
     trigger: () => React.ReactNode;
 };
+/**
+ * A popup displays brief content in an overlay.
+ */
+export type TPopup<T> = (props: PopupProps) => T;

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

@@ -3,9 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - SelectProps
  *
- * @codegen <<SignedSource::124f2ef00704a09ec7335b035929681c>>
+ * @codegen <<SignedSource::27434c8de7f2e3082a44901a80c594a9>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/select/index.tsx <<SignedSource::a2510e0de095c3d94007eb9c6488aa55>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/select/index.tsx <<SignedSource::f7eed13874b04c56ded5f3434e03c70e>>
  */
 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.
+ */
+export type TSelect<T> = (props: SelectProps) => T;

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

@@ -3,16 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - StackProps
  *
- * @codegen <<SignedSource::0e61f7285631ab35f3a77bb1d42d43aa>>
+ * @codegen <<SignedSource::d2ba0849ecf2dcab0851f9678f03e102>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::63880622ee058ba54ea3754cbc1910f4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::191f725f0992bea2117b07b99f6444de>>
  */
 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.
+ * A stack manages the vertical layout of direct children using flexbox.
  */
 export type TStack<T> = (props: StackProps) => T;
 export {};

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

@@ -3,16 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabListProps
  *
- * @codegen <<SignedSource::0b10d2d919012771dcb780ff32d5cfd2>>
+ * @codegen <<SignedSource::2ac5252a55c5b4f8bbdf29439ab10dcf>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::4ada894a5d94a305fa30eb45a6759915>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::fbd3384538b87c1a820790b55241ee21>>
  */
 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.
+ * A `TabList` groups `Tab` components together.
  */
 export type TTabList<T> = (props: TabListProps) => T;
 export {};

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

@@ -3,16 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabPanelProps
  *
- * @codegen <<SignedSource::d880c7eaf445179245b8aea2d70ea39e>>
+ * @codegen <<SignedSource::6ff302a008a6520f4b1b03de50bfe530>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::1bbc05ad9425e3df25423076ab0a0acf>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::e7936c96c90f8f4682c85a00f85a23f4>>
  */
 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.
+ * A `TabPanel` houses the contents of a `Tab`.
  */
 export type TTabPanel<T> = (props: TabPanelProps) => T;
 export {};

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

@@ -3,16 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TabProps
  *
- * @codegen <<SignedSource::6b0d6b725c7692c9bfcddf45f3ca4f1f>>
+ * @codegen <<SignedSource::d69181ff464555d27568e977900710b6>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::f5363c279366b51358d257738457c7d5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::05b588ddfb6bfa200363a1127660dce4>>
  */
 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.
+ * `Tab` represents an individual tab displayed in a TabList.
  */
 export type TTab<T> = (props: TabProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::9a728b21f878b7d2411d9ea96c367054>>
+ * @codegen <<SignedSource::4735e4d09b0b6c4a75fe1c08151b6054>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/index.tsx <<SignedSource::cb1d758c7c2bb0e325bf9f7e3d6ae09d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/index.tsx <<SignedSource::282c20421c108bd52e5341ba0ee4293c>>
  */
 import React from 'react';
 import PlatformTextarea from '@atlaskit/textarea';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TTextArea<T> = (props: TextAreaProps) => T;
 export {};

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

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::53927afe8c8adcca03f0cfa65f9b44dc>>
+ * @codegen <<SignedSource::4f0a7b04b3a23a5889553b2bfaf7f454>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/index.tsx <<SignedSource::3cab13a24ee050b7fe926e8e6a19858b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/index.tsx <<SignedSource::03b967815639a5a5aae4f79da283d410>>
  */
 import React from 'react';
 import PlatformTextfield from '@atlaskit/textfield';
 import type { EventHandlerProps } from './types.codegen';
 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.
+ */
+export type TTextfield<T> = (props: TextfieldProps) => 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::bf9a04576bd1f8b348bd5091c9273208>>
+ * @codegen <<SignedSource::3f20d9d9bd43c0d792ea07ff9ecc23b1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::aa8817ad383b8e2bce261c520e227b41>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::8f1c6ab03a29e7279ed2d3e82b086ab0>>
  */
 import type { DateTimePickerSelectProps } from '@atlaskit/datetime-picker';
 export interface FieldProps {
@@ -44,7 +44,7 @@ export type TimePickerProps = {
     selectProps?: DateTimePickerSelectProps;
 } & Partial<Omit<FieldProps, 'onChange'>>;
 /**
- * A date time picker allows the user to select an associated date and time.
+ * A time picker allows the user to select a specific time.
  */
 export type TTimePicker<T> = (props: TimePickerProps) => T;
 export {};

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

@@ -3,16 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - TooltipProps
  *
- * @codegen <<SignedSource::d67c937dcf799eb3d57dc35b62b52bd4>>
+ * @codegen <<SignedSource::4b27e1c130769985576ab4c910715b03>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::f5b26159e3b08ac61199d599900f523d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::e3e388170520502310149f23b8defa27>>
  */
 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.
+ * 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/components/__generated__/ValidMessageProps.codegen.d.ts

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

package/dist/types/components/__generated__/index.d.ts

@@ -1,65 +1,72 @@
 export type { BadgeProps, TBadge } from './BadgeProps.codegen';
-export type { BleedProps } from './BleedProps.codegen';
+export type { BleedProps, TBleed } from './BleedProps.codegen';
 export type { BoxProps, TBox } from './BoxProps.codegen';
-export type { ButtonGroupProps } from './ButtonGroupProps.codegen';
-export type { ButtonProps } from './ButtonProps.codegen';
-export type { CheckboxProps } from './CheckboxProps.codegen';
-export type { CalendarProps } from './CalendarProps.codegen';
-export type { CheckboxGroupProps } from './CheckboxGroupProps.codegen';
-export type { CodeBlockProps } from './CodeBlockProps.codegen';
-export type { CodeProps } from './CodeProps.codegen';
-export type { DatePickerProps } from './DatePickerProps.codegen';
-export type { DynamicTableProps } from './DynamicTableProps.codegen';
-export type { EmptyStateProps } from './EmptyStateProps.codegen';
-export type { ErrorMessageProps } from './ErrorMessageProps.codegen';
-export type { FlexProps } from './FlexProps.codegen';
-export type { FormFooterProps } from './FormFooterProps.codegen';
-export type { FormHeaderProps } from './FormHeaderProps.codegen';
-export type { FormProps } from './FormProps.codegen';
-export type { FormSectionProps } from './FormSectionProps.codegen';
-export type { GridProps } from './GridProps.codegen';
-export type { HeadingProps } from './HeadingProps.codegen';
-export type { HelperMessageProps } from './HelperMessageProps.codegen';
-export type { IconProps } from './IconProps.codegen';
-export type { InlineProps } from './InlineProps.codegen';
-export type { InlineEditProps } from './InlineEditProps.codegen';
-export type { LabelProps } from './LabelProps.codegen';
-export type { LinkButtonProps } from './LinkButtonProps.codegen';
-export type { ListProps } from './ListProps.codegen';
-export type { ListItemProps } from './ListItemProps.codegen';
-export type { LoadingButtonProps } from './LoadingButtonProps.codegen';
-export type { LozengeProps } from './LozengeProps.codegen';
-export type { ModalBodyProps } from './ModalBodyProps.codegen';
-export type { ModalFooterProps } from './ModalFooterProps.codegen';
-export type { ModalHeaderProps } from './ModalHeaderProps.codegen';
-export type { ModalProps } from './ModalProps.codegen';
-export type { ModalTitleProps } from './ModalTitleProps.codegen';
-export type { ModalTransitionProps } from './ModalTransitionProps.codegen';
-export type { ProgressBarProps } from './ProgressBarProps.codegen';
-export type { ProgressTrackerProps } from './ProgressTrackerProps.codegen';
-export type { RadioGroupProps } from './RadioGroupProps.codegen';
-export type { RadioProps } from './RadioProps.codegen';
-export type { RangeProps } from './RangeProps.codegen';
-export type { SectionMessageActionProps } from './SectionMessageActionProps.codegen';
-export type { SectionMessageProps } from './SectionMessageProps.codegen';
-export type { SelectProps } from './SelectProps.codegen';
-export type { SpinnerProps } from './SpinnerProps.codegen';
-export type { StackProps } from './StackProps.codegen';
-export type { TabListProps } from './TabListProps.codegen';
-export type { TabPanelProps } from './TabPanelProps.codegen';
-export type { TabProps } from './TabProps.codegen';
-export type { TabsProps } from './TabsProps.codegen';
-export type { TagGroupProps } from './TagGroupProps.codegen';
-export type { SimpleTagProps as TagProps } from './TagProps.codegen';
-export type { TextAreaProps } from './TextAreaProps.codegen';
-export type { TextfieldProps } from './TextfieldProps.codegen';
-export type { TimePickerProps } from './TimePickerProps.codegen';
-export type { ToggleProps } from './ToggleProps.codegen';
-export type { TooltipProps } from './TooltipProps.codegen';
-export type { ValidMessageProps } from './ValidMessageProps.codegen';
-export type { PopupProps } from './PopupProps.codegen';
+export type { ButtonGroupProps, TButtonGroup } from './ButtonGroupProps.codegen';
+export type { ButtonProps, TButton } from './ButtonProps.codegen';
+export type { CheckboxProps, TCheckbox } from './CheckboxProps.codegen';
+export type { CalendarProps, TCalendar } from './CalendarProps.codegen';
+export type { CheckboxGroupProps, TCheckboxGroup } from './CheckboxGroupProps.codegen';
+export type { CodeBlockProps, TCodeBlock } from './CodeBlockProps.codegen';
+export type { CodeProps, TCode } from './CodeProps.codegen';
+export type { DatePickerProps, TDatePicker } from './DatePickerProps.codegen';
+export type { DynamicTableProps, TDynamicTable } from './DynamicTableProps.codegen';
+export type { EmptyStateProps, TEmptyState } from './EmptyStateProps.codegen';
+export type { ErrorMessageProps, TErrorMessage } from './ErrorMessageProps.codegen';
+export type { FlexProps, TFlex } from './FlexProps.codegen';
+export type { FormFooterProps, TFormFooter } from './FormFooterProps.codegen';
+export type { FormHeaderProps, TFormHeader } from './FormHeaderProps.codegen';
+export type { FormProps, TForm } from './FormProps.codegen';
+export type { FormSectionProps, TFormSection } from './FormSectionProps.codegen';
+export type { GridProps, TGrid } from './GridProps.codegen';
+export type { HeadingProps, THeading } from './HeadingProps.codegen';
+export type { HelperMessageProps, THelperMessage } from './HelperMessageProps.codegen';
+export type { IconProps, TIcon } from './IconProps.codegen';
+export type { InlineProps, TInline } from './InlineProps.codegen';
+export type { InlineEditProps, TInlineEdit } from './InlineEditProps.codegen';
+export type { LabelProps, TLabel } from './LabelProps.codegen';
+export type { LinkButtonProps, TLinkButton } from './LinkButtonProps.codegen';
+export type { ListProps, TList } from './ListProps.codegen';
+export type { ListItemProps, TListItem } from './ListItemProps.codegen';
+export type { LoadingButtonProps, TLoadingButton } from './LoadingButtonProps.codegen';
+export type { LozengeProps, TLozenge } from './LozengeProps.codegen';
+export type { ModalBodyProps, TModalBody } from './ModalBodyProps.codegen';
+export type { ModalFooterProps, TModalFooter } from './ModalFooterProps.codegen';
+export type { ModalHeaderProps, TModalHeader } from './ModalHeaderProps.codegen';
+export type { ModalProps, TModal } from './ModalProps.codegen';
+export type { ModalTitleProps, TModalTitle } from './ModalTitleProps.codegen';
+export type { ModalTransitionProps, TModalTransition } from './ModalTransitionProps.codegen';
+export type { ProgressBarProps, TProgressBar } from './ProgressBarProps.codegen';
+export type { ProgressTrackerProps, TProgressTracker } from './ProgressTrackerProps.codegen';
+export type { RadioGroupProps, TRadioGroup } from './RadioGroupProps.codegen';
+export type { RadioProps, TRadio } from './RadioProps.codegen';
+export type { RangeProps, TRange } from './RangeProps.codegen';
+export type { SectionMessageActionProps, TSectionMessageAction } from './SectionMessageActionProps.codegen';
+export type { SectionMessageProps, TSectionMessage } from './SectionMessageProps.codegen';
+export type { SelectProps, TSelect } from './SelectProps.codegen';
+export type { SpinnerProps, TSpinner } from './SpinnerProps.codegen';
+export type { StackProps, TStack } from './StackProps.codegen';
+export type { TabListProps, TTabList } from './TabListProps.codegen';
+export type { TabPanelProps, TTabPanel } from './TabPanelProps.codegen';
+export type { TabProps, TTab } from './TabProps.codegen';
+export type { TabsProps, TTabs } from './TabsProps.codegen';
+export type { TagGroupProps, TTagGroup } from './TagGroupProps.codegen';
+export type { SimpleTagProps as TagProps, TSimpleTag as TTag } from './TagProps.codegen';
+export type { TextAreaProps, TTextArea } from './TextAreaProps.codegen';
+export type { TextfieldProps, TTextfield } from './TextfieldProps.codegen';
+export type { TimePickerProps, TTimePicker } from './TimePickerProps.codegen';
+export type { ToggleProps, TToggle } from './ToggleProps.codegen';
+export type { TooltipProps, TTooltip } from './TooltipProps.codegen';
+export type { ValidMessageProps, TValidMessage } from './ValidMessageProps.codegen';
+export type { PopupProps, TPopup } from './PopupProps.codegen';
 export type { AdfRendererProps, TAdfRenderer } from './AdfRendererProps.codegen';
 import type { TextProps as OriginalTextProps } from './TextProps.codegen';
 export type TextProps = Omit<OriginalTextProps, 'as'> & {
     as?: OriginalTextProps['as'] | 'strike';
 };
+/**
+ * A typography component used to display body text.
+ * It can also include inline components such as
+ * [Badge](https://developer.atlassian.com/platform/forge/ui-kit/components/badge/) and
+ * [Lozenge](https://developer.atlassian.com/platform/forge/ui-kit/components/lozenge/).
+ */
+export type TText<T> = (props: TextProps) => T;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export type { AdfRendererProps, BadgeProps, BleedProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, TBadge, TBox, TAdfRenderer, } from './components/__generated__';
+export type { AdfRendererProps, BadgeProps, BleedProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, TBadge, TBleed, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, } from './components/__generated__';
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, PieChartProps, } from './components/charts';
 export type { ChartColorTokens } from './types';

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonGroupProps
  *
- * @codegen <<SignedSource::4daf3a960cc3108bbbc8ad0ede3b7011>>
+ * @codegen <<SignedSource::cfcaf362cef2884ded73338c52c8f437>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/button-group.partial.tsx <<SignedSource::728cab6df690811513a66ea4bacb89c9>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/button-group.partial.tsx <<SignedSource::83622155981d05f77224a32bab4969b5>>
  */
 import type { ButtonGroupProps as PlatformButtonGroupProps } from '@atlaskit/button';
 import type { ButtonProps } from '@atlaskit/button';
@@ -13,6 +13,6 @@ export type ButtonGroupProps = Pick<PlatformButtonGroupProps, 'children' | 'test
     appearance?: ButtonProps['appearance'];
 };
 /**
- * A button triggers an event or action. They let users know what will happen next.
+ * A button group gives users access to frequently performed, related actions.
  */
 export type TButtonGroup<T> = (props: ButtonGroupProps) => T;

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

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

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

@@ -3,19 +3,38 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxGroupProps
  *
- * @codegen <<SignedSource::293ea13e93c4a78fe93d7192e0bdaddb>>
+ * @codegen <<SignedSource::89e98a25ac16f92b5d18b061bb6fce57>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkboxgroup/index.tsx <<SignedSource::e4f95cf79182924e927523227eebf6fc>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkboxgroup/index.tsx <<SignedSource::4db9e0c029805d1c1fd28b923f3dbae3>>
  */
 export interface CheckboxGroupProps {
+    /**
+     * Sets the name prop on each of the Checkbox elements in the group.
+     */
     name: string;
+    /**
+     * An array of objects, each object is mapped onto a Checkbox element within the group.
+     */
     options: {
         label: string;
         value: string;
         isDisabled?: boolean;
     }[];
+    /**
+     * Once set, controls the selected value on the `CheckboxGroup`.
+     */
     value?: string[];
     onChange?: (values: string[]) => void;
+    /**
+     * Sets the initial selected value on the `CheckboxGroup`.
+     */
     defaultValue?: string[];
+    /**
+     * Sets the disabled state of all Checkbox elements in the group.
+     */
     isDisabled?: boolean;
 }
+/**
+ * A Checkbox group is a list of options where one or more choices can be selected.
+ */
+export type TCheckboxGroup<T> = (props: CheckboxGroupProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - DatePickerProps
  *
- * @codegen <<SignedSource::14d82d10ae64e4333440817918f6e955>>
+ * @codegen <<SignedSource::a4fe0c77ab65e00b2bc8ebeadd33e2e3>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/datepicker/__generated__/index.partial.tsx <<SignedSource::6bc5d63c14b9dda11b370e386ccf4955>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/datepicker/__generated__/index.partial.tsx <<SignedSource::5dcbe693f00f3a2725b9e64932a3309c>>
  */
 import type { DateTimePickerSelectProps } from '@atlaskit/datetime-picker';
 export interface FieldProps {
@@ -48,7 +48,7 @@ export type DatePickerProps = {
     shouldShowCalendarButton?: boolean;
 } & Partial<Omit<FieldProps, 'onChange'>>;
 /**
- * A date time picker allows the user to select an associated date and time.
+ * A date picker allows the user to select a particular date.
  */
 export type TDatePicker<T> = (props: DatePickerProps) => T;
 export {};

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

@@ -3,16 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - ErrorMessageProps
  *
- * @codegen <<SignedSource::3d3da7aa33a6ac0adb1524f89ee28208>>
+ * @codegen <<SignedSource::059ea63aef7f094365447bb300fed9f6>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/error-message.partial.tsx <<SignedSource::9e1a8d256d8d999a689140fbcda430fa>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/error-message.partial.tsx <<SignedSource::3758488a0115c629a624fcaae1f524c7>>
  */
 import React from 'react';
 import { ErrorMessage as PlatformErrorMessage } from '@atlaskit/form';
 type PlatformErrorMessageProps = React.ComponentProps<typeof PlatformErrorMessage>;
 export type ErrorMessageProps = Pick<PlatformErrorMessageProps, 'children' | 'testId'>;
 /**
- * A form allows users to input information.
+ * An error message is used to tell a user that the field input is invalid.
+ * For example, an error message could be "Invalid username, needs to be more than 4 characters".
  */
 export type TErrorMessage<T> = (props: ErrorMessageProps) => T;
 export {};

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

@@ -3,16 +3,24 @@
  *
  * Extract component prop types from UIKit 2 components - FormFooterProps
  *
- * @codegen <<SignedSource::cb77ae443b27f1229afcd556eb365acf>>
+ * @codegen <<SignedSource::e6d74700f46888d63a013f997339596b>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-footer.partial.tsx <<SignedSource::ff2413efe154db0f89a03200caf50ced>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-footer.partial.tsx <<SignedSource::0b729df36afbc86cc134984bb4c16b3e>>
  */
 import React from 'react';
 import { FormFooter as PlatformFormFooter } from '@atlaskit/form';
-type PlatformFormFooterProps = React.ComponentProps<typeof PlatformFormFooter>;
+type _PlatformFormFooterProps = React.ComponentProps<typeof PlatformFormFooter>;
+export type PlatformFormFooterProps = Omit<_PlatformFormFooterProps, 'align'> & {
+    /**
+     * Sets the alignment of the footer contents. This is often a button. Defaults to `end`.
+     */
+    align?: _PlatformFormFooterProps['align'];
+};
 export type FormFooterProps = Pick<PlatformFormFooterProps, 'children' | 'align'>;
 /**
- * A form allows users to input information.
+ * Use a form footer to set the content at the end of the form. This is used for a button that submits the form.
+ *
+ * This is positioned after the last field in the form.
  */
 export type TFormFooter<T> = (props: FormFooterProps) => T;
 export {};

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

@@ -3,16 +3,18 @@
  *
  * Extract component prop types from UIKit 2 components - FormHeaderProps
  *
- * @codegen <<SignedSource::74a8285c7ae5a0c5db7b8cafa4d8226b>>
+ * @codegen <<SignedSource::7ef542fd2e0804c707145ab13db81db1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-header.partial.tsx <<SignedSource::038ad7a850af23fb1c9b30de39ab0552>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/form-header.partial.tsx <<SignedSource::8791c333c19a64caa8dd6b7461a53082>>
  */
 import React from 'react';
 import { FormHeader as PlatformFormHeader } from '@atlaskit/form';
 type PlatformFormHeaderProps = React.ComponentProps<typeof PlatformFormHeader>;
 export type FormHeaderProps = Pick<PlatformFormHeaderProps, 'title' | 'description' | 'children'>;
 /**
- * A form allows users to input information.
+ * Use a form header to describe the contents of the form. This is the title and description of the form.
+ * If your form contains required fields, the form header is also where you should include a legend
+ * for sighted users to know that * indicates a required field.
  */
 export type TFormHeader<T> = (props: FormHeaderProps) => T;
 export {};