Codemods

ProgressLinear Transform

Converts a v6 ProgressLinear component to a v7 ProgressLinear component.

Automatic Changes

• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.
• Renames the determinate prop to isDeterminate.
• Renames the label prop to labelOverrides.screenReaderLabel.

For example:

1import { ProgressLinear } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <ProgressLinear
6      determinate={true}
7      value={50}
8      label="label"
9      aria-describedby="aria-describedby"
10      theme={{ color: 'red' }}
11      {...otherProps}
12    />
13  );
14}

Transforms into:

1import { ProgressLinear } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <ProgressLinear
6      isDeterminate={true}
7      value={50}
8      aria-describedby={'aria-describedby'}
9      labelOverrides={{
10        screenReaderLabel: 'label',
11      }}
12      {...otherProps}
13    />
14  );
15}