Codemods

CarouselContent Transform

CarouselContent is deprecated.

Automatic Changes

• Removes all props from CarouselContent and transforms to a div element.

For example:

1import { CarouselContent } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <CarouselContent theme={{ color: 'red' }} {...otherProps}>
6      Some Content
7    </CarouselContent>
8  );
9}

Transforms into:

1export default function Page() {
2  return <div {...otherProps}>Some Content</div>;
3}

Manual Changes

Update Carousel Styles

Since the CarouselContent component is deprecated, the styles applied to the CarouselItem and its children will most likely need to be updated. Reference the Carousel documentation for common layout patterns.