RadioButton Transform

Converts the v6 RadioButton component to the v7 RadioButton component.

Automatic Changes

Renames the warning prop to isInvalid.
Changes the disabled prop to aria-disabled.
Deletes the center prop, which has been deprecated.
Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { RadioButton } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <RadioButton
6      id="some-id"
7      label="My Label"
8      value="some-value"
9      warning={isInvalid}
10      disabled={isDisabled}
11      theme={{ color: 'red' }}
12      center={isCentered}
13      {...otherProps}
14    />
15  );
16}

Transforms into:

1import { RadioButton } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <RadioButton
6      id="some-id"
7      label="My Label"
8      value="some-value"
9      isInvalid={isInvalid}
10      aria-disabled={isDisabled}
11      {...otherProps}
12    />
13  );
14}