@atlaskit/forge-react-types 0.2.1 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/forge-react-types
 
+## 0.3.0
+
+### Minor Changes
+
+- [#74137](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74137) [`7e2066b045f7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7e2066b045f7) - Update types for event handler
+
 ## 0.2.1
 
 ### Patch Changes

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxProps
  *
- * @codegen <<SignedSource::56c904bc1a3ad0ed3621db32045cff13>>
+ * @codegen <<SignedSource::c3f249f62fc1e2dab7bc6a21a0681633>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::57649f2b33c0aec30c2ad0e41479c28b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::e85d1dd9754f25c100758622ff6d2d91>>
  */
 import React from 'react';
 import PlatformCheckbox from '@atlaskit/checkbox';
+import type { EventHandlerProps } from './types.codegen';
 type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
-export type CheckboxProps = Pick<PlatformCheckboxProps, 'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type CheckboxProps = Pick<PlatformCheckboxProps, 'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::cdab8c21bdbe308e0525c518987435f6>>
+ * @codegen <<SignedSource::f21dfcf68dcf1e2443af8b267b5a057f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/radio-group.partial.tsx <<SignedSource::7d9b07f217be4924a1cf7755f682fb58>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/radio-group.partial.tsx <<SignedSource::2cbedc883c6d0fdf8e7f443d9ea14eb1>>
  */
 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' | 'onChange' | 'value' | 'aria-labelledby' | 'name'>;
+export type RadioGroupProps = Pick<PlatformRadioGroupProps, 'defaultValue' | 'options' | 'onInvalid' | 'testId' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'value' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::ca014c2fa3ed73cb002099a84ac8a08a>>
+ * @codegen <<SignedSource::18d92f885ea65e94fa46c10f531d5b42>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/index.partial.tsx <<SignedSource::ba49931714a2937a807db87c6ed3ed7b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/index.partial.tsx <<SignedSource::f8c9f83aa0faf7291e9446bec9e441d6>>
  */
 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' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type RadioProps = Pick<PlatformRadioProps, 'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::e63be8ed022af8026cc320c9683dfebf>>
+ * @codegen <<SignedSource::67e22cda61419468c91e120179019751>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/range/__generated__/index.partial.tsx <<SignedSource::73b4d120484ba38e2bf1334749c9bc05>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/range/__generated__/index.partial.tsx <<SignedSource::da47c96a98423bdcf0e9c79c7e31854f>>
  */
 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' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type RangeProps = Pick<PlatformRangeProps, 'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange' | 'id' | 'isDisabled' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,11 +3,11 @@
  *
  * Extract component prop types from UIKit 2 components - SelectProps
  *
- * @codegen <<SignedSource::fc820c7821eab223fd3731133a386703>>
+ * @codegen <<SignedSource::15d2ba46804ab0a683383a0ba9cae564>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/select/__generated__/index.partial.tsx <<SignedSource::9650d96ed765605a9c8e52d59df07caa>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/select/__generated__/index.partial.tsx <<SignedSource::a826a4f7af8f06890432c9274aad7332>>
  */
 import { SelectProps as PlatformSelectProps } from '@atlaskit/select';
 export type SelectProps = Pick<PlatformSelectProps<any, true | false>, 'spacing' | 'appearance' | 'testId' | 'autoFocus' | 'defaultValue' | 'closeMenuOnSelect' | 'inputValue' | 'inputId' | 'isClearable' | 'isLoading' | 'isMulti' | 'isSearchable' | 'menuIsOpen' | 'onInputChange' | 'options' | 'placeholder' | 'onChange' | 'id' | 'isDisabled' | 'isInvalid' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & {
-    isRequired: boolean;
+    isRequired?: boolean;
 };

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::c8fb478551776ee1318282f1e09b6aec>>
+ * @codegen <<SignedSource::b8642225dd7fb8f95958aedb90aa5753>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textarea/__generated__/index.partial.tsx <<SignedSource::6ff82f2e9669ec2ae4884bccaf00b53d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textarea/__generated__/index.partial.tsx <<SignedSource::93a565327cd9ef8ff96aee7b16324589>>
  */
 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' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type TextAreaProps = Pick<PlatformTextareaProps, 'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::720c29dc742f5983dfd70304c695f12a>>
+ * @codegen <<SignedSource::77a5f574841fda41b36a73e5427d6aa0>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textfield/__generated__/index.partial.tsx <<SignedSource::be81e96ef821ffead27eed0b4af96460>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textfield/__generated__/index.partial.tsx <<SignedSource::3bcb2c74465d3be32f20d7ee141d0f9a>>
  */
 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' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type TextfieldProps = Pick<PlatformTextfieldProps, 'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::3725fc15575cc31d6f57a976cbb10297>>
+ * @codegen <<SignedSource::9934170c1bfa2f8647584b8098d373e5>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/toggle/__generated__/index.partial.tsx <<SignedSource::00ab09d4c92a9047a164a1063e7b52de>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/toggle/__generated__/index.partial.tsx <<SignedSource::15954687b51568b070d3d6687a80e7af>>
  */
 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' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'>;
+export type ToggleProps = Pick<PlatformToggleProps, 'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label' | 'id' | 'isDisabled' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,14 +3,14 @@
  *
  * Index file for component prop types
  *
- * @codegen <<SignedSource::d4328d9d29905451f7abdcaeb6cdfaed>>
+ * @codegen <<SignedSource::7aadd96e19946571168b6a8dac3d9a84>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency BadgeProps.codegen.tsx <<SignedSource::4759a95fede44eb7af89a4ada26252e9>>
  * @codegenDependency BleedProps.codegen.tsx <<SignedSource::376f3f60ae6c1912e80b568958802fb5>>
  * @codegenDependency BoxProps.codegen.tsx <<SignedSource::4ced3eed4de7f562539dd8a769a6871d>>
  * @codegenDependency ButtonGroupProps.codegen.tsx <<SignedSource::a529cee05261919cb2eccacb9837aed0>>
  * @codegenDependency ButtonProps.codegen.tsx <<SignedSource::cc45a3581574c0496c410cbba542fa50>>
- * @codegenDependency CheckboxProps.codegen.tsx <<SignedSource::9afb80a74c374b81d16e4b41c905799c>>
+ * @codegenDependency CheckboxProps.codegen.tsx <<SignedSource::64e2dd8eb8b122646e0a11c5a029a4d6>>
  * @codegenDependency CodeBlockProps.codegen.tsx <<SignedSource::54097e23c683ba0621cb0c224cbdee7a>>
  * @codegenDependency CodeProps.codegen.tsx <<SignedSource::bc1c608d36eb55ac7c4eb0545c4beda3>>
  * @codegenDependency DatePickerProps.codegen.tsx <<SignedSource::91eb5f1515fdb028c2916d07b59ea49a>>
@@ -38,12 +38,12 @@
  * @codegenDependency ModalTransitionProps.codegen.tsx <<SignedSource::eae5bf2abf85a1a39c377b0da0f7a1ed>>
  * @codegenDependency ProgressBarProps.codegen.tsx <<SignedSource::b27527e77286c102eac2a4aa3ed6585a>>
  * @codegenDependency ProgressTrackerProps.codegen.tsx <<SignedSource::75a7d6d27ff905f2e1ed85668749aec0>>
- * @codegenDependency RadioGroupProps.codegen.tsx <<SignedSource::92f707b80740efdb35d1588c854838d7>>
- * @codegenDependency RadioProps.codegen.tsx <<SignedSource::7de921ff8e1eceb6e5a3ae6dd8afc8cc>>
- * @codegenDependency RangeProps.codegen.tsx <<SignedSource::c71093a0781c3c46701e313db8c9e1d9>>
+ * @codegenDependency RadioGroupProps.codegen.tsx <<SignedSource::1ad039c8add4a5cbbbfcb0297330f608>>
+ * @codegenDependency RadioProps.codegen.tsx <<SignedSource::96e4c026daaf1aec3bf68aea545556d7>>
+ * @codegenDependency RangeProps.codegen.tsx <<SignedSource::4cb6e9003e3ad70a198b218708b324a4>>
  * @codegenDependency SectionMessageActionProps.codegen.tsx <<SignedSource::190b8417f32673d5e54cd206ea0c76d0>>
  * @codegenDependency SectionMessageProps.codegen.tsx <<SignedSource::dad8a3d213b5863972ea115389c33fdc>>
- * @codegenDependency SelectProps.codegen.tsx <<SignedSource::9c26b0a488f304bd77f227c6242062b9>>
+ * @codegenDependency SelectProps.codegen.tsx <<SignedSource::5c1824fd709a27eb74098e537e7f3541>>
  * @codegenDependency SpinnerProps.codegen.tsx <<SignedSource::602b1cc246e020dd7f32222a4d6bbb6e>>
  * @codegenDependency StackProps.codegen.tsx <<SignedSource::11eaa0ce90d5dd36a8ca57a03f01afe6>>
  * @codegenDependency TabListProps.codegen.tsx <<SignedSource::ba3257cc8f382811ae1630adc50c4fac>>
@@ -52,9 +52,9 @@
  * @codegenDependency TabsProps.codegen.tsx <<SignedSource::014a7bfcca5304d7bb613a53d9117d01>>
  * @codegenDependency TagGroupProps.codegen.tsx <<SignedSource::e8e2bd37a4b5175ff1bf296b465ef727>>
  * @codegenDependency TagProps.codegen.tsx <<SignedSource::86aff9005e1db842009ece108d61a6b1>>
- * @codegenDependency TextAreaProps.codegen.tsx <<SignedSource::6acc3b533fd4766729e98c15a9750739>>
- * @codegenDependency TextfieldProps.codegen.tsx <<SignedSource::f849d7935598c075df91b83544913e3b>>
- * @codegenDependency ToggleProps.codegen.tsx <<SignedSource::6595958ccdf883ba48233225095e19d0>>
+ * @codegenDependency TextAreaProps.codegen.tsx <<SignedSource::f79b76692f21e787a29f04f379710f32>>
+ * @codegenDependency TextfieldProps.codegen.tsx <<SignedSource::f029b18bd851bfca81384b61b12ba04b>>
+ * @codegenDependency ToggleProps.codegen.tsx <<SignedSource::4cf587b7a202a52ddb50db0157c2b0e5>>
  * @codegenDependency TooltipProps.codegen.tsx <<SignedSource::aa2be4a5cb38eecf50dd652836a3e6ad>>
  * @codegenDependency ValidMessageProps.codegen.tsx <<SignedSource::3498c77c19604ab5b3b2800fee3e75b3>>
  */

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

@@ -0,0 +1,32 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Shared types file from UIKit 2
+ *
+ * @codegen <<SignedSource::876fcb93a6505f3c3d8febc6657b1016>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/types.ts <<SignedSource::4c43233e6c4a02225fbb326afeddd9f7>>
+ */
+export type SerialisableEvent = {
+    bubbles: boolean;
+    cancelable: boolean;
+    defaultPrevented: boolean;
+    eventPhase: number;
+    isTrusted: boolean;
+    nativeEvent: any;
+    target: {
+        value?: any;
+        checked?: boolean;
+        name?: string;
+        id?: string;
+        tagName?: string;
+        type?: string;
+    };
+    timeStamp: number;
+    type: string;
+};
+export type EventHandlerProps = {
+    onChange?: (event: SerialisableEvent) => void;
+    onBlur?: (event: SerialisableEvent) => void;
+    onFocus?: (event: SerialisableEvent) => void;
+};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxProps
  *
- * @codegen <<SignedSource::56c904bc1a3ad0ed3621db32045cff13>>
+ * @codegen <<SignedSource::c3f249f62fc1e2dab7bc6a21a0681633>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::57649f2b33c0aec30c2ad0e41479c28b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::e85d1dd9754f25c100758622ff6d2d91>>
  */
 import React from 'react';
 import PlatformCheckbox from '@atlaskit/checkbox';
+import type { EventHandlerProps } from './types.codegen';
 type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
-export type CheckboxProps = Pick<PlatformCheckboxProps, 'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type CheckboxProps = Pick<PlatformCheckboxProps, 'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::cdab8c21bdbe308e0525c518987435f6>>
+ * @codegen <<SignedSource::f21dfcf68dcf1e2443af8b267b5a057f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/radio-group.partial.tsx <<SignedSource::7d9b07f217be4924a1cf7755f682fb58>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/radio-group.partial.tsx <<SignedSource::2cbedc883c6d0fdf8e7f443d9ea14eb1>>
  */
 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' | 'onChange' | 'value' | 'aria-labelledby' | 'name'>;
+export type RadioGroupProps = Pick<PlatformRadioGroupProps, 'defaultValue' | 'options' | 'onInvalid' | 'testId' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'value' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::ca014c2fa3ed73cb002099a84ac8a08a>>
+ * @codegen <<SignedSource::18d92f885ea65e94fa46c10f531d5b42>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/index.partial.tsx <<SignedSource::ba49931714a2937a807db87c6ed3ed7b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/index.partial.tsx <<SignedSource::f8c9f83aa0faf7291e9446bec9e441d6>>
  */
 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' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type RadioProps = Pick<PlatformRadioProps, 'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::e63be8ed022af8026cc320c9683dfebf>>
+ * @codegen <<SignedSource::67e22cda61419468c91e120179019751>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/range/__generated__/index.partial.tsx <<SignedSource::73b4d120484ba38e2bf1334749c9bc05>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/range/__generated__/index.partial.tsx <<SignedSource::da47c96a98423bdcf0e9c79c7e31854f>>
  */
 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' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type RangeProps = Pick<PlatformRangeProps, 'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange' | 'id' | 'isDisabled' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,11 +3,11 @@
  *
  * Extract component prop types from UIKit 2 components - SelectProps
  *
- * @codegen <<SignedSource::fc820c7821eab223fd3731133a386703>>
+ * @codegen <<SignedSource::15d2ba46804ab0a683383a0ba9cae564>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/select/__generated__/index.partial.tsx <<SignedSource::9650d96ed765605a9c8e52d59df07caa>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/select/__generated__/index.partial.tsx <<SignedSource::a826a4f7af8f06890432c9274aad7332>>
  */
 import { SelectProps as PlatformSelectProps } from '@atlaskit/select';
 export type SelectProps = Pick<PlatformSelectProps<any, true | false>, 'spacing' | 'appearance' | 'testId' | 'autoFocus' | 'defaultValue' | 'closeMenuOnSelect' | 'inputValue' | 'inputId' | 'isClearable' | 'isLoading' | 'isMulti' | 'isSearchable' | 'menuIsOpen' | 'onInputChange' | 'options' | 'placeholder' | 'onChange' | 'id' | 'isDisabled' | 'isInvalid' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & {
-    isRequired: boolean;
+    isRequired?: boolean;
 };

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::c8fb478551776ee1318282f1e09b6aec>>
+ * @codegen <<SignedSource::b8642225dd7fb8f95958aedb90aa5753>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textarea/__generated__/index.partial.tsx <<SignedSource::6ff82f2e9669ec2ae4884bccaf00b53d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textarea/__generated__/index.partial.tsx <<SignedSource::93a565327cd9ef8ff96aee7b16324589>>
  */
 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' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type TextAreaProps = Pick<PlatformTextareaProps, 'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::720c29dc742f5983dfd70304c695f12a>>
+ * @codegen <<SignedSource::77a5f574841fda41b36a73e5427d6aa0>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textfield/__generated__/index.partial.tsx <<SignedSource::be81e96ef821ffead27eed0b4af96460>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textfield/__generated__/index.partial.tsx <<SignedSource::3bcb2c74465d3be32f20d7ee141d0f9a>>
  */
 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' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'>;
+export type TextfieldProps = Pick<PlatformTextfieldProps, 'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::3725fc15575cc31d6f57a976cbb10297>>
+ * @codegen <<SignedSource::9934170c1bfa2f8647584b8098d373e5>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/toggle/__generated__/index.partial.tsx <<SignedSource::00ab09d4c92a9047a164a1063e7b52de>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/toggle/__generated__/index.partial.tsx <<SignedSource::15954687b51568b070d3d6687a80e7af>>
  */
 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' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'>;
+export type ToggleProps = Pick<PlatformToggleProps, 'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label' | 'id' | 'isDisabled' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,14 +3,14 @@
  *
  * Index file for component prop types
  *
- * @codegen <<SignedSource::d4328d9d29905451f7abdcaeb6cdfaed>>
+ * @codegen <<SignedSource::7aadd96e19946571168b6a8dac3d9a84>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency BadgeProps.codegen.tsx <<SignedSource::4759a95fede44eb7af89a4ada26252e9>>
  * @codegenDependency BleedProps.codegen.tsx <<SignedSource::376f3f60ae6c1912e80b568958802fb5>>
  * @codegenDependency BoxProps.codegen.tsx <<SignedSource::4ced3eed4de7f562539dd8a769a6871d>>
  * @codegenDependency ButtonGroupProps.codegen.tsx <<SignedSource::a529cee05261919cb2eccacb9837aed0>>
  * @codegenDependency ButtonProps.codegen.tsx <<SignedSource::cc45a3581574c0496c410cbba542fa50>>
- * @codegenDependency CheckboxProps.codegen.tsx <<SignedSource::9afb80a74c374b81d16e4b41c905799c>>
+ * @codegenDependency CheckboxProps.codegen.tsx <<SignedSource::64e2dd8eb8b122646e0a11c5a029a4d6>>
  * @codegenDependency CodeBlockProps.codegen.tsx <<SignedSource::54097e23c683ba0621cb0c224cbdee7a>>
  * @codegenDependency CodeProps.codegen.tsx <<SignedSource::bc1c608d36eb55ac7c4eb0545c4beda3>>
  * @codegenDependency DatePickerProps.codegen.tsx <<SignedSource::91eb5f1515fdb028c2916d07b59ea49a>>
@@ -38,12 +38,12 @@
  * @codegenDependency ModalTransitionProps.codegen.tsx <<SignedSource::eae5bf2abf85a1a39c377b0da0f7a1ed>>
  * @codegenDependency ProgressBarProps.codegen.tsx <<SignedSource::b27527e77286c102eac2a4aa3ed6585a>>
  * @codegenDependency ProgressTrackerProps.codegen.tsx <<SignedSource::75a7d6d27ff905f2e1ed85668749aec0>>
- * @codegenDependency RadioGroupProps.codegen.tsx <<SignedSource::92f707b80740efdb35d1588c854838d7>>
- * @codegenDependency RadioProps.codegen.tsx <<SignedSource::7de921ff8e1eceb6e5a3ae6dd8afc8cc>>
- * @codegenDependency RangeProps.codegen.tsx <<SignedSource::c71093a0781c3c46701e313db8c9e1d9>>
+ * @codegenDependency RadioGroupProps.codegen.tsx <<SignedSource::1ad039c8add4a5cbbbfcb0297330f608>>
+ * @codegenDependency RadioProps.codegen.tsx <<SignedSource::96e4c026daaf1aec3bf68aea545556d7>>
+ * @codegenDependency RangeProps.codegen.tsx <<SignedSource::4cb6e9003e3ad70a198b218708b324a4>>
  * @codegenDependency SectionMessageActionProps.codegen.tsx <<SignedSource::190b8417f32673d5e54cd206ea0c76d0>>
  * @codegenDependency SectionMessageProps.codegen.tsx <<SignedSource::dad8a3d213b5863972ea115389c33fdc>>
- * @codegenDependency SelectProps.codegen.tsx <<SignedSource::9c26b0a488f304bd77f227c6242062b9>>
+ * @codegenDependency SelectProps.codegen.tsx <<SignedSource::5c1824fd709a27eb74098e537e7f3541>>
  * @codegenDependency SpinnerProps.codegen.tsx <<SignedSource::602b1cc246e020dd7f32222a4d6bbb6e>>
  * @codegenDependency StackProps.codegen.tsx <<SignedSource::11eaa0ce90d5dd36a8ca57a03f01afe6>>
  * @codegenDependency TabListProps.codegen.tsx <<SignedSource::ba3257cc8f382811ae1630adc50c4fac>>
@@ -52,9 +52,9 @@
  * @codegenDependency TabsProps.codegen.tsx <<SignedSource::014a7bfcca5304d7bb613a53d9117d01>>
  * @codegenDependency TagGroupProps.codegen.tsx <<SignedSource::e8e2bd37a4b5175ff1bf296b465ef727>>
  * @codegenDependency TagProps.codegen.tsx <<SignedSource::86aff9005e1db842009ece108d61a6b1>>
- * @codegenDependency TextAreaProps.codegen.tsx <<SignedSource::6acc3b533fd4766729e98c15a9750739>>
- * @codegenDependency TextfieldProps.codegen.tsx <<SignedSource::f849d7935598c075df91b83544913e3b>>
- * @codegenDependency ToggleProps.codegen.tsx <<SignedSource::6595958ccdf883ba48233225095e19d0>>
+ * @codegenDependency TextAreaProps.codegen.tsx <<SignedSource::f79b76692f21e787a29f04f379710f32>>
+ * @codegenDependency TextfieldProps.codegen.tsx <<SignedSource::f029b18bd851bfca81384b61b12ba04b>>
+ * @codegenDependency ToggleProps.codegen.tsx <<SignedSource::4cf587b7a202a52ddb50db0157c2b0e5>>
  * @codegenDependency TooltipProps.codegen.tsx <<SignedSource::aa2be4a5cb38eecf50dd652836a3e6ad>>
  * @codegenDependency ValidMessageProps.codegen.tsx <<SignedSource::3498c77c19604ab5b3b2800fee3e75b3>>
  */

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

@@ -0,0 +1,32 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Shared types file from UIKit 2
+ *
+ * @codegen <<SignedSource::876fcb93a6505f3c3d8febc6657b1016>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/types.ts <<SignedSource::4c43233e6c4a02225fbb326afeddd9f7>>
+ */
+export type SerialisableEvent = {
+    bubbles: boolean;
+    cancelable: boolean;
+    defaultPrevented: boolean;
+    eventPhase: number;
+    isTrusted: boolean;
+    nativeEvent: any;
+    target: {
+        value?: any;
+        checked?: boolean;
+        name?: string;
+        id?: string;
+        tagName?: string;
+        type?: string;
+    };
+    timeStamp: number;
+    type: string;
+};
+export type EventHandlerProps = {
+    onChange?: (event: SerialisableEvent) => void;
+    onBlur?: (event: SerialisableEvent) => void;
+    onFocus?: (event: SerialisableEvent) => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/forge-react-types",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Component types for Forge UI Kit React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/scripts/codegen/codeGenerator.ts

@@ -125,24 +125,37 @@ class ImportDeclarationProxy {
   }
 
   public getText() {
+    const code = this.base.getText();
+    const match = code.match(
+      /^(import |import type ){(.+)} from ['"](.+)['"];$/,
+    );
+    if (!match) {
+      return this.base.getText();
+    }
+    let [_, importStatement, importedNames, packageName] = match;
+    importedNames = importedNames.trim();
+
+    if (isSharedUIKit2TypesImport(this.base)) {
+      packageName = './types.codegen';
+    }
     if (this.removedNamedImports.size > 0) {
-      const code = this.base.getText();
-      const matches = code.match(
-        /^(import |import type ){(.+)} from \'(.+)\';$/,
-      )!;
-      const importedNames = matches[2]!
+      importedNames = importedNames!
         .split(',')
         .map((text) => text.trim())
-        .filter((text) => !this.removedNamedImports.has(text));
-
-      return `${matches[1]}{ ${importedNames.join(', ')} } from '${
-        matches[3]
-      }';`;
+        .filter((text) => !this.removedNamedImports.has(text))
+        .join(', ');
     }
-    return this.base.getText();
+    return `${importStatement}{ ${importedNames} } from '${packageName}';`;
   }
 }
 
+const isSharedUIKit2TypesImport = (importDeclaration: ImportDeclaration) => {
+  return (
+    importDeclaration.isTypeOnly() &&
+    importDeclaration.getModuleSpecifierValue() === '../../types'
+  );
+};
+
 const extractImportDeclarations = (
   sourceFile: SourceFile,
   componentPropSymbol: Symbol,
@@ -161,9 +174,14 @@ const extractImportDeclarations = (
     .getImportDeclarations()
     .filter((declaration) => {
       const moduleSpecifier = declaration.getModuleSpecifierValue();
-      // only keep dependencies from @atlaskit and react
+      // only keep dependencies from
+      // - @atlaskit
+      // - react
+      // - or '../../types'
       return (
-        moduleSpecifier.startsWith('@atlaskit/') || moduleSpecifier === 'react'
+        moduleSpecifier.startsWith('@atlaskit/') ||
+        moduleSpecifier === 'react' ||
+        isSharedUIKit2TypesImport(declaration)
       );
     })
     .reduce<ImportDeclarationProxy[]>((declarations, declaration) => {

package/scripts/codegen/componentPropTypes.ts

@@ -228,6 +228,32 @@ const updatePackageJsonWithADSComponentDependencies = (
   fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
 };
 
+/**
+ * This copies types file from the types file in UIKit2-codegen
+ * to __generated__ folder.
+ */
+const generateSharedTypesFile = (componentOutputDir: string) => {
+  // eslint-disable-next-line no-console
+  console.log('Generating shared types file');
+
+  const uiKit2TypesFile = require.resolve(
+    '@atlassian/forge-ui/src/components/UIKit2-codegen/types',
+  );
+
+  const signedSourceCode = createSignedArtifact(
+    fs.readFileSync(uiKit2TypesFile, 'utf8'),
+    'yarn workspace @atlaskit/forge-react-types codegen',
+    {
+      description: 'Shared types file from UIKit 2',
+      dependencies: [uiKit2TypesFile],
+      outputFolder: componentOutputDir,
+    },
+  );
+
+  const typesFilePath = resolve(componentOutputDir, 'types.codegen.ts');
+  fs.writeFileSync(typesFilePath, signedSourceCode);
+};
+
 const generateComponentPropTypes = (componentPropTypeFilter?: string) => {
   const componentOutputDir = resolve(
     __dirname,
@@ -248,6 +274,9 @@ const generateComponentPropTypes = (componentPropTypeFilter?: string) => {
       )
       .sort((a, b) => a.getName().localeCompare(b.getName()));
 
+    // generate share types file first
+    generateSharedTypesFile(componentOutputDir);
+
     generateComponentPropTypeSourceFiles(
       componentOutputDir,
       componentPropTypeSymbols,

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxProps
  *
- * @codegen <<SignedSource::56c904bc1a3ad0ed3621db32045cff13>>
+ * @codegen <<SignedSource::c3f249f62fc1e2dab7bc6a21a0681633>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::57649f2b33c0aec30c2ad0e41479c28b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::e85d1dd9754f25c100758622ff6d2d91>>
  */
 import React from 'react';
 import PlatformCheckbox from '@atlaskit/checkbox';
+import type { EventHandlerProps } from './types.codegen';
 
 type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
 
@@ -16,4 +17,4 @@ export type CheckboxProps = Pick<
   PlatformCheckboxProps,
   'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label'
  | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
->;
+> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::cdab8c21bdbe308e0525c518987435f6>>
+ * @codegen <<SignedSource::f21dfcf68dcf1e2443af8b267b5a057f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/radio-group.partial.tsx <<SignedSource::7d9b07f217be4924a1cf7755f682fb58>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/radio-group.partial.tsx <<SignedSource::2cbedc883c6d0fdf8e7f443d9ea14eb1>>
  */
 import React from 'react';
 import { RadioGroup as PlatformRadioGroup } from '@atlaskit/radio';
+import type { EventHandlerProps } from './types.codegen';
 
 type PlatformRadioGroupProps = React.ComponentProps<typeof PlatformRadioGroup>;
 
@@ -16,4 +17,4 @@ export type RadioGroupProps = Pick<
   PlatformRadioGroupProps,
   'defaultValue' | 'options' | 'onInvalid' | 'testId'
  | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'value' | 'aria-labelledby' | 'name'
->;
+> & Pick<EventHandlerProps, 'onChange'>;

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::ca014c2fa3ed73cb002099a84ac8a08a>>
+ * @codegen <<SignedSource::18d92f885ea65e94fa46c10f531d5b42>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/index.partial.tsx <<SignedSource::ba49931714a2937a807db87c6ed3ed7b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/radio/__generated__/index.partial.tsx <<SignedSource::f8c9f83aa0faf7291e9446bec9e441d6>>
  */
 import React from 'react';
 import { Radio as PlatformRadio } from '@atlaskit/radio';
+import type { EventHandlerProps } from './types.codegen';
 
 type PlatformRadioProps = React.ComponentProps<typeof PlatformRadio>;
 
@@ -16,4 +17,4 @@ export type RadioProps = Pick<
   PlatformRadioProps,
   'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid'
  | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
->;
+> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::e63be8ed022af8026cc320c9683dfebf>>
+ * @codegen <<SignedSource::67e22cda61419468c91e120179019751>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/range/__generated__/index.partial.tsx <<SignedSource::73b4d120484ba38e2bf1334749c9bc05>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/range/__generated__/index.partial.tsx <<SignedSource::da47c96a98423bdcf0e9c79c7e31854f>>
  */
 import React from 'react';
 import PlatformRange from '@atlaskit/range';
+import type { EventHandlerProps } from './types.codegen';
 
 type PlatformRangeProps = React.ComponentProps<typeof PlatformRange>;
 
@@ -16,4 +17,4 @@ export type RangeProps = Pick<
   PlatformRangeProps,
   'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange'
  | 'id' | 'isDisabled' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
->;
+> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - SelectProps
  *
- * @codegen <<SignedSource::fc820c7821eab223fd3731133a386703>>
+ * @codegen <<SignedSource::15d2ba46804ab0a683383a0ba9cae564>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/select/__generated__/index.partial.tsx <<SignedSource::9650d96ed765605a9c8e52d59df07caa>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/select/__generated__/index.partial.tsx <<SignedSource::a826a4f7af8f06890432c9274aad7332>>
  */
 import { SelectProps as PlatformSelectProps } from '@atlaskit/select';
 
@@ -13,4 +13,4 @@ export type SelectProps = Pick<
 PlatformSelectProps<any, true | false>,
   'spacing' | 'appearance' | 'testId' | 'autoFocus' | 'defaultValue' | 'closeMenuOnSelect' | 'inputValue' | 'inputId' | 'isClearable' | 'isLoading' | 'isMulti' | 'isSearchable' | 'menuIsOpen' | 'onInputChange' | 'options' | 'placeholder' | 'onChange'
  | 'id' | 'isDisabled' | 'isInvalid' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
-> & { isRequired: boolean };
+> & { isRequired?: boolean };

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::c8fb478551776ee1318282f1e09b6aec>>
+ * @codegen <<SignedSource::b8642225dd7fb8f95958aedb90aa5753>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textarea/__generated__/index.partial.tsx <<SignedSource::6ff82f2e9669ec2ae4884bccaf00b53d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textarea/__generated__/index.partial.tsx <<SignedSource::93a565327cd9ef8ff96aee7b16324589>>
  */
 import React from 'react';
 import PlatformTextarea from '@atlaskit/textarea';
+import type { EventHandlerProps } from './types.codegen';
 
 type PlatformTextareaProps = React.ComponentProps<typeof PlatformTextarea>;
 
@@ -16,4 +17,4 @@ export type TextAreaProps = Pick<
   PlatformTextareaProps,
   'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength'
  | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
->;
+> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

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

@@ -3,17 +3,18 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::720c29dc742f5983dfd70304c695f12a>>
+ * @codegen <<SignedSource::77a5f574841fda41b36a73e5427d6aa0>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textfield/__generated__/index.partial.tsx <<SignedSource::be81e96ef821ffead27eed0b4af96460>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/textfield/__generated__/index.partial.tsx <<SignedSource::3bcb2c74465d3be32f20d7ee141d0f9a>>
  */
 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' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength'
+  'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'
  | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
->;
+> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

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

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::3725fc15575cc31d6f57a976cbb10297>>
+ * @codegen <<SignedSource::9934170c1bfa2f8647584b8098d373e5>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/toggle/__generated__/index.partial.tsx <<SignedSource::00ab09d4c92a9047a164a1063e7b52de>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/toggle/__generated__/index.partial.tsx <<SignedSource::15954687b51568b070d3d6687a80e7af>>
  */
 import React from 'react';
 import PlatformToggle from '@atlaskit/toggle';
+import type { EventHandlerProps } from './types.codegen';
 
 type PlatformToggleProps = React.ComponentProps<typeof PlatformToggle>;
 
@@ -16,4 +17,4 @@ export type ToggleProps = Pick<
   PlatformToggleProps,
   'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label'
  | 'id' | 'isDisabled' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'
->;
+> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

package/src/components/__generated__/index.codegen.ts

@@ -3,14 +3,14 @@
  *
  * Index file for component prop types
  *
- * @codegen <<SignedSource::d4328d9d29905451f7abdcaeb6cdfaed>>
+ * @codegen <<SignedSource::7aadd96e19946571168b6a8dac3d9a84>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency BadgeProps.codegen.tsx <<SignedSource::4759a95fede44eb7af89a4ada26252e9>>
  * @codegenDependency BleedProps.codegen.tsx <<SignedSource::376f3f60ae6c1912e80b568958802fb5>>
  * @codegenDependency BoxProps.codegen.tsx <<SignedSource::4ced3eed4de7f562539dd8a769a6871d>>
  * @codegenDependency ButtonGroupProps.codegen.tsx <<SignedSource::a529cee05261919cb2eccacb9837aed0>>
  * @codegenDependency ButtonProps.codegen.tsx <<SignedSource::cc45a3581574c0496c410cbba542fa50>>
- * @codegenDependency CheckboxProps.codegen.tsx <<SignedSource::9afb80a74c374b81d16e4b41c905799c>>
+ * @codegenDependency CheckboxProps.codegen.tsx <<SignedSource::64e2dd8eb8b122646e0a11c5a029a4d6>>
  * @codegenDependency CodeBlockProps.codegen.tsx <<SignedSource::54097e23c683ba0621cb0c224cbdee7a>>
  * @codegenDependency CodeProps.codegen.tsx <<SignedSource::bc1c608d36eb55ac7c4eb0545c4beda3>>
  * @codegenDependency DatePickerProps.codegen.tsx <<SignedSource::91eb5f1515fdb028c2916d07b59ea49a>>
@@ -38,12 +38,12 @@
  * @codegenDependency ModalTransitionProps.codegen.tsx <<SignedSource::eae5bf2abf85a1a39c377b0da0f7a1ed>>
  * @codegenDependency ProgressBarProps.codegen.tsx <<SignedSource::b27527e77286c102eac2a4aa3ed6585a>>
  * @codegenDependency ProgressTrackerProps.codegen.tsx <<SignedSource::75a7d6d27ff905f2e1ed85668749aec0>>
- * @codegenDependency RadioGroupProps.codegen.tsx <<SignedSource::92f707b80740efdb35d1588c854838d7>>
- * @codegenDependency RadioProps.codegen.tsx <<SignedSource::7de921ff8e1eceb6e5a3ae6dd8afc8cc>>
- * @codegenDependency RangeProps.codegen.tsx <<SignedSource::c71093a0781c3c46701e313db8c9e1d9>>
+ * @codegenDependency RadioGroupProps.codegen.tsx <<SignedSource::1ad039c8add4a5cbbbfcb0297330f608>>
+ * @codegenDependency RadioProps.codegen.tsx <<SignedSource::96e4c026daaf1aec3bf68aea545556d7>>
+ * @codegenDependency RangeProps.codegen.tsx <<SignedSource::4cb6e9003e3ad70a198b218708b324a4>>
  * @codegenDependency SectionMessageActionProps.codegen.tsx <<SignedSource::190b8417f32673d5e54cd206ea0c76d0>>
  * @codegenDependency SectionMessageProps.codegen.tsx <<SignedSource::dad8a3d213b5863972ea115389c33fdc>>
- * @codegenDependency SelectProps.codegen.tsx <<SignedSource::9c26b0a488f304bd77f227c6242062b9>>
+ * @codegenDependency SelectProps.codegen.tsx <<SignedSource::5c1824fd709a27eb74098e537e7f3541>>
  * @codegenDependency SpinnerProps.codegen.tsx <<SignedSource::602b1cc246e020dd7f32222a4d6bbb6e>>
  * @codegenDependency StackProps.codegen.tsx <<SignedSource::11eaa0ce90d5dd36a8ca57a03f01afe6>>
  * @codegenDependency TabListProps.codegen.tsx <<SignedSource::ba3257cc8f382811ae1630adc50c4fac>>
@@ -52,9 +52,9 @@
  * @codegenDependency TabsProps.codegen.tsx <<SignedSource::014a7bfcca5304d7bb613a53d9117d01>>
  * @codegenDependency TagGroupProps.codegen.tsx <<SignedSource::e8e2bd37a4b5175ff1bf296b465ef727>>
  * @codegenDependency TagProps.codegen.tsx <<SignedSource::86aff9005e1db842009ece108d61a6b1>>
- * @codegenDependency TextAreaProps.codegen.tsx <<SignedSource::6acc3b533fd4766729e98c15a9750739>>
- * @codegenDependency TextfieldProps.codegen.tsx <<SignedSource::f849d7935598c075df91b83544913e3b>>
- * @codegenDependency ToggleProps.codegen.tsx <<SignedSource::6595958ccdf883ba48233225095e19d0>>
+ * @codegenDependency TextAreaProps.codegen.tsx <<SignedSource::f79b76692f21e787a29f04f379710f32>>
+ * @codegenDependency TextfieldProps.codegen.tsx <<SignedSource::f029b18bd851bfca81384b61b12ba04b>>
+ * @codegenDependency ToggleProps.codegen.tsx <<SignedSource::4cf587b7a202a52ddb50db0157c2b0e5>>
  * @codegenDependency TooltipProps.codegen.tsx <<SignedSource::aa2be4a5cb38eecf50dd652836a3e6ad>>
  * @codegenDependency ValidMessageProps.codegen.tsx <<SignedSource::3498c77c19604ab5b3b2800fee3e75b3>>
  */

package/src/components/__generated__/types.codegen.ts

@@ -0,0 +1,33 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Shared types file from UIKit 2
+ *
+ * @codegen <<SignedSource::876fcb93a6505f3c3d8febc6657b1016>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/types.ts <<SignedSource::4c43233e6c4a02225fbb326afeddd9f7>>
+ */
+export type SerialisableEvent = {
+  bubbles: boolean;
+  cancelable: boolean;
+  defaultPrevented: boolean;
+  eventPhase: number;
+  isTrusted: boolean;
+  nativeEvent: any;
+  target: {
+    value?: any;
+    checked?: boolean;
+    name?: string;
+    id?: string;
+    tagName?: string;
+    type?: string;
+  };
+  timeStamp: number;
+  type: string;
+};
+
+export type EventHandlerProps = {
+  onChange?: (event: SerialisableEvent) => void;
+  onBlur?: (event: SerialisableEvent) => void;
+  onFocus?: (event: SerialisableEvent) => void;
+};