fix: react radio button remove pseudo properties

packages/component-library-react/src/RadioButton.test.tsx

@@ -38,14 +38,6 @@ describe('RadioButton', () => {
   });
 
   describe('checked variant', () => {
-    it('renders a design system BEM modifier class name', () => {
-      const { container } = render(<RadioButton checked />);
-
-      const radioButton = container.querySelector(':only-child');
-
-      expect(radioButton).toHaveClass('utrecht-radio-button--checked');
-    });
-
     it('is not checked by default', () => {
       const { container } = render(<RadioButton />);
 
@@ -154,14 +146,6 @@ describe('RadioButton', () => {
       expect(radioButton).not.toBeDisabled();
     });
 
-    it('renders a design system BEM modifier class name', () => {
-      const { container } = render(<RadioButton disabled />);
-
-      const radioButton = container.querySelector(':only-child');
-
-      expect(radioButton).toHaveClass('utrecht-radio-button--disabled');
-    });
-
     it('omits non-essential disabled attributes when not disabled', () => {
       const { container } = render(<RadioButton disabled={false} />);
 
@@ -198,14 +182,6 @@ describe('RadioButton', () => {
       expect(radioButton).not.toBeRequired();
     });
 
-    it('renders a design system BEM modifier class name', () => {
-      const { container } = render(<RadioButton required />);
-
-      const radioButton = container.querySelector(':only-child');
-
-      expect(radioButton).toHaveClass('utrecht-radio-button--required');
-    });
-
     it('omits non-essential required attributes when not required', () => {
       const { container } = render(<RadioButton required={false} />);
 

packages/component-library-react/src/RadioButton.tsx

@@ -6,25 +6,17 @@ export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElem
 }
 
 export const RadioButton = forwardRef(
-  (
-    { checked, disabled, invalid, required, className, ...restProps }: RadioButtonProps,
-    ref: ForwardedRef<HTMLInputElement>,
-  ) => (
+  ({ invalid, className, ...restProps }: RadioButtonProps, ref: ForwardedRef<HTMLInputElement>) => (
     <input
       {...restProps}
       ref={ref}
       type="radio"
       className={clsx(
         'utrecht-radio-button',
         'utrecht-radio-button--html-input',
-        checked && 'utrecht-radio-button--checked',
-        disabled && 'utrecht-radio-button--disabled',
         invalid && 'utrecht-radio-button--invalid',
-        required && 'utrecht-radio-button--required',
         className,
       )}
-      disabled={disabled}
-      required={required}
     />
   ),
 );