From 4ce49b037762162568e8fcc906c6954403f8d676 Mon Sep 17 00:00:00 2001 From: Josh Black Date: Mon, 22 Jun 2026 12:35:32 -0500 Subject: [PATCH] feat: add support for size to ActionList --- .changeset/action-list-small-size.md | 5 +++++ ...nList-Small-List-dark-colorblind-linux.png | Bin 0 -> 10474 bytes ...ctionList-Small-List-dark-dimmed-linux.png | Bin 0 -> 10436 bytes ...st-Small-List-dark-high-contrast-linux.png | Bin 0 -> 10492 bytes .../ActionList-Small-List-dark-linux.png | Bin 0 -> 10474 bytes ...nList-Small-List-dark-tritanopia-linux.png | Bin 0 -> 10474 bytes ...List-Small-List-light-colorblind-linux.png | Bin 0 -> 10478 bytes ...t-Small-List-light-high-contrast-linux.png | Bin 0 -> 10437 bytes .../ActionList-Small-List-light-linux.png | Bin 0 -> 10478 bytes ...List-Small-List-light-tritanopia-linux.png | Bin 0 -> 10478 bytes e2e/components/ActionList.test.ts | 4 ++++ .../react/src/ActionList/ActionList.docs.json | 10 +++++++-- .../ActionList.features.stories.tsx | 21 ++++++++++++++++++ .../src/ActionList/ActionList.module.css | 10 +++++++++ .../src/ActionList/ActionList.stories.tsx | 7 ++++++ .../react/src/ActionList/ActionList.test.tsx | 18 +++++++++++++++ packages/react/src/ActionList/Item.tsx | 5 +++-- packages/react/src/ActionList/List.tsx | 5 ++++- packages/react/src/ActionList/shared.ts | 8 +++++-- 19 files changed, 86 insertions(+), 7 deletions(-) create mode 100644 .changeset/action-list-small-size.md create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-linux.png create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-light-linux.png create mode 100644 .playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-light-tritanopia-linux.png diff --git a/.changeset/action-list-small-size.md b/.changeset/action-list-small-size.md new file mode 100644 index 00000000000..c1af54a12bb --- /dev/null +++ b/.changeset/action-list-small-size.md @@ -0,0 +1,5 @@ +--- +'@primer/react': minor +--- + +ActionList: Add a `size` prop with a `small` option for compact lists. diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-colorblind-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e28b89e48babbfa8cd5cfa06e77aa54e1f2e3931 GIT binary patch literal 10474 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-dimmed-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-dimmed-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..34da68c4f0ec1eeb293e13da6b6092670877131c GIT binary patch literal 10436 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-high-contrast-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..d6e40315f3f27cc153b72807031e4dbc19d3d43e GIT binary patch literal 10492 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-tritanopia-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e28b89e48babbfa8cd5cfa06e77aa54e1f2e3931 GIT binary patch literal 10474 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-light-colorblind-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-light-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..bea91d221cdf5dd7a7e3f79584df1b4705d17a24 GIT binary patch literal 10478 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 OZl}CX)*ruk^WOmn`vTwq literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-light-linux.png b/.playwright/snapshots/components/ActionList.test.ts-snapshots/ActionList-Small-List-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..bea91d221cdf5dd7a7e3f79584df1b4705d17a24 GIT binary patch literal 10478 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 ( ) +export const SmallList = () => ( + + + + + + Copy link + + + Quote reply + Reply with selected text + + + + + + View repository + + +) + export const WithVisualListHeading = () => ( diff --git a/packages/react/src/ActionList/ActionList.module.css b/packages/react/src/ActionList/ActionList.module.css index 6195a4a1bb8..3d9fb91c71d 100644 --- a/packages/react/src/ActionList/ActionList.module.css +++ b/packages/react/src/ActionList/ActionList.module.css @@ -540,6 +540,16 @@ padding-block: var(--control-large-paddingBlock); } + &[data-size='small'] { + /* stylelint-disable-next-line primer/spacing */ + padding-block: var(--control-small-paddingBlock); + + & .ItemLabel, + & .TrailingVisual { + font-size: var(--text-body-size-small); + } + } + /* collapsible item [aria-expanded] */ &[aria-expanded='true'] { diff --git a/packages/react/src/ActionList/ActionList.stories.tsx b/packages/react/src/ActionList/ActionList.stories.tsx index 7d846aaa26c..a13df95f2e9 100644 --- a/packages/react/src/ActionList/ActionList.stories.tsx +++ b/packages/react/src/ActionList/ActionList.stories.tsx @@ -30,6 +30,7 @@ export const Playground: StoryFn = args => ( ) Playground.args = { + size: 'medium', showDividers: false, selectionVariant: undefined, variant: 'inset', @@ -46,6 +47,12 @@ Playground.argTypes = { }, options: ['inset', 'horizontal-inset', 'full'], }, + size: { + control: { + type: 'radio', + }, + options: ['small', 'medium'], + }, selectionVariant: { control: { type: 'radio', diff --git a/packages/react/src/ActionList/ActionList.test.tsx b/packages/react/src/ActionList/ActionList.test.tsx index e520c6ad03f..6376fb4626a 100644 --- a/packages/react/src/ActionList/ActionList.test.tsx +++ b/packages/react/src/ActionList/ActionList.test.tsx @@ -259,6 +259,24 @@ describe('ActionList', () => { expect(linkElements[1]).toHaveAttribute('data-size', 'medium') expect(linkElements[2]).toHaveAttribute('data-size', 'medium') // default should be medium }) + + it('should support size prop on ActionList', () => { + const {container} = HTMLRender( + + Small Item + Small Link Item + Large Item + , + ) + + const actionList = container.querySelector('[data-component="ActionList"]') + const itemElements = container.querySelectorAll('button, a') + + expect(actionList).toHaveAttribute('data-size', 'small') + expect(itemElements[0]).toHaveAttribute('data-size', 'small') + expect(itemElements[1]).toHaveAttribute('data-size', 'small') + expect(itemElements[2]).toHaveAttribute('data-size', 'large') + }) }) describe('ActionList data-component attributes', () => { diff --git a/packages/react/src/ActionList/Item.tsx b/packages/react/src/ActionList/Item.tsx index 355dd463494..24e838f79e4 100644 --- a/packages/react/src/ActionList/Item.tsx +++ b/packages/react/src/ActionList/Item.tsx @@ -86,7 +86,7 @@ const listRoleTypes = ['listbox', 'menu', 'list', 'tree'] const UnwrappedItem = ( { variant = 'default', - size = 'medium', + size: sizeProp, disabled = false, inactiveText, selected = undefined, @@ -118,8 +118,9 @@ const UnwrappedItem = ( ) : null const trailingVisual = slots.trailingVisual ?? wrappedDefaultTrailingVisual - const {role: listRole, selectionVariant: listSelectionVariant} = React.useContext(ListContext) + const {role: listRole, selectionVariant: listSelectionVariant, size: listSize} = React.useContext(ListContext) const {selectionVariant: groupSelectionVariant} = React.useContext(GroupContext) + const size = sizeProp ?? listSize ?? 'medium' const inactive = Boolean(inactiveText) // TODO change `menuContext` check to ```listRole !== undefined && ['menu', 'listbox'].includes(listRole)``` // once we have a better way to handle existing usage in dotcom that incorrectly use ActionList.TrailingAction diff --git a/packages/react/src/ActionList/List.tsx b/packages/react/src/ActionList/List.tsx index 1ab0a116f0b..e5143d44946 100644 --- a/packages/react/src/ActionList/List.tsx +++ b/packages/react/src/ActionList/List.tsx @@ -20,6 +20,7 @@ const UnwrappedList = ( as: Component = 'ul', variant = 'inset', selectionVariant, + size = 'medium', showDividers = false, role, disableFocusZone = false, @@ -62,11 +63,12 @@ const UnwrappedList = ( () => ({ variant, selectionVariant: selectionVariant || containerSelectionVariant, + size, showDividers, role: listRole, headingId, }), - [variant, selectionVariant, containerSelectionVariant, showDividers, listRole, headingId], + [variant, selectionVariant, containerSelectionVariant, size, showDividers, listRole, headingId], ) // Replaces a CSS `:has([data-has-description])` selector that caused full-subtree @@ -109,6 +111,7 @@ const UnwrappedList = ( data-component="ActionList" data-dividers={showDividers} data-variant={variant} + data-size={size} data-item-gap={itemGapEnabled ? '' : undefined} {...restProps} > diff --git a/packages/react/src/ActionList/shared.ts b/packages/react/src/ActionList/shared.ts index af98c9cd30a..e065789a752 100644 --- a/packages/react/src/ActionList/shared.ts +++ b/packages/react/src/ActionList/shared.ts @@ -33,7 +33,7 @@ export type ActionListItemProps = ExcludeSe * - `"danger"` - A destructive action `Item`. */ variant?: 'default' | 'danger' - size?: 'medium' | 'large' + size?: 'small' | 'medium' | 'large' /** * Items that are disabled can not be clicked, selected, or navigated through. */ @@ -143,6 +143,10 @@ export type ActionListProps = PolymorphicPr * Whether multiple Items or a single Item can be selected. */ selectionVariant?: 'single' | 'radio' | 'multiple' + /** + * The size of the ActionList items. + */ + size?: 'small' | 'medium' /** * Display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`. */ @@ -161,7 +165,7 @@ export type ActionListProps = PolymorphicPr type ContextProps = Pick< ActionListProps, - 'variant' | 'selectionVariant' | 'showDividers' | 'role' + 'variant' | 'selectionVariant' | 'showDividers' | 'role' | 'size' > & { headingId?: string }