feat(pie-list): DSW-4118 radio button lists

[jamieomaguire]

Describe your changes (can list changeset entries if preferable)

Lets pie-radio-group accept pie-list-item children, so a radio group can render as a list. Each item sets selection-type="radio" and slots a pie-radio, and the whole row becomes the selectable target. pie-list stays a static container.

• pie-webc-core: two generic contexts. ariaContext (an ancestor supplies a control's accessible name and description) and parentDisabledContext (an ancestor signals to descendants that it is disabled). These prevent prop drilling.
• pie-css: a shared list-item-divider mixin so a container can draw the dividers between slotted items.
• pie-list-item: a selection-type prop that makes the row selectable (role, ARIA, row-click forwarding, hover and active states, disabled reflection).
• pie-radio: consumes ariaContext
• pie-radio-group: finds radios at any depth and keeps ownership of selection, keyboard navigation, focus and naming.
• pie-radio-group: gets a variant prop which is used to manage styling related to list-item children (needed so SSR + hydration isn't funky)

Author Checklist (complete before requesting a review, do not delete any)

• I have performed a self-review of my code.
• I have added thorough tests where applicable (unit / component / visual).
• I have reviewed the PIE Storybook/PIE Docs PR preview.
• I have reviewed visual test updates properly before approving.
• If changes will affect consumers of the package, I have created a changeset entry.
• If a changeset file has been created, I have tested these changes in PIE Aperture using the /test-aperture command.

Not-applicable Checklist items

Please move any Author checklist items that do not apply to this pull request here.

---

justeattakeaway/pie-aperture#532

Reviewer checklists (complete before approving)

Mark items as [-] N/A if not applicable.

Reviewer 1

• I have reviewed the PIE Storybook/PIE Docs PR preview.
• I have verified that all acceptance criteria for this ticket have been completed.
• I have reviewed the Aperture changes (if added)
• If there are visual test updates, I have reviewed them.

Reviewer 2

• I have reviewed the PIE Storybook/PIE Docs PR preview.
• I have verified that all acceptance criteria for this ticket have been completed.
• I have reviewed the Aperture changes (if added)
• If there are visual test updates, I have reviewed them.

[changeset-bot]

🦋 Changeset detected

Latest commit: 8ddc0f0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 36 packages

Name	Type
@justeattakeaway/pie-webc-core	Minor
@justeattakeaway/pie-radio	Minor
@justeattakeaway/pie-list	Minor
@justeattakeaway/pie-radio-group	Minor
@justeattakeaway/pie-accordion	Patch
@justeattakeaway/pie-assistive-text	Patch
@justeattakeaway/pie-avatar	Patch
@justeattakeaway/pie-breadcrumb	Patch
@justeattakeaway/pie-button	Patch
@justeattakeaway/pie-card	Patch
@justeattakeaway/pie-checkbox-group	Patch
@justeattakeaway/pie-checkbox	Patch
@justeattakeaway/pie-chip	Patch
@justeattakeaway/pie-cookie-banner	Patch
@justeattakeaway/pie-data-table	Patch
@justeattakeaway/pie-divider	Patch
@justeattakeaway/pie-form-label	Patch
@justeattakeaway/pie-icon-button	Patch
@justeattakeaway/pie-link	Patch
@justeattakeaway/pie-lottie-player	Patch
@justeattakeaway/pie-modal	Patch
@justeattakeaway/pie-notification	Patch
@justeattakeaway/pie-select	Patch
@justeattakeaway/pie-spinner	Patch
@justeattakeaway/pie-switch	Patch
@justeattakeaway/pie-tabs	Patch
@justeattakeaway/pie-tag	Patch
@justeattakeaway/pie-text-input	Patch
@justeattakeaway/pie-textarea	Patch
@justeattakeaway/pie-thumbnail	Patch
@justeattakeaway/pie-toast-provider	Patch
@justeattakeaway/pie-toast	Patch
@justeattakeaway/pie-icons-webc	Patch
@justeattakeaway/pie-webc	Patch
@justeattakeaway/pie-docs	Patch
@justeattakeaway/pie-storybook	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[jamieomaguire]

/snapit

[pie-design-system-app]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-app]

@jamieomaguire Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/pie-accordion@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-assistive-text@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-avatar@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-breadcrumb@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-button@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-card@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-checkbox@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-checkbox-group@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-chip@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-cookie-banner@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-data-table@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-divider@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-form-label@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-icon-button@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-link@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-list@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-lottie-player@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-modal@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-notification@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-radio@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-radio-group@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-select@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-spinner@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-switch@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-tabs@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-tag@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-text-input@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-textarea@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-thumbnail@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-toast@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-toast-provider@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc-core@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

yarn up @justeattakeaway/pie-icons-webc@0.0.0-snapshot-release-20260721151939 --mode=update-lockfile

Then finally:

yarn install

[jamieomaguire]

/snapit

[pie-design-system-app]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-app]

@jamieomaguire Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/pie-accordion@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-assistive-text@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-avatar@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-breadcrumb@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-button@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-card@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-checkbox@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-checkbox-group@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-chip@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-cookie-banner@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-data-table@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-divider@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-form-label@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-icon-button@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-link@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-list@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-lottie-player@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-modal@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-notification@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-radio@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-radio-group@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-select@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-spinner@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-switch@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-tabs@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-tag@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-text-input@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-textarea@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-thumbnail@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-toast@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-toast-provider@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc-core@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

yarn up @justeattakeaway/pie-icons-webc@0.0.0-snapshot-release-20260721155714 --mode=update-lockfile

Then finally:

yarn install

[jamieomaguire]

/snapit

[pie-design-system-app]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-app]

@jamieomaguire Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/pie-accordion@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-assistive-text@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-avatar@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-breadcrumb@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-button@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-card@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-checkbox@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-checkbox-group@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-chip@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-cookie-banner@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-data-table@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-divider@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-form-label@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-icon-button@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-link@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-list@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-lottie-player@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-modal@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-notification@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-radio@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-radio-group@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-select@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-spinner@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-switch@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-tabs@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-tag@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-text-input@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-textarea@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-thumbnail@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-toast@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-toast-provider@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc-core@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

yarn up @justeattakeaway/pie-icons-webc@0.0.0-snapshot-release-20260721162956 --mode=update-lockfile

Then finally:

yarn install

[jamieomaguire]

/snapit

[pie-design-system-app]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-app]

@jamieomaguire Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/pie-accordion@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-assistive-text@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-avatar@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-breadcrumb@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-button@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-card@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-checkbox@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-checkbox-group@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-chip@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-cookie-banner@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-data-table@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-divider@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-form-label@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-icon-button@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-link@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-list@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-lottie-player@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-modal@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-notification@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-radio@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-radio-group@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-select@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-spinner@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-switch@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-tabs@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-tag@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-text-input@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-textarea@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-thumbnail@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-toast@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-toast-provider@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc-core@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

yarn up @justeattakeaway/pie-icons-webc@0.0.0-snapshot-release-20260721170837 --mode=update-lockfile

Then finally:

yarn install

[pie-design-system-app]

	Fails
🚫	You have unchecked checklist items outside the "Not-applicable Checklist items" section. Please ensure all unchecked checkboxes are moved to the appropriate section.
🚫	You have unchecked checklist items in Reviewer 1's section. Please ensure all items are addressed before approval.
🚫	You have unchecked checklist items in Reviewer 2's section. Please ensure all items are addressed before approval.

Generated by 🚫 dangerJS against 8ddc0f0