Radio button labels should hug text content in radio button groups

[nwhittaker]

Actual Behavior

By default, the child elements of a <calcite-radio-button-group> are stretched to fill the full width of their parent. If the children are labels, this can mean a significant amount of white-space has a hidden behavior of selecting a radio button if the user happens to click in it.

Expected Behavior

Only clicking the label's text content should select its assoc. radio button. Alternatively, if it's more usable, all labels are the same width as the widest label.

Reproduction Sample

https://codepen.io/nwhittaker-esri/pen/oNPOVzL

Reproduction Steps

1. Visit the sample and compare the observed vs. expected fieldsets.
2. Click anywhere in the cyan area to select a radio button.

Reproduction Version

1.2.0

Relevant Info

No response

Regression?

No response

Priority impact

p4 - not time sensitive

Impact

Styling the radio-group manually is an easy workaround, but not readily apparent since labels typically have transparent backgrounds.

Similar usability/ergonomic problems as described in #6702.

Esri team

ArcGIS Field Apps

[geospatialem]

Due to the wide use of label, team members will work towards a deprecation in the coming months and plan out a breaking change with a future release. A milestone will be assigned in the coming weeks.