Codemods

IconBadge Transform

Converts a v6 IconBadge component to a v7 Badge component.

Automatic Changes

• Renames the import and usages of IconBadge to Badge.
• Renames the icon prop to anchorElement.
• Renames the label prop to screenReaderLabel.
• Updates the type prop to have value of "number". type="outline" and type="outlineFilled" are deprecated and will be converted to type="number".
• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { IconBadge, IconEmail } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <IconBadge
6      icon={<IconEmail />}
7      label="Unread messages"
8      theme={{ color: 'red' }}
9      {...otherProps}
10    >
11      1
12    </IconBadge>
13  );
14}

Transforms into:

1import { IconEmail } from '@americanexpress/dls-react6';
2
3import { Badge } from '@americanexpress/dls-react';
4
5export default function Page() {
6  return (
7    <Badge
8      anchorElement={<IconEmail />}
9      screenReaderLabel="Unread messages"
10      {...otherProps}
11    >
12      1
13    </Badge>
14  );
15}