Merge pull request #4688 from GeekyAnts/fix/typing-radio-checkbox

Fix/typing radio checkbox

Author: surajahmed

package.json

@@ -36,7 +36,7 @@
       "prettier --write"
     ]
   },
-  "version": "3.3.8-alpha.1",
+  "version": "3.3.8-alpha.3",
   "license": "MIT",
   "private": false,
   "main": "lib/commonjs/index",

src/components/primitives/Checkbox/types.tsx

@@ -78,43 +78,43 @@ export interface ICheckboxProps extends IBoxProps<ICheckboxProps> {
   /**
    * Passed props wilICheckboxGroupPropsl be applied on disabled state.
    */
-  _disabled?: Omit<ICheckboxProps, '_disabled'>;
+  _disabled?: Omit<Partial<ICheckboxProps>, '_disabled'>;
   /**
    * Passed props will be applied on checked state.
    */
-  _checked?: Omit<ICheckboxProps, '_checked'>;
+  _checked?: Omit<Partial<ICheckboxProps>, '_checked'>;
   /**
    * Passed props will be applied on unchecked state.
    */
-  _unchecked?: Omit<ICheckboxProps, '_unchecked'>;
+  _unchecked?: Omit<Partial<ICheckboxProps>, '_unchecked'>;
   /**
    * Passed props will be applied on focus state.
    */
-  _focus?: Omit<ICheckboxProps, '_focus'>;
+  _focus?: Omit<Partial<ICheckboxProps>, '_focus'>;
   /**
    * Passed props will be applied on hover state.
    */
-  _hover?: Omit<ICheckboxProps, '_hover'>;
+  _hover?: Omit<Partial<ICheckboxProps>, '_hover'>;
   /**
    * Passed props will be applied on invalid state.
    */
-  _invalid?: Omit<ICheckboxProps, '_invalid'>;
+  _invalid?: Omit<Partial<ICheckboxProps>, '_invalid'>;
   /**
    * Passed props will be applied on pressed state on native.
    */
-  _pressed?: Omit<ICheckboxProps, '_pressed'>;
+  _pressed?: Omit<Partial<ICheckboxProps>, '_pressed'>;
   /**
    * Passed props will be applied on readonly state.
    */
-  _readOnly?: Omit<ICheckboxProps, '_readOnly'>;
+  _readOnly?: Omit<Partial<ICheckboxProps>, '_readOnly'>;
   /**
    * Icon related props can be passed in _icon.
    */
   _icon?: IIconProps;
   /**
    * You can style interaction box around the checkbox using this.
    */
-  _interactionBox?: Omit<ICheckboxProps, '_interactionBox'>;
+  _interactionBox?: Omit<Partial<ICheckboxProps>, '_interactionBox'>;
   /**
    * Function called when the state of the checkbox changes.
    */

src/components/primitives/Radio/types.tsx

@@ -57,6 +57,47 @@ export interface IRadioProps extends IBoxProps<IRadioProps> {
    * Ref to be passed to Icon's wrapper Box
    */
   wrapperRef?: any;
+
+  /**
+   * Passed props wilICheckboxGroupPropsl be applied on disabled state.
+   */
+  _disabled?: Omit<Partial<IRadioProps>, '_disabled'>;
+  /**
+   * Passed props will be applied on checked state.
+   */
+  _checked?: Omit<Partial<IRadioProps>, '_checked'>;
+  /**
+   * Passed props will be applied on unchecked state.
+   */
+  _unchecked?: Omit<Partial<IRadioProps>, '_unchecked'>;
+  /**
+   * Passed props will be applied on focus state.
+   */
+  _focus?: Omit<Partial<IRadioProps>, '_focus'>;
+  /**
+   * Passed props will be applied on hover state.
+   */
+  _hover?: Omit<Partial<IRadioProps>, '_hover'>;
+  /**
+   * Passed props will be applied on invalid state.
+   */
+  _invalid?: Omit<Partial<IRadioProps>, '_invalid'>;
+  /**
+   * Passed props will be applied on pressed state on native.
+   */
+  _pressed?: Omit<Partial<IRadioProps>, '_pressed'>;
+  /**
+   * Icon related props can be passed in _icon.
+   */
+  _icon?: Partial<IRadioProps>;
+  /**
+   * Passed props will be applied on readonly state.
+   */
+  _readOnly?: Omit<Partial<IRadioProps>, '_readOnly'>;
+  /**
+   * You can style interaction box around the checkbox using this.
+   */
+  _interactionBox?: Omit<Partial<IRadioProps>, '_interactionBox'>;
 }
 export interface IRadioGroupProps extends IBoxProps<IRadioGroupProps> {
   /**