docs(PPDSC-1976): Media list fix

[Srinivasan-Ramasamy]

PPDSC-1976

What

1. MediaList component media should have borderRadius defaults all the corners across the application.

I have done:

• Written unit tests against changes
• Written functional tests against the component and/or NewsKit site
• Updated relevant documentation

I have tested manually:

• The feature's functionality is working as expected on Chrome, Firefox, Safari and Edge
• The screen reader reads and flows through the elements as expected.
• There are no new errors in the browser console coming from this PR.
• When visual test is not added, it renders correctly on different browsers and mobile viewports (Safari, Firefox, small mobile viewport, tablet)
• The Playground feature is working as expected

Before:

After:

Who should review this PR:

How to test:

[newskit-engineering]

You can preview these changes on:
Documentation Site: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-1976-medialist-fix
Storybook: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-1976-medialist-fix/storybook

[Srinivasan-Ramasamy]

Thanks @tbradbury for reviewing the code 👍

[mstuartf]

When should we apply stying directly like this instead of in the style presets for the component?

I'm still trying to wrap my head around the various ways we handle styling!

[Vanals]

🤔 I guess we do not support svg inside style presets atm?
also not sure if we could add it as nested object in the base? @pdimova

[Srinivasan-Ramasamy]

@mstuartf and @Vanals Thank you for your time for giving valuable feedback.

This style changes has to be updated nested SVG. I was also initialy thinking the same, but after reffered some of the component styles files doubt is cleared and for the consistency updated the same way which those component follows. For example Toast and Flag component has the same nested structure in their styles files.

But, still please suggest me if we need to do any changes?

[mstuartf]

👍 If this is a pattern that we follow elsewhere then it's fine for me. But I would be interested to understand why it doesn't work using defaults / style presets.

[Srinivasan-Ramasamy]

Ok @mstuartf, thanks.