From 628170638ecb24bda54834c0de9ec1a9cf63f692 Mon Sep 17 00:00:00 2001 From: Marais Rossouw Date: Fri, 14 Jul 2023 10:03:39 +1000 Subject: [PATCH 1/2] chore: format css files with prettier (#3519) --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 54cfd102ca6..b2963f20230 100644 --- a/package.json +++ b/package.json @@ -39,8 +39,8 @@ "setup": "./script/setup", "build": "./script/build", "clean": "rimraf dist lib lib-esm css", - "format": "prettier --cache --write '**/*.{js,md,mdx,ts,tsx,yml}'", - "format:diff": "prettier --cache --list-different '**/*.{js.md,mdx,ts,tsx,yml}'", + "format": "prettier --cache --write '**/*.{js,css,md,mdx,ts,tsx,yml}'", + "format:diff": "prettier --cache --list-different '**/*.{js,css,md,mdx,ts,tsx,yml}'", "start": "concurrently npm:start:*", "start:docs": "cd docs && npm run develop", "start:storybook": "STORYBOOK=true storybook dev -p 6006", From 33d43459258c28fa5d69a1eca83d46cdb4bfe773 Mon Sep 17 00:00:00 2001 From: Daniel Guillan Date: Fri, 14 Jul 2023 10:32:05 +0200 Subject: [PATCH 2/2] Fix ActionList.Item width for `full` variant (#3516) * Fix ActionList.Item width for full variant * Update .changeset/plenty-bats-shop.md Co-authored-by: Mike Perrotti --------- Co-authored-by: Mike Perrotti --- .changeset/plenty-bats-shop.md | 7 +++++++ src/ActionList/Item.tsx | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 .changeset/plenty-bats-shop.md diff --git a/.changeset/plenty-bats-shop.md b/.changeset/plenty-bats-shop.md new file mode 100644 index 00000000000..57090b350c0 --- /dev/null +++ b/.changeset/plenty-bats-shop.md @@ -0,0 +1,7 @@ +--- +'@primer/react': patch +--- + +ActionList: Fixes the width of items for the full variant + + diff --git a/src/ActionList/Item.tsx b/src/ActionList/Item.tsx index 90ead90ac58..e22a2d736b5 100644 --- a/src/ActionList/Item.tsx +++ b/src/ActionList/Item.tsx @@ -103,7 +103,7 @@ export const Item = React.forwardRef( appearance: 'none', background: 'unset', border: 'unset', - width: 'calc(100% - 16px)', + width: listVariant === 'inset' ? 'calc(100% - 16px)' : '100%', fontFamily: 'unset', textAlign: 'unset', marginY: 'unset',