Rename ListItem leading and trailing element props

[robinmetral]

Purpose

Rename ListItem leading and trailing element props for consistency with Figma and mobile platforms.

Approach and changes

• Rename:
  • prefix into leadingComponent
  • suffix into trailingComponent
  • suffixLabel into trailingLabel
  • suffixDetails into trailingDetails
• Rename internal use of this wording for consistency/clarity
• Update specs and stories
• Add a codemod for ListItem
• Add a codemod for ListItemGroup 👈 this is too complex to codemod, we'll advise a search-and-replace migration strategy

Definition of done

• Development completed
• Reviewers assigned
• Unit and integration tests
• Meets minimum browser support
• Meets accessibility requirements

[changeset-bot]

🦋 Changeset detected

Latest commit: aa15929

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@sumup/circuit-ui	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[sumup-clark]

Hey @robinmetral,
we are super excited that you are contributing! 🎉There's one more thing you need to do. Please accept our Contributor License Agreement. It helps you and us to collaborate on clear terms and focus on what we love most: code.

Thanks!

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/sumup/oss-circuit-ui/6cfrbXvgYsaPti7Y547dETBamjjk
✅ Preview: https://oss-circuit-ui-git-listitem-prop-rename.sumup-vercel.app

[connor-baer]

The changes look good to me 👍

[connor-baer]

Don't forget to update the stories (I know this is WIP)

[codecov]

Codecov Report

Merging #1533 (aa15929) into canary (fbcd19f) will decrease coverage by 0.00%.
The diff coverage is 92.68%.

@@            Coverage Diff             @@
##           canary    #1533      +/-   ##
==========================================
- Coverage   92.58%   92.57%   -0.01%     
==========================================
  Files         197      198       +1     
  Lines        4075     4083       +8     
  Branches     1238     1236       -2     
==========================================
+ Hits         3773     3780       +7     
- Misses        283      284       +1     
  Partials       19       19              

Impacted Files	Coverage Δ
...ages/circuit-ui/cli/migrate/listitem-prop-names.ts	90.90% <90.90%> (ø)
...ckages/circuit-ui/components/ListItem/ListItem.tsx	95.12% <93.33%> (-0.18%)	⬇️

[robinmetral]

✅ Verified the changes on Chromatic, stories were renamed but there are no visual changes