added new props

Author: GrabowskiM

packages/components/src/inputs/AltRadio/AltRadio.stories.tsx

@@ -15,6 +15,9 @@ const meta: Meta<typeof AltRadioStateful> = {
         className: {
             control: 'text',
         },
+        tileClassName: {
+            control: 'text',
+        },
         title: {
             control: 'text',
         },

packages/components/src/inputs/AltRadio/AltRadio.tsx

@@ -6,20 +6,21 @@ import withStateChecked from '@ids-internal/hoc/withStateChecked';
 
 import { AltRadioProps } from './AltRadio.types';
 
-const AltRadio = ({ className = '', label, ...inputProps }: AltRadioProps) => {
+const AltRadio = ({ className = '', label, tileClassName = '', title = '', ...inputProps }: AltRadioProps) => {
     const { checked = false, disabled = false, error = false, onBlur, onChange, onFocus, onInput } = inputProps;
     const inputRef = useRef<HTMLInputElement>(null);
     const [isFocused, setIsFocused] = useState(false);
     const altRadioClassName = createCssClassNames({
         'ids-alt-radio': true,
-        [className]: true,
+        [className]: !!className,
     });
     const altRadioTileClassName = createCssClassNames({
         'ids-alt-radio__tile': true,
         'ids-alt-radio__tile--checked': checked,
         'ids-alt-radio__tile--disabled': disabled,
         'ids-alt-radio__tile--error': error,
         'ids-alt-radio__tile--focused': isFocused,
+        [tileClassName]: !!tileClassName,
     });
     const onTileClick = () => {
         inputRef.current?.focus();
@@ -39,7 +40,7 @@ const AltRadio = ({ className = '', label, ...inputProps }: AltRadioProps) => {
     };
 
     return (
-        <div className={altRadioClassName}>
+        <div className={altRadioClassName} title={title}>
             <div className="ids-alt-radio__source">
                 <BaseChoiceInput
                     {...inputProps}

packages/components/src/inputs/AltRadio/AltRadio.types.ts

@@ -4,4 +4,5 @@ import { BaseChoiceInputProps } from '@ids-internal/partials/BaseChoiceInput';
 
 export interface AltRadioProps extends Omit<BaseChoiceInputProps, 'type'> {
     label: ReactNode;
-};
+    tileClassName?: string;
+}