Skip to content

feat: Update staging docs with latest prerelease versions #4893

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nicolethoen merged 6 commits into from
Dec 17, 2025
Merged

feat: Update staging docs with latest prerelease versions #4893

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
1221e02
bump versions the first time
nicolethoen Nov 21, 2025
589c88b
bump again
nicolethoen Dec 10, 2025
86d34c7
update with docked nav docs
nicolethoen Dec 17, 2025
dabf1d4
bump other versions for Erin
nicolethoen Dec 17, 2025
be2b7a0
update screenshots
nicolethoen Dec 17, 2025
6cdee51
update component-groups version
nicolethoen Dec 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 9 additions & 7 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,15 +37,16 @@
},
"devDependencies": {
"@octokit/rest": "^19.0.7",
"@patternfly/patternfly": "^6.5.0-prerelease.27",
"@patternfly/react-code-editor": "^6.5.0-prerelease.13",
"@patternfly/react-core": "^6.5.0-prerelease.13",
"@patternfly/react-table": "^6.5.0-prerelease.13",
"@patternfly/patternfly": "^6.5.0-prerelease.33",
"@patternfly/react-code-editor": "^6.5.0-prerelease.26",
"@patternfly/react-core": "^6.5.0-prerelease.24",
"@patternfly/react-table": "^6.5.0-prerelease.24",
"@rspack/cli": "^1.5.6",
"@rspack/core": "^1.5.6",
"@rspack/dev-server": "^1.1.4",
"glob": "^8.1.0",
"lerna": "^6.4.1",
"monaco-editor": "0.54.0",
"react": "^18",
"react-dom": "^18",
"surge": "^0.23.1"
Expand All @@ -66,8 +67,9 @@
"ip": ">=2.0.0",
"http-cache-semantics": ">=4.1.1",
"nanoid": "3.3.8",
"@patternfly/react-code-editor": "^6.5.0-prerelease.13",
"@patternfly/react-core": "^6.5.0-prerelease.13",
"@patternfly/react-table": "^6.5.0-prerelease.13"
"@patternfly/react-code-editor": "^6.5.0-prerelease.26",
"@patternfly/react-core": "^6.5.0-prerelease.24",
"@patternfly/react-table": "^6.5.0-prerelease.24",
"monaco-editor": "0.54.0"
}
}
8 changes: 4 additions & 4 deletions packages/documentation-framework/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,10 +66,10 @@
"webpack-merge": "5.8.0"
},
"peerDependencies": {
"@patternfly/patternfly": "^6.5.0-prerelease.27",
"@patternfly/react-code-editor": "^6.5.0-prerelease.13",
"@patternfly/react-core": "^6.5.0-prerelease.13",
"@patternfly/react-table": "^6.5.0-prerelease.13",
"@patternfly/patternfly": "^6.5.0-prerelease.33",
"@patternfly/react-code-editor": "^6.5.0-prerelease.26",
"@patternfly/react-core": "^6.5.0-prerelease.24",
"@patternfly/react-table": "^6.5.0-prerelease.24",
"react": "^17.0.0 || ^18.0.0",
"react-dom": "^17.0.0 || ^18.0.0"
},
Expand Down
34 changes: 17 additions & 17 deletions packages/documentation-framework/versions.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,30 @@
{
"Releases": [
{
"name": "6.5.0-prerelease.9",
"date": "2025-11-06",
"name": "6.5.0-prerelease.33",
"date": "2025-12-10",
"latest": true,
"versions": {
"@patternfly/patternfly": "6.5.0-prerelease.27",
"@patternfly/react-catalog-view-extension": "6.2.0",
"@patternfly/react-charts": "8.5.0-prerelease.6",
"@patternfly/react-code-editor": "6.5.0-prerelease.13",
"@patternfly/react-component-groups": "6.4.0-prerelease.6",
"@patternfly/react-core": "6.5.0-prerelease.13",
"@patternfly/react-drag-drop": "6.5.0-prerelease.11",
"@patternfly/react-icons": "6.5.0-prerelease.4",
"@patternfly/patternfly": "6.5.0-prerelease.33",
"@patternfly/react-catalog-view-extension": "6.3.0-prerelease.2",
"@patternfly/react-charts": "8.5.0-prerelease.9",
"@patternfly/react-code-editor": "6.5.0-prerelease.26",
"@patternfly/react-component-groups": "6.4.0-prerelease.10",
"@patternfly/react-core": "6.5.0-prerelease.24",
"@patternfly/react-drag-drop": "6.5.0-prerelease.24",
"@patternfly/react-icons": "6.5.0-prerelease.11",
"@patternfly/react-log-viewer": "6.3.0",
"@patternfly/react-styles": "6.5.0-prerelease.4",
"@patternfly/react-table": "6.5.0-prerelease.13",
"@patternfly/react-tokens": "6.5.0-prerelease.4",
"@patternfly/react-topology": "6.5.0-prerelease.2",
"@patternfly/react-styles": "6.5.0-prerelease.9",
"@patternfly/react-table": "6.5.0-prerelease.24",
"@patternfly/react-tokens": "6.5.0-prerelease.9",
"@patternfly/react-topology": "6.5.0-prerelease.3",
"@patternfly/react-user-feedback": "6.2.0",
"@patternfly/react-console": "6.1.0",
"@patternfly/quickstarts": "6.4.0",
"@patternfly/react-virtualized-extension": "6.1.0",
"@patternfly/react-templates": "6.5.0-prerelease.11",
"@patternfly/chatbot": "6.5.0-prerelease.19",
"@patternfly/react-data-view": "6.4.0"
"@patternfly/react-templates": "6.5.0-prerelease.24",
"@patternfly/chatbot": "6.5.0-prerelease.26",
"@patternfly/react-data-view": "6.4.0-prerelease.8"
}
},
{
Expand Down
17 changes: 8 additions & 9 deletions packages/documentation-site/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,19 +18,18 @@
"screenshots": "pf-docs-framework screenshots"
},
"dependencies": {
"@monaco-editor/react": "^4.7.0",
"@patternfly/chatbot": "6.5.0-prerelease.19",
"@patternfly/design-tokens": "1.14.5",
"@patternfly/chatbot": "6.5.0-prerelease.26",
"@patternfly/design-tokens": "1.14.6",
"@patternfly/documentation-framework": "workspace:*",
"@patternfly/quickstarts": "6.4.0",
"@patternfly/react-catalog-view-extension": "6.3.0",
"@patternfly/react-charts": "8.5.0-prerelease.6",
"@patternfly/react-component-groups": "6.4.0-prerelease.6",
"@patternfly/react-catalog-view-extension": "6.3.0-prerelease.2",
"@patternfly/react-charts": "8.5.0-prerelease.9",
"@patternfly/react-component-groups": "6.4.0-prerelease.10",
"@patternfly/react-console": "6.1.0",
"@patternfly/react-data-view": "6.4.0",
"@patternfly/react-docs": "7.5.0-prerelease.14",
"@patternfly/react-data-view": "6.4.0-prerelease.8",
"@patternfly/react-docs": "7.5.0-prerelease.26",
"@patternfly/react-log-viewer": "6.3.0",
"@patternfly/react-topology": "6.5.0-prerelease.2",
"@patternfly/react-topology": "6.5.0-prerelease.3",
"@patternfly/react-user-feedback": "6.2.0",
"@patternfly/react-virtualized-extension": "6.1.0",
"@xyflow/react": "^12.9.0",
Expand Down
41 changes: 21 additions & 20 deletions packages/documentation-site/patternfly-docs/content/AI/about-generative-ui.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,15 +22,16 @@ Generative UI represents a significant opportunity for PatternFly to explore new

### AI-enabled seed app

We are creating an [AI-enabled seed app](https://github.com/patternfly/patternfly-react-seed/tree/compass_theme) that you can use to create your own PatternFly Compass-based POC. The seed app includes the Compass layout fully wired out with all styles set up, providing a solid foundation that you can build on top of. It can be leveraged with AI tools like Cursor or Claude Code to build out your own POC, making it easier to experiment with generative UI patterns and explore new use cases.
We are creating an [AI-enabled seed app](https://github.com/patternfly/patternfly-react-seed/tree/compass_theme) that you can use to create your own PatternFly Compass-based POC. The seed app includes the new layout fully wired out with developing unified theme and AI styles set up, providing a solid foundation that you can build on top of. It can be leveraged with AI tools like Cursor or Claude Code to build out your own POC, making it easier to experiment with generative UI patterns and explore new use cases with our PatternFly design system.


### What does Compass include?

To explore Compass and its features, take a look at a number of our full page demos:
- [Full page demo with card view and table layouts](/ai/generative-uis/compass#card-and-data-view-layout)
- [Full page demo with dashboard layout](/ai/generative-uis/compass/org-demos#dashboard-layout)
- [Static, full page HTML demo with multiple content sections](/ai/generative-uis/compass/html-demos#multiple-sections)
- [Static, full page HTML demo with drawer](/ai/generative-uis/compass/html-demos#with-drawer)
- [Conversational first full page demo with card view and table layouts](/ai/generative-uis/compass#card-and-data-view-layout)
- [Conversational first full page demo with dashboard layout](/ai/generative-uis/compass/org-demos#dashboard-layout)
- [Static, conversational first full page HTML demo with multiple content sections](/ai/generative-uis/compass/html-demos#multiple-sections)
- [Static, conversational first full page HTML demo with drawer](/ai/generative-uis/compass/html-demos#with-drawer)

To support the different ways you might use Compass, we've introduced several new capabilities to PatternFly:

Expand All @@ -39,7 +40,7 @@ To support the different ways you might use Compass, we've introduced several ne
- Background and border gradients
- Additional smooth animations
- Background image explorations
- [**Compass layout component**](/ai/generative-uis/compass): A new layout component designed specifically for generative UI patterns
- [**Compass layout component**](/ai/generative-uis/compass): A new layout component designed specifically for generative UI patterns specifically for generative UI patterns that include: conversational first (explain how the footer contains the interactive message bar and that the center canvas is where the generated UI will be placed) and coming soon, a maximized canvas with a docked left navigation that is suitable for all enterprise experiences.
- **Additional components and component variants**:
- Transparency & Effects:
- `isPlain` makes cards, data lists, and tables transparent to allow background effects (like a glass look) to show through.
Expand All @@ -59,22 +60,22 @@ Accessibility has been a major focus throughout the Compass exploration. As gene

### Integration with react-flow

Some stakeholdres have been experimenting with Generative UI use cases using React Flow. The React Flow package `@xyflow/react` is compatible with PatternFly through customization of its [theme](https://reactflow.dev/learn/customization/theming) and [rendered nodes](https://reactflow.dev/learn/customization/custom-nodes). A custom override stylesheet can assign PatternFly's global tokens to React Flow's own tokens to ensure a consistent styling. We have created some [documentation and a demo](/ai/generative-uis/react-flow) for integrations with PatternFly as a POC for these use cases.
Some stakeholders have been experimenting with Generative UI use cases using React Flow. The React Flow package `@xyflow/react` is compatible with PatternFly through customization of its [theme](https://reactflow.dev/learn/customization/theming) and [rendered nodes](https://reactflow.dev/learn/customization/custom-nodes). A custom override stylesheet can assign PatternFly's global tokens to React Flow's own tokens to ensure a consistent styling. We have created some [documentation and a demo](/ai/generative-uis/react-flow) for integrations with PatternFly as a POC for these use cases.

### Current status

Compass is still under development, with new components being built, evaluated, and refined based on feedback. As we hear from your experiments and learn more about GenUI patterns, the design of Compass will continuously evolve to support practical applications.

As of Nov 10, 2025, these are the prereleases available for building out Compass based UI POCs.

- "@patternfly/patternfly": "6.5.0-prerelease.23"
- "@patternfly/react-charts": "8.5.0-prerelease.4"
- "@patternfly/react-code-editor": "6.5.0-prerelease.11"
- "@patternfly/react-core": "6.5.0-prerelease.11"
- "@patternfly/react-drag-drop": "6.5.0-prerelease.11"
- "@patternfly/react-icons": "6.5.0-prerelease.4"
- "@patternfly/react-styles": "6.5.0-prerelease.4"
- "@patternfly/react-table": "6.5.0-prerelease.11"
- "@patternfly/react-tokens": "6.5.0-prerelease.4"
- "@patternfly/react-templates": "6.5.0-prerelease.11"
- "@patternfly/chatbot": "6.5.0-prerelease.19"
As of Dec 10, 2025, these are the prereleases available for building out Compass based UI POCs.

- "@patternfly/patternfly": "6.5.0-prerelease.33",
- "@patternfly/react-charts": "8.5.0-prerelease.9",
- "@patternfly/react-code-editor": "6.5.0-prerelease.26",
- "@patternfly/react-core": "6.5.0-prerelease.24",
- "@patternfly/react-drag-drop": "6.5.0-prerelease.24",
- "@patternfly/react-icons": "6.5.0-prerelease.11",
- "@patternfly/react-styles": "6.5.0-prerelease.9",
- "@patternfly/react-table": "6.5.0-prerelease.24",
- "@patternfly/react-templates": "6.5.0-prerelease.24",
- "@patternfly/react-tokens": "6.5.0-prerelease.9",
- "@patternfly/chatbot": "6.5.0-prerelease.26"
Binary file added ...-site/patternfly-docs/generated/ai/generative-uis/compass/html-demos/docked.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...ternfly-docs/generated/ai/generative-uis/compass/react-demos/compass-layout.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...ernfly-docs/generated/ai/generative-uis/compass/react-demos/docked-nav-demo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...-site/patternfly-docs/generated/components/navigation/html-demos/docked-nav.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...ation-site/patternfly-docs/generated/components/page/react-demos/docked-nav.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...-site/patternfly-docs/generated/extensions/catalog-view/overview/react/demo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...te/patternfly-docs/generated/extensions/chatbot/ui/react/compact-onboarding.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...ation-site/patternfly-docs/generated/extensions/chatbot/ui/react/onboarding.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading