Checkbox, Radio: fix slotted text not wrapping

[RasmusKjeldgaard]

Which issue does this PR close?

This PR closes #3648

What is the new behavior?

Adding text in the default slot of checkbox or radio will now wrap, similar to how it does for text set with the text-property.
The white-space style declaration is moved to the label-text-wrapper part as it is used for both types of text.

Does this PR introduce a breaking change?

• Yes
• No

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Reminders

• Make sure you have implemented tests following the guidelines in: "The good: Test".
• Make sure you have updated the cookbook with examples and showcases (for bug fixes, enhancements & new components).

Review

• Determine if your changes are a fix, feature or breaking-change, and add the matching label to your PR. If it is tooling, dependency updates or similar, add ignore-for-release.
• Do a self-review.
• Request that the changes are code-reviewed
• Request that the changes are UX reviewed (only necessary if your PR introduces visual changes)

When the pull request has been approved it will be merged to develop by Team Kirby.

[jkaltoft]

What is the reason for not letting the label text flow and wrap naturally - equivalent to white-space: normal (initial value)?

[RasmusKjeldgaard]

What is the reason for not letting the label text flow and wrap naturally - equivalent to white-space: normal (initial value)?

Excellent question! I forgot to mention it in the PR description, sorry!
It is to preserve the functionality for creating line-breaks when text is supplied via the text property. So definitely something we should look into removing down the line, now that content can be slotted instead of supplied as a property.

[jkaltoft]