feat: allow radio label as react node

affects: @medly-components/core

Author: gmukul01

packages/core/src/components/Radio/types.ts

@@ -4,7 +4,7 @@ import { LabelPositions } from '../Label/types';
 
 type InputProps = Omit<HTMLProps<HTMLInputElement>, 'size' | 'type' | 'sizes'>;
 
-export interface RadioProps extends InputProps {
+export interface RadioProps extends Omit<InputProps, 'label'> {
     /** Value of the radio group */
     value: any;
     /** Radio size */
@@ -14,7 +14,7 @@ export interface RadioProps extends InputProps {
     /** Error state for checkbox */
     hasError?: boolean;
     /** Radio label */
-    label?: string;
+    label?: string | React.ReactNode;
     /** Label position */
     labelPosition?: LabelPositions;
     /** Label variant */

packages/core/src/components/RadioGroup/types.ts

@@ -9,7 +9,7 @@ export interface RadioGroupProps extends Omit<HTMLProps<HTMLDivElement>, 'size'
     /** Function to be called on selecting any radio */
     onChange?: (value: any) => void;
     /** Options */
-    options: { value: any; label: string; disabled?: boolean }[];
+    options: { value: any; label: string | React.ReactNode; disabled?: boolean }[];
     /** Function will be called with the input value on Blur event */
     validator?: (val: any) => string;
     /** Takes full width of the parent component */