From c94fe8b8e4315a7cbb287323a5820b2cf7ecd0b8 Mon Sep 17 00:00:00 2001
From: Rebecca Alpert <ralpert@redhat.com>
Date: Wed, 22 Oct 2025 12:09:31 -0400
Subject: [PATCH 1/2] feat(ActionList): Add isVertical variant

---
 packages/react-core/package.json              |  2 +-
 .../src/components/ActionList/ActionList.tsx  | 13 +++++-
 .../ActionList/__tests__/ActionList.test.tsx  | 12 +++++
 .../ActionList/examples/ActionList.md         |  6 +++
 .../examples/ActionListVertical.tsx           | 46 +++++++++++++++++++
 packages/react-docs/package.json              |  2 +-
 packages/react-icons/package.json             |  2 +-
 packages/react-styles/package.json            |  2 +-
 packages/react-tokens/package.json            |  4 +-
 yarn.lock                                     | 28 +++++------
 10 files changed, 96 insertions(+), 21 deletions(-)
 create mode 100644 packages/react-core/src/components/ActionList/examples/ActionListVertical.tsx

diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index 026596a8cbc..d26c696fda1 100644
--- a/packages/react-core/package.json
+++ b/packages/react-core/package.json
@@ -54,7 +54,7 @@
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.4.0",
+    "@patternfly/patternfly": "6.5.0-prerelease.3",
     "case-anything": "^3.1.2",
     "css": "^3.0.0",
     "fs-extra": "^11.3.0"
diff --git a/packages/react-core/src/components/ActionList/ActionList.tsx b/packages/react-core/src/components/ActionList/ActionList.tsx
index 08f0b57ed5c..ebced6b15d9 100644
--- a/packages/react-core/src/components/ActionList/ActionList.tsx
+++ b/packages/react-core/src/components/ActionList/ActionList.tsx
@@ -8,15 +8,26 @@ export interface ActionListProps extends React.HTMLProps<HTMLDivElement> {
   isIconList?: boolean;
   /** Additional classes added to the action list */
   className?: string;
+  /** Whether the layout of children is vertical or horizontal. */
+  isVertical?: boolean;
 }
 
 export const ActionList: React.FunctionComponent<ActionListProps> = ({
   children,
   isIconList,
   className,
+  isVertical = false,
   ...props
 }: ActionListProps) => (
-  <div className={css(styles.actionList, isIconList && styles.modifiers.icons, className)} {...props}>
+  <div
+    className={css(
+      styles.actionList,
+      isIconList && styles.modifiers.icons,
+      isVertical && styles.modifiers.vertical,
+      className
+    )}
+    {...props}
+  >
     {children}
   </div>
 );
diff --git a/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx b/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx
index c1ed3bb8d47..5bb4d943fdb 100644
--- a/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx
+++ b/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx
@@ -37,6 +37,18 @@ test(`Renders with class ${styles.modifiers.icons} when isIconList is true`, ()
   expect(screen.getByText('Test')).toHaveClass(styles.modifiers.icons);
 });
 
+test(`Does not render with class ${styles.modifiers.vertical} by default`, () => {
+  render(<ActionList>Test</ActionList>);
+
+  expect(screen.getByText('Test')).not.toHaveClass(styles.modifiers.vertical);
+});
+
+test(`Renders with class ${styles.modifiers.vertical} when isVertical is true`, () => {
+  render(<ActionList isVertical={true}>Test</ActionList>);
+
+  expect(screen.getByText('Test')).toHaveClass(styles.modifiers.vertical);
+});
+
 test('Renders with inherited element props spread to the component', () => {
   render(<ActionList aria-label="Test label">Test</ActionList>);
 
diff --git a/packages/react-core/src/components/ActionList/examples/ActionList.md b/packages/react-core/src/components/ActionList/examples/ActionList.md
index e23eba3e738..6c72fb22a53 100644
--- a/packages/react-core/src/components/ActionList/examples/ActionList.md
+++ b/packages/react-core/src/components/ActionList/examples/ActionList.md
@@ -35,3 +35,9 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico
 ```ts file="./ActionListWithCancelButton.tsx"
 
 ```
+
+### Vertical action list
+
+```ts file="./ActionListVertical.tsx" isBeta
+
+```
diff --git a/packages/react-core/src/components/ActionList/examples/ActionListVertical.tsx b/packages/react-core/src/components/ActionList/examples/ActionListVertical.tsx
new file mode 100644
index 00000000000..92cdb7118d2
--- /dev/null
+++ b/packages/react-core/src/components/ActionList/examples/ActionListVertical.tsx
@@ -0,0 +1,46 @@
+import { ActionList, ActionListGroup, ActionListItem, Button } from '@patternfly/react-core';
+import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+
+export const ActionListVertical: React.FunctionComponent = () => (
+  <>
+    <h4>Multiple groups</h4>
+    <ActionList isVertical>
+      <ActionListGroup>
+        <ActionListItem>
+          <Button>Next</Button>
+        </ActionListItem>
+        <ActionListItem>
+          <Button variant="secondary">Back</Button>
+        </ActionListItem>
+      </ActionListGroup>
+      <ActionListGroup>
+        <ActionListItem>
+          <Button>Submit</Button>
+        </ActionListItem>
+        <ActionListItem>
+          <Button variant="link">Cancel</Button>
+        </ActionListItem>
+      </ActionListGroup>
+    </ActionList>
+    <h4>Icons, in two groups</h4>
+    <ActionList isVertical>
+      <ActionListGroup>
+        <ActionListItem>
+          <Button aria-label="Close vertical action list group 1" variant="plain" icon={<TimesIcon />} />
+        </ActionListItem>
+        <ActionListItem>
+          <Button aria-label="Toggle vertical action list example group 1" variant="plain" icon={<CheckIcon />} />
+        </ActionListItem>
+      </ActionListGroup>
+      <ActionListGroup>
+        <ActionListItem>
+          <Button aria-label="Close vertical action list group 2" variant="plain" icon={<TimesIcon />} />
+        </ActionListItem>
+        <ActionListItem>
+          <Button aria-label="Toggle vertical action list example group 2" variant="plain" icon={<CheckIcon />} />
+        </ActionListItem>
+      </ActionListGroup>
+    </ActionList>
+  </>
+);
diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json
index bcd58cb6dbf..badd572d022 100644
--- a/packages/react-docs/package.json
+++ b/packages/react-docs/package.json
@@ -23,7 +23,7 @@
     "test:a11y": "patternfly-a11y --config patternfly-a11y.config"
   },
   "dependencies": {
-    "@patternfly/patternfly": "6.4.0",
+    "@patternfly/patternfly": "6.5.0-prerelease.3",
     "@patternfly/react-charts": "workspace:^",
     "@patternfly/react-code-editor": "workspace:^",
     "@patternfly/react-core": "workspace:^",
diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json
index 9ed9da5fc1c..b19c6856e55 100644
--- a/packages/react-icons/package.json
+++ b/packages/react-icons/package.json
@@ -33,7 +33,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-regular-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "@patternfly/patternfly": "6.4.0",
+    "@patternfly/patternfly": "6.5.0-prerelease.3",
     "fs-extra": "^11.3.0",
     "tslib": "^2.8.1"
   },
diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json
index 630ed8a73cd..a258db9bb01 100644
--- a/packages/react-styles/package.json
+++ b/packages/react-styles/package.json
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.4.0",
+    "@patternfly/patternfly": "6.5.0-prerelease.3",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.0"
   },
diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json
index c8a1ac0ac4a..1dd5fd46f75 100644
--- a/packages/react-tokens/package.json
+++ b/packages/react-tokens/package.json
@@ -29,8 +29,8 @@
     "clean": "rimraf dist"
   },
   "devDependencies": {
-    "@adobe/css-tools": "^4.4.4",
-    "@patternfly/patternfly": "6.4.0",
+    "@adobe/css-tools": "^4.4.2",
+    "@patternfly/patternfly": "6.5.0-prerelease.3",
     "fs-extra": "^11.3.0"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 20b1d09b261..5afdd11186c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,10 +12,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@adobe/css-tools@npm:^4.4.4":
-  version: 4.4.4
-  resolution: "@adobe/css-tools@npm:4.4.4"
-  checksum: 10c0/8f3e6cfaa5e6286e6f05de01d91d060425be2ebaef490881f5fe6da8bbdb336835c5d373ea337b0c3b0a1af4be048ba18780f0f6021d30809b4545922a7e13d9
+"@adobe/css-tools@npm:^4.4.2":
+  version: 4.4.3
+  resolution: "@adobe/css-tools@npm:4.4.3"
+  checksum: 10c0/6d16c4d4b6752d73becf6e58611f893c7ed96e04017ff7084310901ccdbe0295171b722b158f6a2b0aa77182ef3446ffd62b39488fa5a7adab1f0dfe5ffafbae
   languageName: node
   linkType: hard
 
@@ -4318,10 +4318,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@patternfly/patternfly@npm:6.4.0":
-  version: 6.4.0
-  resolution: "@patternfly/patternfly@npm:6.4.0"
-  checksum: 10c0/255c22e04a7649c9373790dbc66f97e2f01a121a843d3bc27627596f35296cc7f2228447d5866f63f17bccd36bae24ec68c45e1572778285dea617086d309737
+"@patternfly/patternfly@npm:6.5.0-prerelease.3":
+  version: 6.5.0-prerelease.3
+  resolution: "@patternfly/patternfly@npm:6.5.0-prerelease.3"
+  checksum: 10c0/673d6822de21bfac92cb872389b52615dd808d0c8b11d30c3bd57e36a03cfaa5f17da27f5a23d36cecaa55beb801c64457c123192546e1179825fd6745a8abb3
   languageName: node
   linkType: hard
 
@@ -4419,7 +4419,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-core@workspace:packages/react-core"
   dependencies:
-    "@patternfly/patternfly": "npm:6.4.0"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.3"
     "@patternfly/react-icons": "workspace:^"
     "@patternfly/react-styles": "workspace:^"
     "@patternfly/react-tokens": "workspace:^"
@@ -4440,7 +4440,7 @@ __metadata:
   resolution: "@patternfly/react-docs@workspace:packages/react-docs"
   dependencies:
     "@patternfly/documentation-framework": "npm:^6.22.8"
-    "@patternfly/patternfly": "npm:6.4.0"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.3"
     "@patternfly/patternfly-a11y": "npm:5.1.0"
     "@patternfly/react-charts": "workspace:^"
     "@patternfly/react-code-editor": "workspace:^"
@@ -4480,7 +4480,7 @@ __metadata:
     "@fortawesome/free-brands-svg-icons": "npm:^5.15.4"
     "@fortawesome/free-regular-svg-icons": "npm:^5.15.4"
     "@fortawesome/free-solid-svg-icons": "npm:^5.15.4"
-    "@patternfly/patternfly": "npm:6.4.0"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.3"
     fs-extra: "npm:^11.3.0"
     tslib: "npm:^2.8.1"
   peerDependencies:
@@ -4565,7 +4565,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-styles@workspace:packages/react-styles"
   dependencies:
-    "@patternfly/patternfly": "npm:6.4.0"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.3"
     change-case: "npm:^5.4.4"
     fs-extra: "npm:^11.3.0"
   languageName: unknown
@@ -4606,8 +4606,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-tokens@workspace:packages/react-tokens"
   dependencies:
-    "@adobe/css-tools": "npm:^4.4.4"
-    "@patternfly/patternfly": "npm:6.4.0"
+    "@adobe/css-tools": "npm:^4.4.2"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.3"
     fs-extra: "npm:^11.3.0"
   languageName: unknown
   linkType: soft

From 4686866c3c832ffbc810b5f43035468344c71a3b Mon Sep 17 00:00:00 2001
From: Rebecca Alpert <ralpert@redhat.com>
Date: Tue, 28 Oct 2025 13:42:19 -0400
Subject: [PATCH 2/2] Mark as beta

---
 packages/react-core/src/components/ActionList/ActionList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-core/src/components/ActionList/ActionList.tsx b/packages/react-core/src/components/ActionList/ActionList.tsx
index ebced6b15d9..00cbf747c44 100644
--- a/packages/react-core/src/components/ActionList/ActionList.tsx
+++ b/packages/react-core/src/components/ActionList/ActionList.tsx
@@ -8,7 +8,7 @@ export interface ActionListProps extends React.HTMLProps<HTMLDivElement> {
   isIconList?: boolean;
   /** Additional classes added to the action list */
   className?: string;
-  /** Whether the layout of children is vertical or horizontal. */
+  /** @beta Whether the layout of children is vertical or horizontal. */
   isVertical?: boolean;
 }