@atlaskit/forge-react-types 0.1.1

package/src/components/__generated__/BadgeProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - BadgeProps
+ *
+ * @codegen <<SignedSource::2fbe160d8dbaa5994c6bd060dfb6e158>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/badge/__generated__/index.partial.tsx <<SignedSource::99a8452447cc815e7da3a666695e119a>>
+ */
+import React from 'react';
+import PlatformBadge from '@atlaskit/badge';
+
+type PlatformBadgeProps = React.ComponentProps<typeof PlatformBadge>;
+
+export type BadgeProps = Pick<
+  PlatformBadgeProps,
+  'appearance' | 'children' | 'max' | 'testId'
+>;

package/src/components/__generated__/BleedProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - BleedProps
+ *
+ * @codegen <<SignedSource::c664393342a11cfe3e6981ec48d7624b>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/bleed/__generated__/index.partial.tsx <<SignedSource::a689d813580adfbbe9b5e58254807b1d>>
+ */
+import React from 'react';
+import { Bleed as PlatformBleed } from '@atlaskit/primitives';
+
+type PlatformBleedProps = React.ComponentProps<typeof PlatformBleed>;
+
+export type BleedProps = Pick<
+  PlatformBleedProps,
+  'children' | 'all' | 'inline' | 'block' | 'testId' | 'role'
+>;

package/src/components/__generated__/BoxProps.tsx

@@ -0,0 +1,188 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - BoxProps
+ *
+ * @codegen <<SignedSource::f944bf8c402e5ee3db834cccae245e97>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/box/__generated__/index.partial.tsx <<SignedSource::569858ee5138d1211836ec105de370c8>>
+ */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
+
+import React from 'react';
+import { Box as PlatformBox } from '@atlaskit/primitives';
+
+import type { CSSProperties } from '@emotion/serialize';
+import type * as CSS from 'csstype';
+import type { MediaQuery } from '@atlaskit/primitives';
+import { tokensMap } from '@atlaskit/primitives';
+type TokensMap = typeof tokensMap;
+type TokenisedProps = {
+    [K in keyof TokensMap]?: keyof TokensMap[K];
+};
+type RelaxedTokenisedProps = {
+    [K in keyof TokensMap]?: keyof TokensMap[K] | CSSProperties[K];
+};
+type AllMedia = MediaQuery | '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)' | '@media (prefers-color-scheme: dark)' | '@media (prefers-color-scheme: light)' | '@media (prefers-reduced-motion: reduce)';
+type StandardCSSProps = Omit<CSSProperties, keyof TokenisedProps>;
+type SafeCSSObject<T extends keyof CSSProperties = keyof CSSProperties, R extends T = T, M extends StandardCSSProps = StandardCSSProps> = {
+    [MQ in AllMedia]?: Omit<SafeCSSObject<T, R>, AllMedia>;
+} & {
+    [Pseudo in CSS.Pseudos]?: Omit<SafeCSSObject<T, R>, CSS.Pseudos | AllMedia>;
+} & Pick<TokenisedProps, Exclude<Extract<T, keyof TokenisedProps>, R>> & Pick<RelaxedTokenisedProps, Extract<R, keyof TokenisedProps>> & Pick<StandardCSSProps, Exclude<Extract<T, keyof StandardCSSProps>, keyof M>> & M;
+type XCSSValidatorParam = {
+    [key in keyof CSSProperties]: true | {
+        supportedValues: Array<CSSProperties[key]>;
+    } | {
+        allowCSS: true;
+    };
+};
+/**
+ *
+ * @param supportedXCSSProps - the list of css props to be supported for the intended component.
+ *    If not provided, all the props will be supported. The props could be either standard css props
+ *    or design token based props. If the prop is a design token based prop, the value of the prop
+ *    will be validated against the design tokens map to ensure the value is a valid design token string.
+ * @returns a function that takes a style object and returns a style object with only the supported props
+ *    as specified in the supportedXCSSProps list. The props that are not supported will be removed from the
+ *    returned style object and a warning will be logged in the console.
+ */
+declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSProps: U) => (styleObj: SafeCSSObject<keyof CSSProperties, keyof CSSProperties, StandardCSSProps> | SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{ [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
+    allowCSS: true;
+} ? K : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>, { [K_2 in Extract<{ [K_1 in Extract<keyof U, keyof CSSProperties>]: U[K_1] extends {
+    supportedValues: CSSProperties[K_1][];
+} ? K_1 : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
+    supportedValues: infer V;
+} ? Exclude<V[keyof V], number | Function> : never) | undefined; }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{ [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
+    allowCSS: true;
+} ? K : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>, { [K_2 in Extract<{ [K_1 in Extract<keyof U, keyof CSSProperties>]: U[K_1] extends {
+    supportedValues: CSSProperties[K_1][];
+} ? K_1 : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
+    supportedValues: infer V;
+} ? Exclude<V[keyof V], number | Function> : never) | undefined; }>;
+export { makeXCSSValidator };
+export type { SafeCSSObject };
+
+const xcssValidator = makeXCSSValidator({
+  // color related props
+  color: true,
+  boxShadow: true,
+  opacity: true,
+  backgroundColor: true,
+  borderColor: true,
+  borderBlockColor: true,
+  borderBlockEndColor: true,
+  borderBlockStartColor: true,
+  borderBottomColor: true,
+  borderInlineColor: true,
+  borderInlineEndColor: true,
+  borderInlineStartColor: true,
+  borderLeftColor: true,
+  borderRightColor: true,
+  borderTopColor: true,
+
+  // layout and space related props
+  width: {
+    allowCSS: true,
+  },
+  height: {
+    allowCSS: true,
+  },
+  minWidth: {
+    allowCSS: true,
+  },
+  maxWidth: {
+    allowCSS: true,
+  },
+  minHeight: {
+    allowCSS: true,
+  },
+  maxHeight: {
+    allowCSS: true,
+  },
+  margin: true,
+  marginBlock: true,
+  marginBlockEnd: true,
+  marginBlockStart: true,
+  marginBottom: true,
+  marginInline: true,
+  marginInlineEnd: true,
+  marginInlineStart: true,
+  marginLeft: true,
+  marginRight: true,
+  marginTop: true,
+  padding: true,
+  paddingBlock: true,
+  paddingBlockEnd: true,
+  paddingBlockStart: true,
+  paddingBottom: true,
+  paddingInline: true,
+  paddingInlineEnd: true,
+  paddingInlineStart: true,
+  paddingLeft: true,
+  paddingRight: true,
+  paddingTop: true,
+
+  // other box related props
+  borderRadius: true,
+  borderBottomLeftRadius: true,
+  borderBottomRightRadius: true,
+  borderTopLeftRadius: true,
+  borderTopRightRadius: true,
+  borderEndEndRadius: true,
+  borderEndStartRadius: true,
+  borderStartEndRadius: true,
+  borderStartStartRadius: true,
+  borderWidth: true,
+  borderBlockWidth: true,
+  borderBlockEndWidth: true,
+  borderBlockStartWidth: true,
+  borderBottomWidth: true,
+  borderInlineWidth: true,
+  borderInlineEndWidth: true,
+  borderInlineStartWidth: true,
+  borderLeftWidth: true,
+  borderRightWidth: true,
+  borderTopWidth: true,
+
+  // other props not in tokens based props
+  borderTopStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
+  },
+  borderBottomStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
+  },
+  borderRightStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
+  },
+  borderLeftStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
+  },
+  borderStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
+  },
+  position: {
+    supportedValues: ['relative', 'static'],
+  },
+});
+
+type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
+type XCSSProp = ReturnType<typeof xcssValidator>;
+
+export type BoxProps = Pick<
+  PlatformBoxProps,
+  | 'padding'
+  | 'paddingBlock'
+  | 'paddingBlockStart'
+  | 'paddingBlockEnd'
+  | 'paddingInline'
+  | 'paddingInlineStart'
+  | 'paddingInlineEnd'
+  | 'backgroundColor'
+  | 'children'
+  | 'ref'
+  | 'testId'
+  | 'role'
+> & {
+  xcss?: XCSSProp;
+};

package/src/components/__generated__/ButtonGroupProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - ButtonGroupProps
+ *
+ * @codegen <<SignedSource::c15ba63a6c057b08d5e3f07fd8b6d0c8>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/button-group.partial.tsx <<SignedSource::cc53737d6835f3b738922c54757a917e>>
+ */
+import React from 'react';
+import { ButtonGroup as PlatformButtonGroup } from '@atlaskit/button';
+
+type PlatformButtonGroupProps = React.ComponentProps<typeof PlatformButtonGroup>;
+
+export type ButtonGroupProps = Pick<
+  PlatformButtonGroupProps,
+  'appearance' | 'children' | 'testId' | 'label' | 'titleId'
+>;

package/src/components/__generated__/ButtonProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - ButtonProps
+ *
+ * @codegen <<SignedSource::4747471febea92c8432294f9c44ffd34>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::11fb24ff990893359d62537c06ae8811>>
+ */
+import React from 'react';
+import PlatformButton from '@atlaskit/button/new';
+
+type PlatformButtonProps = React.ComponentProps<typeof PlatformButton>;
+
+export type ButtonProps = Pick<
+  PlatformButtonProps,
+  'children' | 'autoFocus' | 'isDisabled' | 'isSelected' | 'onBlur' | 'onClick' | 'onFocus' | 'spacing' | 'testId' | 'shouldFitContainer' | 'appearance' | 'type'
+>;

package/src/components/__generated__/CheckboxProps.tsx

@@ -0,0 +1,19 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - CheckboxProps
+ *
+ * @codegen <<SignedSource::8d0ddabdc5002a21f2d027682603f483>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::20cdaf08144c5d6278ec3789bcf45eba>>
+ */
+import React from 'react';
+import PlatformCheckbox from '@atlaskit/checkbox';
+
+type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
+
+export type CheckboxProps = Pick<
+  PlatformCheckboxProps,
+  'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label'
+ | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
+>;

package/src/components/__generated__/CodeBlockProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - CodeBlockProps
+ *
+ * @codegen <<SignedSource::acb7589d93437f14bb10b34a87bc77c3>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/code/__generated__/codeblock.partial.tsx <<SignedSource::36e259b9b68d1f48a7f37473dcc86f82>>
+ */
+import React from 'react';
+import { CodeBlock as PlatformCodeBlock } from '@atlaskit/code';
+
+type PlatformCodeBlockProps = React.ComponentProps<typeof PlatformCodeBlock>;
+
+export type CodeBlockProps = Pick<
+  PlatformCodeBlockProps,
+  'text' | 'testId' | 'showLineNumbers' | 'language' | 'highlight' | 'highlightedStartText' | 'highlightedEndText' | 'shouldWrapLongLines'
+>;

package/src/components/__generated__/CodeProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - CodeProps
+ *
+ * @codegen <<SignedSource::d9b3839b321df26c210ca9963554a9b3>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/code/__generated__/code.partial.tsx <<SignedSource::fb6cd9ec17fcecf5fa2d0e39e9dc0f91>>
+ */
+import React from 'react';
+import { Code as PlatformCode } from '@atlaskit/code';
+
+type PlatformCodeProps = React.ComponentProps<typeof PlatformCode>;
+
+export type CodeProps = Pick<
+  PlatformCodeProps,
+  'children' | 'testId'
+>;

package/src/components/__generated__/DatePickerProps.tsx

@@ -0,0 +1,48 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - DatePickerProps
+ *
+ * @codegen <<SignedSource::2102d4591ec86d21c3312e927e12d0a6>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::b0a7eca1e98b94d2e50317050e3de697>>
+ */
+export interface FieldProps {
+  id: string;
+  isRequired: boolean;
+  isDisabled: boolean;
+  isInvalid: boolean;
+  onChange: (event: any) => any;
+  onBlur: () => any;
+  onFocus: () => any;
+  value: any;
+  'aria-invalid': 'true' | 'false';
+  'aria-labelledby': string;
+  name: string;
+}
+
+type Appearance = 'default' | 'subtle' | 'none';
+type Spacing = 'compact' | 'default';
+
+export type DatePickerProps = {
+   appearance?: Appearance;
+   autoFocus?: boolean;
+   defaultIsOpen?: boolean;
+   defaultValue?: string;
+   disabled?: string[];
+   maxDate?: string;
+   minDate?: string;
+   isDisabled?: boolean;
+   isOpen?: boolean;
+   nextMonthLabel?: string;
+   previousMonthLabel?: string;
+   spacing?: Spacing;
+   value?: string;
+   isInvalid?: boolean;
+   dateFormat?: string;
+   placeholder?: string;
+   locale?: string;
+   testId?: string;
+   weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+   onChange?:(value: string) => void;
+} & Partial<Omit<FieldProps, 'onChange' | 'isRequired' >>;

package/src/components/__generated__/DynamicTableProps.tsx

@@ -0,0 +1,20 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - DynamicTableProps
+ *
+ * @codegen <<SignedSource::f81add87c2f7438640309edfb4a24f2b>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/dynamictable/__generated__/index.partial.tsx <<SignedSource::4a9a4e06a29e22351544108eaa81f87e>>
+ */
+import type { RowType, StatefulProps } from '@atlaskit/dynamic-table/types';
+
+type NewRowType = Pick<RowType, 'cells' | 'key' | 'isHighlighted'>;
+
+export type DynamicTableProps = Pick<
+StatefulProps,
+  'defaultPage' | 'defaultSortKey' | 'defaultSortOrder' | 'emptyView' | 'head' | 'highlightedRowIndex' | 'isFixedSize' | 'isLoading' | 'isRankable' | 'label' | 'loadingSpinnerSize' | 'onRankEnd' | 'onRankStart' | 'onSetPage' | 'page' | 'paginationi18n' | 'rowsPerPage' | 'sortKey' | 'sortOrder' | 'testId'
+  > & {
+  rows?: NewRowType[];
+  caption?: string;
+};

package/src/components/__generated__/ErrorMessageProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - ErrorMessageProps
+ *
+ * @codegen <<SignedSource::e06b8f2a1b0806c23aa2e60c92496071>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/error-message.partial.tsx <<SignedSource::c861b69951ece4979f78212c0a4adebf>>
+ */
+import React from 'react';
+import { ErrorMessage as PlatformErrorMessage } from '@atlaskit/form';
+
+type PlatformErrorMessageProps = React.ComponentProps<typeof PlatformErrorMessage>;
+
+export type ErrorMessageProps = Pick<
+  PlatformErrorMessageProps,
+  'children' | 'testId'
+>;

package/src/components/__generated__/FlexProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - FlexProps
+ *
+ * @codegen <<SignedSource::f19c76b26ba51f8b2894e41fa0fdded5>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/flex/__generated__/index.partial.tsx <<SignedSource::168fd51a4f1ecb42eebcbe7af273a72a>>
+ */
+import React from 'react';
+import { Flex as PlatformFlex } from '@atlaskit/primitives';
+
+type PlatformFlexProps = React.ComponentProps<typeof PlatformFlex>;
+
+export type FlexProps = Pick<
+  PlatformFlexProps,
+  'children' | 'justifyContent' | 'alignItems' | 'columnGap' | 'gap' | 'rowGap' | 'direction' | 'wrap' | 'testId' | 'role'
+>;

package/src/components/__generated__/FormFooterProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - FormFooterProps
+ *
+ * @codegen <<SignedSource::a320a45e2726450da8f9af6eb0cc91b0>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-footer.partial.tsx <<SignedSource::48598ee9bb091f4a0c034f3e0ce775dd>>
+ */
+import React from 'react';
+import { FormFooter as PlatformFormFooter } from '@atlaskit/form';
+
+type PlatformFormFooterProps = React.ComponentProps<typeof PlatformFormFooter>;
+
+export type FormFooterProps = Pick<
+  PlatformFormFooterProps,
+  'children' | 'align'
+>;

package/src/components/__generated__/FormHeaderProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - FormHeaderProps
+ *
+ * @codegen <<SignedSource::f8c3507b0b60b7ae13c50fc98dd1ae6a>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-header.partial.tsx <<SignedSource::39113f36661ff88dc89bcb117a37304b>>
+ */
+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'
+>;

package/src/components/__generated__/FormProps.tsx

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - FormProps
+ *
+ * @codegen <<SignedSource::907c2307d88c09c5afb44ad749dfc496>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/index.tsx <<SignedSource::6d4d25db5b3185c05c0f48ce5c0c860c>>
+ */
+import type { ReactNode } from 'react';
+
+export type FormProps = {
+  onSubmit: () => void;
+  children: ReactNode;
+};

package/src/components/__generated__/FormSectionProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - FormSectionProps
+ *
+ * @codegen <<SignedSource::dc630588ad0a19e1ae38afa888a3b420>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-section.partial.tsx <<SignedSource::50d0a61d9d56b110eace75f07e56d508>>
+ */
+import React from 'react';
+import { FormSection as PlatformFormSection } from '@atlaskit/form';
+
+type PlatformFormSectionProps = React.ComponentProps<typeof PlatformFormSection>;
+
+export type FormSectionProps = Pick<
+  PlatformFormSectionProps,
+  'title' | 'children' | 'description'
+>;

package/src/components/__generated__/GridProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - GridProps
+ *
+ * @codegen <<SignedSource::097f3af17546735aac80cf542f51d61b>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/grid/__generated__/index.partial.tsx <<SignedSource::2d697df76d89f0198e340dbf8b3ea0b7>>
+ */
+import React from 'react';
+import { Grid as PlatformGrid } from '@atlaskit/primitives';
+
+type PlatformGridProps = React.ComponentProps<typeof PlatformGrid>;
+
+export type GridProps = Pick<
+  PlatformGridProps,
+  'children' | 'justifyContent' | 'justifyItems' | 'alignItems' | 'alignContent' | 'columnGap' | 'gap' | 'rowGap' | 'autoFlow' | 'templateRows' | 'templateColumns' | 'id' | 'testId' | 'role'
+>;

package/src/components/__generated__/HeadingProps.tsx

@@ -0,0 +1,17 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - HeadingProps
+ *
+ * @codegen <<SignedSource::8409a2eefa3cf7f5f771289a92442ef8>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/heading/__generated__/index.partial.tsx <<SignedSource::fc98f8d0850307517dae4997972db5e8>>
+ */
+import type { HeadingProps as PlatformHeadingProps } from '@atlaskit/heading';
+
+type HeadingTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export type HeadingProps = Pick<
+  PlatformHeadingProps,
+   'children' | 'color' | 'id' | 'testId'
+  > & { as: HeadingTags };

package/src/components/__generated__/HelperMessageProps.tsx

@@ -0,0 +1,18 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - HelperMessageProps
+ *
+ * @codegen <<SignedSource::80e8ed96a674022803bf841a07b1b52a>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/helper-message.partial.tsx <<SignedSource::7d5a77281465f008cd2e410ad300f047>>
+ */
+import React from 'react';
+import { HelperMessage as PlatformHelperMessage } from '@atlaskit/form';
+
+type PlatformHelperMessageProps = React.ComponentProps<typeof PlatformHelperMessage>;
+
+export type HelperMessageProps = Pick<
+  PlatformHelperMessageProps,
+  'children' | 'testId'
+>;