fix(radio): fix height limit and block flow improvements

[stovein]

Fixes #597

[muratcorlu]

I fixed the styling issues about vertical alignment. I added a new CSS variable to be able to set vertical alignment of the radio button. By default, I set it as vertically centered. @buseselvi Please check if those are good for you.

[omrumbakitemiz]

👀 👀

[muratcorlu]

Do we have any concerns about this PR @stovein ? Can we merge this?

[stovein]

We have a slight radio group alignment problem, since our radio groups host is now in flow layout but options classed div is in flex layout, we cannot directly manipulate alignment from host via giving classes or styles. We could add some measures for that and I think it will be ok and configurable most of the time.

We could manage to solve this issue with @muratcorlu 's align-self on radio element suggestion, however I think we should also have some alignment css custom properties for radio group too.

An example of misalignment

[buseselvi]

Title and radio inputs are looking a bit separated as an example. Can we show an example with 2-3 lines of text aligned middle and side by side, which looks more aesthetically pleasing? Or maybe just the explanation without an example in the storybook 🤔

[stovein]

How is new sotry, if its ok I believe having a story would be better to get a feel how it works.

[buseselvi]

It looks perfect 🙏🏻 But now the other example is not working when clicking on that radio input in the storybook, i couldn't select them. @stovein

[github-actions]

🎉 This PR is included in version 2.2.0-beta.18 🎉

The release is available on:

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

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 2.2.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀

[stovein]

since problem in the link provided is not related to this pr, we will continue from #659 .