Add size prop to ActionList.LinkItem

[Copilot]

This PR adds the size prop to ActionList.LinkItem to match the functionality shipped to ActionList.Item in https://github.com/github/primer/issues/4587.

Problem

In @github/github/pull/393559, a size prop was added to ActionList.Item that defaults to medium but accepts large. However, ActionList.LinkItem did not have this same capability, creating an inconsistency between the two components.

Solution

Added the size prop to ActionList.LinkItem using the same prop naming and styles as ActionList.Item:

• Type Definition: Added 'size' to the ActionListLinkItemProps Pick type
• Implementation: Pass the size prop through to the underlying Item component
• Default Value: Defaults to 'medium' (same as ActionList.Item)
• Supported Values: 'medium' | 'large'

Usage

// Default size (medium)
<ActionList.LinkItem href="/github">Default Link</ActionList.LinkItem>

// Explicit medium size  
<ActionList.LinkItem href="/github" size="medium">Medium Link</ActionList.LinkItem>

// Large size
<ActionList.LinkItem href="/github" size="large">Large Link</ActionList.LinkItem>

Technical Details

The implementation leverages the existing infrastructure:

• Uses the same CSS styling via data-size attribute that applies &[data-size='large'] for larger padding
• Reuses the Item component's size handling mechanism
• Maintains consistency with ActionList.Item behavior

Testing

• Added test to verify the data-size attribute is correctly applied
• Updated Storybook playground to include size control
• All existing tests continue to pass

This change ensures feature parity between ActionList.Item and ActionList.LinkItem while maintaining the existing API and behavior.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[changeset-bot]

🦋 Changeset detected

Latest commit: 8b57f29

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

This PR includes changesets to release 2 packages

Name	Type
@primer/react	Minor
@primer/styled-react	Major

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

[github-actions]

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

[dylanatsmith]

@copilot Add a changeset

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	90.2 KB (-0.07% 🔽)
packages/react/dist/browser.umd.js	90.38 KB (-0.12% 🔽)

[Copilot]

@copilot Add a changeset

Added changeset for the ActionList.LinkItem size prop feature in commit 8b57f29. The changeset documents this as a minor version bump since it adds new functionality to the component.

[Copilot]

Pull Request Overview

This PR adds a size prop to ActionList.LinkItem to achieve feature parity with ActionList.Item, which already has this functionality. The change allows LinkItem components to be rendered in either medium (default) or large sizes.

• Add size prop to ActionListLinkItemProps type definition
• Pass the size prop through to the underlying Item component
• Add comprehensive test coverage and Storybook controls

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated no comments.

File	Description
packages/react/src/ActionList/LinkItem.tsx	Add size prop to type definition and component implementation
packages/react/src/ActionList/ActionList.test.tsx	Add test to verify size prop functionality and data-size attribute
packages/react/src/ActionList/ActionList.stories.tsx	Add size control to LinkItem Storybook playground
.changeset/add-actionlist-linkitem-size-prop.md	Add changeset entry documenting the new feature

[langermank]

🚀