Select list width

[edleeks87]

fix #6861

Proposed behaviour

Removes left and right options from listPlacement type, only top and bottom remain supported

BREAKING CHANGE: listPlacement prop only supports top and bottom now

Adds support for overriding the list width via listWidth prop. Adds support for placing list at top-start, top-end, bottom-start and botton-end. When top or bottom is passed to listPlacement it will internally append -end to it.

Current behaviour

listPlacement supports left and right no support for listWidth

Checklist

• [x] Commits follow our style guide
• [x] Related issues linked in commit messages if required
• [x] Screenshots are included in the PR if useful
• [x] Unit tests added or updated if required
• [x] Playwright automation tests added or updated if required
• [x] Storybook added or updated if required
• [x] Typescript d.ts file added or updated if required

QA

• [ ] Tested in provided StackBlitz sandbox/Storybook
• [ ] Add new Playwright test coverage if required
• [ ] Carbon implementation matches Design System/designs
• [ ] UI Tests GitHub check reviewed if required

Additional context

Testing instructions

[carbonci]

:tada: This PR is included in version 143.0.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: