Skip to content

docs (release-highlights): Adds 6.6 highlights#5045

Open
phcox wants to merge 9 commits into
mainfrom
release-notes/patternfly-6.6-draft
Open

docs (release-highlights): Adds 6.6 highlights#5045
phcox wants to merge 9 commits into
mainfrom
release-notes/patternfly-6.6-draft

Conversation

@phcox

@phcox phcox commented Jun 30, 2026

Copy link
Copy Markdown

This draft includes package descriptions with PatternFly voice and tone, and specific 6.6 improvements.

This draft includes:
- Updated package descriptions with PatternFly voice and tone
- Accurate version references for theming features (6.5)
- Specific 6.6 improvements: avatar variants, table footer support, Safari fixes
- Typography and icon refinements

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jun 30, 2026

Copy link
Copy Markdown

Deploying patternfly-org with  Cloudflare Pages  Cloudflare Pages

Latest commit: 7e69143
Status:🚫  Build failed.

View logs

- [@patternfly/react-data-view@6.5.0-prerelease.2](https://www.npmjs.com/package/@patternfly/react-data-view/v/6.5.0-prerelease.2) ([changelog](https://github.com/patternfly/react-data-view/releases))
- [@patternfly/chatbot@6.7.0-prerelease.4](https://www.npmjs.com/package/@patternfly/chatbot/v/6.7.0-prerelease.4) ([changelog](https://github.com/patternfly/chatbot/releases))

### Package descriptions

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we need to include a "when to use this package" verbiage in the various sections?

Also, should we maintain the highlight layout of each heading being a high level overview, and within that section listing relevant updates? The 6.5 release highlights PR for example has sections like "Glass mode", "Style updates" etc.

phcox and others added 4 commits June 30, 2026 11:56
- Remove standalone file that was causing build errors
- Add 6.6 content to the existing release-highlights.md file
- Content now properly uses imported React components

This fixes the Cloudflare build failure by following the established
pattern of adding release notes to the single release-highlights.md file
rather than creating separate files.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Remove detailed package descriptions section (not part of the standard format)
- Add feature-focused sections: Component enhancements, Typography, Visual polish
- Follow the pattern used in other releases (6.5, 6.4, etc.)
- Alphabetize extensions list to match other releases

This matches the established format where modest releases focus on
highlighting actual features rather than describing every package.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
… tags

- Replace — with &mdash; to match existing format
- Remove backticks around <tfoot> to avoid MDX parsing issues
- Ensures consistency with established release notes formatting

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
The existing release notes use 4-space indentation for nested list items.
Using 2 spaces was likely causing markdown parsing errors in the build.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

@mcoker mcoker left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left some comments, I don't feel strongly about any of them other than removing mention of the tfoot feature. That was added to core but hasn't been added to react yet, so most people can't use it.


This release refines core components and improves visual consistency to help you build better experiences. You'll find focused updates to typography, icons, and foundational components, plus important cross-browser compatibility fixes.

Key highlights include updated Red Hat font integration with refined font-weight tokens, new avatar component capabilities with icon and color variant support, table footer element support, and Safari compatibility improvements. This release focuses on polish — refining interaction states, fixing visual inconsistencies, and enhancing component flexibility across the design system.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • I would take out the table footer comment - that hasn't landed in react yet.
  • "Safari compatibility improvements" was fixing a critical table bug in the table in Safari. Specifically, tables with sticky headers were effectively unusable. I would probably describe it as fixing a bug over calling it a "compatibility improvement," but that's just my opinion. Maybe this is better.
  • Also the use of an em-dash to interrupt a thought, immediately followed by a list of three with an oxford comma screams AI 😅 But it's also how people write, so there's that!
Suggested change
Key highlights include updated Red Hat font integration with refined font-weight tokens, new avatar component capabilities with icon and color variant support, table footer element support, and Safari compatibility improvements. This release focuses on polish — refining interaction states, fixing visual inconsistencies, and enhancing component flexibility across the design system.
Key highlights include updated Red Hat font integration with refined font-weight tokens, new avatar component capabilities with icon and color variant support, and Safari compatibility improvements. This release focuses on polish — refining interaction states, fixing visual inconsistencies, and enhancing component flexibility across the design system.

This release brings targeted improvements to core components:

- **Avatar:** You can now add icons and use color variants to create more expressive user representations.
- **Table:** Added support for table footer elements using `<tfoot>`, giving you more flexibility for data table layouts. We also fixed Safari-specific rendering issues with table header backgrounds.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove the tfoot part. Reworded the safari bug but you don't have to use my suggestion. I do think it's important to mention that the bug was with tables w/ sticky headers specifically.

Suggested change
- **Table:** Added support for table footer elements using `<tfoot>`, giving you more flexibility for data table layouts. We also fixed Safari-specific rendering issues with table header backgrounds.
- **Table:** We fixed a Safari-specific layout bug in tables with sticky headers.


- **Avatar:** You can now add icons and use color variants to create more expressive user representations.
- **Table:** Added support for table footer elements using `<tfoot>`, giving you more flexibility for data table layouts. We also fixed Safari-specific rendering issues with table header backgrounds.
- **Buttons:** Refined clicked states for inline link buttons to improve visual feedback.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was also fixing a bug. IMO I don't know if it's worth calling out. If you go to the button example page and hold your mouse down on an inline link button, the underline disappears. We fixed that so it doesn't disappear.


### Typography and design tokens

We've updated Red Hat font integration with refined font-weight token values. These updates ensure better alignment with Red Hat Design System standards while maintaining consistency across all PatternFly themes introduced in 6.5 — including Project Felt, glass mode, and high-contrast mode.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Another way of saying all of this is that we

  1. Updated the Red Hat fonts in patternfly (Red Hat Text, Red Hat Display, and Red Hat Mono) to the latest versions.
  1. Updated the numerical font-weights used for bold body text, and regular and bold heading text.

It might be worth mentioning that if apps have incorrect font-weights in their UIs after this update, to ensure they're using our CSS variables to control the font-weight of text in their app. That will ensure they're always getting the correct numerical font-weight patternfly intends. The variables to use are

  • --pf-t--global--font--weight--body--default
  • --pf-t--global--font--weight--body--bold
  • --pf-t--global--font--weight--heading--default
  • --pf-t--global--font--weight--heading--bold

More info can be found by searching for those tokens in our all design tokens table.

This release includes visual refinements across multiple components:
- Improved alert icon alignment for multiline titles
- Fixed banner link colors
- Corrected borders in panel and docked navigation components

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For the panel, not sure if it's worth mentioning but that just added a border to panels in high-contrast theme.

@mcoker mcoker mentioned this pull request Jun 30, 2026
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
@patternfly-build

patternfly-build commented Jun 30, 2026

Copy link
Copy Markdown
Collaborator

Preview: https://pf-org--pr-5045-site.surge.sh

@dlabaj

dlabaj commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

PR preview can be found here: https://pf-org--pr-5045-site.surge.sh

@kmcfaul kmcfaul left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Other things we may want to call out (from the react repo merges), but unsure if it's too fine-grained.

Component updates:

  • Banner - pill variant was added
  • NavExpandable - icon support was added

Bug fixes:

  • Table rendering bug in Safari was fixed (for nested + sticky headers, requires a markup change adding another Tr with isBorderRow)
  • Resizable drawer width jump on drag operation was fixed
  • Runtime error with react-icons package was fixed for missing dependency


This release refines core components and improves visual consistency to help you build better experiences. You'll find focused updates to typography, icons, and foundational components, plus important cross-browser compatibility fixes.

Key highlights include updated Red Hat font integration with refined font-weight tokens, new avatar component capabilities with icon and color variant support, table footer element support, and Safari compatibility improvements. This release focuses on polish&mdash;refining interaction states, fixing visual inconsistencies, and enhancing component flexibility across the design system.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we remove the mdash here and a bit further below?

Also, the tfoot change Michael was requesting be removed is also mentioned in this paragraph and should be removed too.

- **Avatar:** You can now add icons and use color variants to create more expressive user representations.
- **Table:** Added support for table footer elements using the tfoot element, giving you more flexibility for data table layouts. We also fixed Safari-specific rendering issues with table header backgrounds.
- **Buttons:** Refined clicked states for inline link buttons to improve visual feedback.
- **Icons:** Updated caret icons across dual list selectors, pagination controls, and toolbar components for improved visual consistency.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

More icons updates than the caret icons went in, but I'm not sure if it's worth calling them out individually or just make a general note about the in-progress refactor of the PF icons to the RH icons.

@dlabaj dlabaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

From a release side everything looks good to me.

- Remove tfoot mention (not in React yet per mcoker)
- Reword Safari bug as sticky header issue (mcoker)
- Expand font-weight section with CSS variable guidance (mcoker)
- Remove em-dashes (kmcfaul)
- Change 'core components' to 'following components' (kmcfaul, mcoker)
- Add Chatbot AI standards section (thatblindgeye)
- Add Banner pill variant and NavExpandable icons (kmcfaul)
- Add drawer resize fix (kmcfaul)
- Clarify panel borders are high-contrast only (mcoker)
- Expand icons section to mention RH brand alignment (kmcfaul)
- Remove inline link button mention (minor fix per mcoker)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
…elease-highlights.md

Co-authored-by: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com>

@mcoker mcoker left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a few small comments

- **Table:** Added support for table footer elements using the tfoot element, giving you more flexibility for data table layouts. We also fixed Safari-specific rendering issues with table header backgrounds.
- **Buttons:** Refined clicked states for inline link buttons to improve visual feedback.
- **Icons:** Updated caret icons across dual list selectors, pagination controls, and toolbar components for improved visual consistency.
- **Banner:** Added pill variant for a more compact appearance.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm probably wrong but the pill variant only changes the border-radius, so I wouldn't expect this to say it's more compact.

- **Buttons:** Refined clicked states for inline link buttons to improve visual feedback.
- **Icons:** Updated caret icons across dual list selectors, pagination controls, and toolbar components for improved visual consistency.
- **Banner:** Added pill variant for a more compact appearance.
- **Navigation:** NavExpandable now supports icon integration.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd probably use a regular word over the component name NavExpandable.I might use the summary in the PR.

"Expandable navigation items now support an optional icon prop that displays before the title."

Co-authored-by: Michael Coker <35148959+mcoker@users.noreply.github.com>
@thatblindgeye

Copy link
Copy Markdown
Contributor

Thumbs up from the Chatbot Crew

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants