Codemods

Logo Transform

Converts a v6 Logo component to a v7 Logo component.

Automatic Changes

• Renames the styleType prop to the variant prop.
• Attempts to transform the color prop values to the updated v7 values. If the value is an expression instead log for manual validation.

For example:

1import { Logo } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return <Logo styleType="stack" color="deep-blue" {...otherProps} />;
5}

Transforms into:

1import { Logo } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return <Logo variant="stack" color="brand-alt" {...otherProps} />;
5}