MudToggleGroup: Remove Rounded in favor of CSS utilities rounded-*

[danielchalmers]

Description

Resolves #10522 by using the theme border radius and moving any further rounding onto the user which allows greater control. Previously the rounding classes added by the component themselves would override the user's choice.

Migration:

• ToggleGroup.Rounded was removed and uses the default border radius by default. Override the rounding with CSS styles or utility classes (ex: rounded-pill).

How Has This Been Tested?

visually

Type of Changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation (fix or improvement to the website or code docs)

Default state with default border radius of 4px:

rounded-pill added to Class property:

Checklist

• The PR is submitted to the correct branch (dev).
• My code follows the code style of this project.
• I've added relevant tests.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[henon]

Wow, this was easy ;)

@mckaragoz FYI, we now have better control over the corner radius via the rounded-* classes, same as in MudButton etc.

[henon]

Thanks. Added to v8.0.0 Migration Guide

[mckaragoz]

I think we should add an example into docs to show how to rounded. In first each item has its own rounded property. Then we changed it to the container class so yes it's possible with utility CSS now

[henon]

I think we should add an example into docs to show how to rounded

Yes, but we don't need an extra example for it. We can just add it to one of the other examples where appropriate. The same could be done for MudButton and many other components to draw more attention to the css utilities