docs(release-highlights): Adds 6.5 highlights. #4990
docs(release-highlights): Adds 6.5 highlights. #4990edonehoo wants to merge 7 commits intopatternfly:mainfrom
Conversation
edonehoo
requested review from
andrew-ronaldson,
kmcfaul,
mcoker,
nicolethoen,
phcox and
thatblindgeye
nicolethoen
left a comment
nicolethoen
left a comment
There was a problem hiding this comment.
overall I think this looks good and will link out the various repos' change logs ✅
We probably will need to adjust our usage of the term Felt Theme, right @phcox?
|
Yep, any reference to the unified theme should be "Project Felt" |
|
|
||
| ### Updated theming options | ||
|
|
||
| This release significantly expands our theming options, including style updates, high contrast mode, and our new Project Felt theme with glass mode. To see these theming options in action, you can swap the theme, color scheme, and contrast mode used on PatternFly.org via the masthead theme switcher. |
There was a problem hiding this comment.
and our new Project Felt theme with glass mode
Could just be me, but it reads like we're adding "project felt with glass" as a thing, but we're really adding project felt as a thing and glass as a thing, and glass can be applied to regular patternfly (non-project felt), too.
There was a problem hiding this comment.
@nicolethoen suggested
| This release significantly expands our theming options, including style updates, high contrast mode, and our new Project Felt theme with glass mode. To see these theming options in action, you can swap the theme, color scheme, and contrast mode used on PatternFly.org via the masthead theme switcher. | |
| This release significantly expands our theming options, including style updates, high contrast mode, glass mode, and our new Project Felt theme. To see these theming options in action, you can swap the theme, color scheme, and contrast mode used on PatternFly.org via the masthead theme switcher. |
|
|
||
| #### Project Felt theme | ||
|
|
||
| We're excited to offer PatternFly's first major theme variant: the [Project Felt](/foundations-and-styles/theming#project-felt-theme) theme. Aimed at creating more dynamic, and eye-catching experiences, it introduces red accent colors, pill-shaped radii, and our new glass mode for added depth. Best of all—Project Felt is built entirely with our design token system, meaning no breaking change is required to add Project Felt to your product. |
There was a problem hiding this comment.
I could be way off but seems like there is an unnecessary comma here?
| We're excited to offer PatternFly's first major theme variant: the [Project Felt](/foundations-and-styles/theming#project-felt-theme) theme. Aimed at creating more dynamic, and eye-catching experiences, it introduces red accent colors, pill-shaped radii, and our new glass mode for added depth. Best of all—Project Felt is built entirely with our design token system, meaning no breaking change is required to add Project Felt to your product. | |
| We're excited to offer PatternFly's first major theme variant: the [Project Felt](/foundations-and-styles/theming#project-felt-theme) theme. Aimed at creating more dynamic and eye-catching experiences, it introduces red accent colors, pill-shaped radii, and our new glass mode for added depth. Best of all—Project Felt is built entirely with our design token system, meaning no breaking change is required to add Project Felt to your product. |
| - Card | ||
| - Drawer |
There was a problem hiding this comment.
Cards and drawers do not become glass automatically, you have to turn on glass with an isGlass prop.
| We've aligned styles in the classic PatternFly experience (now referred to as our [Default theme](/foundations-and-styles/theming)) more closely with the [Red Hat Design System](https://ux.redhat.com/). These changes enhance brand consistency and usability: | ||
| - **Links:** Now feature a subtle gray dotted underline that becomes a solid, active color on hover/focus. | ||
| - **Navigation:** Active items now utilize a vertical "accent" line for better visual emphasis. | ||
| - **Card:** Added a border shadow to support clarity in dense content views. |
There was a problem hiding this comment.
We added a shadow to cards, but later removed it, so I'm assuming this can be removed? Unless this is referring to something else.
| We've added new variants to support our evolving visual language and Red Hat-specific user journeys: | ||
|
|
||
| - [Iconography:](/foundations-and-styles/iconography) We’ve updated our icon set to use Red Hat brand icons. This is an automatic change handled via a single class, ensuring cross-platform consistency without much manual lift. | ||
| - [Hero](/components/hero) is a new card-like component for attention-grabbing callouts at the top of pages. |
There was a problem hiding this comment.
I dunno if you'd want it to be "Hero:" to match the others?
| - Masthead | ||
| - Navigation (docked) | ||
| - Page | ||
| - Panel |
There was a problem hiding this comment.
Also panel is only glass with the isGlass prop/opt-in.
|
|
||
| Glass mode is a new contrast mode, used by default in the Project Felt theme and optionally available for implementation in the Default theme. "Glass", enabled by an intentional set of designs tokens, adds transparency and depth to specific components so UIs can feel more layered. | ||
|
|
||
| When turned on, glass applies to the following components, including their uses within our extensions: |
There was a problem hiding this comment.
In general, i'm not sure if this list of components makes the glass concept clearer at a high level or feels a little unnecessarily specific.
Maybe the next sentence could read:
For implementation guidance, constraints, details about design tokens, and user opt-out, and the specifics of glass effect implementations on components refer to the glass mode developer handbook.
6 participants
Closes #4970
https://pf-org--pr-4990-site.surge.sh/releases/release-highlights
Currently just contains mostly the big picture things - please lmk if there are any major callouts as well to make re React/Core/Extensions bug fixes or new features