@bitrise/bitkit 13.59.1-alpha.0 → 13.59.1-alpha.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.59.1-alpha.0",
+  "version": "13.59.1-alpha.2",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Form/Checkbox/Checkbox.tsx

@@ -16,14 +16,15 @@ type CheckboxInputProps = ChakraCheckboxProps['inputProps'] & {
 };
 
 export interface CheckboxProps
-  extends Omit<FormControlProps, 'icon' | 'iconColor' | 'iconSize' | 'inputProps' | 'value'> {
+  extends Omit<FormControlProps, 'icon' | 'iconColor' | 'iconSize' | 'inputProps' | 'value' | 'onChange'> {
   inputProps?: CheckboxInputProps;
   helperText?: ReactNode;
   errorText?: string;
-  value: ChakraCheckboxProps['value'];
+  value?: ChakraCheckboxProps['value'];
   inputRef?: Ref<HTMLInputElement>;
   isIndeterminate?: ChakraCheckboxProps['isIndeterminate'];
   isChecked?: ChakraCheckboxProps['isChecked'];
+  onChange?: ChakraCheckboxProps['onChange'];
 }
 
 const CustomIcon = (props: CheckboxIconProps) => {
@@ -53,6 +54,8 @@ const Checkbox = forwardRef<CheckboxProps, 'input'>((props, ref) => {
     children,
     isIndeterminate,
     isChecked,
+    onChange,
+    id,
     ...rest
   } = props;
 
@@ -72,6 +75,8 @@ const Checkbox = forwardRef<CheckboxProps, 'input'>((props, ref) => {
     value,
     isIndeterminate,
     isChecked,
+    onChange,
+    id,
   };
 
   return (

package/src/Components/Form/Radio/Radio.tsx

@@ -13,13 +13,15 @@ type RadioInputProps = ChakraRadioProps['inputProps'] & {
   'data-testid'?: string;
 };
 
-export interface RadioProps extends Omit<FormControlProps, 'icon' | 'iconColor' | 'iconSize' | 'inputProps' | 'value'> {
+export interface RadioProps
+  extends Omit<FormControlProps, 'icon' | 'iconColor' | 'iconSize' | 'inputProps' | 'value' | 'onChange'> {
   inputProps?: RadioInputProps;
   helperText?: ReactNode;
   errorText?: string;
-  value: ChakraRadioProps['value'];
+  value?: ChakraRadioProps['value'];
   inputRef?: Ref<HTMLInputElement>;
   isChecked?: ChakraRadioProps['isChecked'];
+  onChange?: ChakraRadioProps['onChange'];
 }
 
 const Radio = forwardRef<RadioProps, 'input'>((props, ref) => {
@@ -36,6 +38,8 @@ const Radio = forwardRef<RadioProps, 'input'>((props, ref) => {
     inputProps,
     children,
     isChecked,
+    onChange,
+    id,
     ...rest
   } = props;
 
@@ -54,6 +58,8 @@ const Radio = forwardRef<RadioProps, 'input'>((props, ref) => {
     role,
     value,
     isChecked,
+    onChange,
+    id,
   };
 
   return (