From de34997e7ac406d483ac35c1153403dd2a8b891f Mon Sep 17 00:00:00 2001
From: Jake Miller <jakmille@redhat.com>
Date: Mon, 28 Sep 2026 14:02:43 -0400
Subject: [PATCH 1/7] feat(toolbar): container query support

---
 .../src/components/Toolbar/Toolbar.tsx        |   4 +
 .../src/components/Toolbar/ToolbarContent.tsx |   6 +-
 .../src/components/Toolbar/ToolbarGroup.tsx   |  16 +-
 .../src/components/Toolbar/ToolbarItem.tsx    |  16 +-
 .../components/Toolbar/ToolbarToggleGroup.tsx | 173 +++++++++---------
 .../Toolbar/__tests__/Toolbar.test.tsx        |  38 ++++
 .../components/Toolbar/examples/Toolbar.md    |  16 ++
 .../examples/ToolbarContainerQuery.css        |  15 ++
 .../examples/ToolbarContainerQuery.tsx        |  35 ++++
 9 files changed, 211 insertions(+), 108 deletions(-)
 create mode 100644 packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.css
 create mode 100644 packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.tsx

diff --git a/packages/react-core/src/components/Toolbar/Toolbar.tsx b/packages/react-core/src/components/Toolbar/Toolbar.tsx
index 5a0cf48de75..d9c5aa8619e 100644
--- a/packages/react-core/src/components/Toolbar/Toolbar.tsx
+++ b/packages/react-core/src/components/Toolbar/Toolbar.tsx
@@ -34,6 +34,8 @@ export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps
   children?: React.ReactNode;
   /** Id of the data toolbar */
   id?: string;
+  /** Flag indicating if the toolbar is a container */
+  isContainer?: boolean;
   /** Flag indicating the toolbar height should expand to the full height of the container */
   isFullHeight?: boolean;
   /** Flag indicating the toolbar is static */
@@ -146,6 +148,7 @@ class Toolbar extends Component<ToolbarProps, ToolbarState> {
       toggleIsExpanded,
       className,
       children,
+      isContainer,
       isFullHeight,
       isStatic,
       isStickyBase,
@@ -174,6 +177,7 @@ class Toolbar extends Component<ToolbarProps, ToolbarState> {
             className={css(
               styles.toolbar,
               hasNoPadding && styles.modifiers.noPadding,
+              isContainer && styles.modifiers.container,
               isFullHeight && styles.modifiers.fullHeight,
               isStatic && styles.modifiers.static,
               isSticky && styles.modifiers.sticky,
diff --git a/packages/react-core/src/components/Toolbar/ToolbarContent.tsx b/packages/react-core/src/components/Toolbar/ToolbarContent.tsx
index ee547c58acf..9e723934f1d 100644
--- a/packages/react-core/src/components/Toolbar/ToolbarContent.tsx
+++ b/packages/react-core/src/components/Toolbar/ToolbarContent.tsx
@@ -78,11 +78,11 @@ class ToolbarContent extends Component<ToolbarContentProps> {
 
     return (
       <PageContext.Consumer>
-        {({ width, getBreakpoint, height, getVerticalBreakpoint }) => (
+        {({ height, getVerticalBreakpoint }) => (
           <div
             className={css(
               styles.toolbarContent,
-              formatBreakpointMods(visibility, styles, '', getBreakpoint(width)),
+              formatBreakpointMods(visibility, styles),
               formatBreakpointMods(visibilityAtHeight, styles, '', getVerticalBreakpoint(height), true),
               className
             )}
@@ -115,7 +115,7 @@ class ToolbarContent extends Component<ToolbarContentProps> {
                     <div
                       className={css(
                         styles.toolbarContentSection,
-                        formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)),
+                        formatBreakpointMods(rowWrap, styles),
                         alignItems === 'center' && styles.modifiers.alignItemsCenter,
                         alignItems === 'start' && styles.modifiers.alignItemsStart,
                         alignItems === 'baseline' && styles.modifiers.alignItemsBaseline
diff --git a/packages/react-core/src/components/Toolbar/ToolbarGroup.tsx b/packages/react-core/src/components/Toolbar/ToolbarGroup.tsx
index a05ac2f8645..964c865ce58 100644
--- a/packages/react-core/src/components/Toolbar/ToolbarGroup.tsx
+++ b/packages/react-core/src/components/Toolbar/ToolbarGroup.tsx
@@ -214,7 +214,7 @@ class ToolbarGroupWithRef extends Component<ToolbarGroupProps> {
 
     return (
       <PageContext.Consumer>
-        {({ width, getBreakpoint, height, getVerticalBreakpoint }) => (
+        {({ height, getVerticalBreakpoint }) => (
           <div
             className={css(
               styles.toolbarGroup,
@@ -227,14 +227,14 @@ class ToolbarGroupWithRef extends Component<ToolbarGroupProps> {
                     | 'actionGroupPlain'
                     | 'labelGroup'
                 ],
-              formatBreakpointMods(visibility, styles, '', getBreakpoint(width)),
+              formatBreakpointMods(visibility, styles),
               formatBreakpointMods(visibilityAtHeight, styles, '', getVerticalBreakpoint(height), true),
-              formatBreakpointMods(align, styles, '', getBreakpoint(width)),
-              formatBreakpointMods(gap, styles, '', getBreakpoint(width)),
-              formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)),
-              formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)),
-              formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)),
-              formatBreakpointMods(flexGrow, styles, '', getBreakpoint(width)),
+              formatBreakpointMods(align, styles),
+              formatBreakpointMods(gap, styles),
+              formatBreakpointMods(columnGap, styles),
+              formatBreakpointMods(rowGap, styles),
+              formatBreakpointMods(rowWrap, styles),
+              formatBreakpointMods(flexGrow, styles),
               alignItems === 'start' && styles.modifiers.alignItemsStart,
               alignItems === 'center' && styles.modifiers.alignItemsCenter,
               alignItems === 'baseline' && styles.modifiers.alignItemsBaseline,
diff --git a/packages/react-core/src/components/Toolbar/ToolbarItem.tsx b/packages/react-core/src/components/Toolbar/ToolbarItem.tsx
index 66778c13451..69d3519997c 100644
--- a/packages/react-core/src/components/Toolbar/ToolbarItem.tsx
+++ b/packages/react-core/src/components/Toolbar/ToolbarItem.tsx
@@ -236,7 +236,7 @@ export const ToolbarItem: React.FunctionComponent<ToolbarItemProps> = ({
 
   return (
     <PageContext.Consumer>
-      {({ width, getBreakpoint, height, getVerticalBreakpoint }) => (
+      {({ height, getVerticalBreakpoint }) => (
         <div
           className={css(
             styles.toolbarItem,
@@ -244,14 +244,14 @@ export const ToolbarItem: React.FunctionComponent<ToolbarItemProps> = ({
             variant === ToolbarItemVariant['label-group'] && styles.modifiers.labelGroup,
             isAllExpanded && styles.modifiers.expanded,
             isOverflowContainer && styles.modifiers.overflowContainer,
-            formatBreakpointMods(visibility, styles, '', getBreakpoint(width)),
+            formatBreakpointMods(visibility, styles),
             formatBreakpointMods(visibilityAtHeight, styles, '', getVerticalBreakpoint(height), true),
-            formatBreakpointMods(align, styles, '', getBreakpoint(width)),
-            formatBreakpointMods(gap, styles, '', getBreakpoint(width)),
-            formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)),
-            formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)),
-            formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)),
-            formatBreakpointMods(flexGrow, styles, '', getBreakpoint(width)),
+            formatBreakpointMods(align, styles),
+            formatBreakpointMods(gap, styles),
+            formatBreakpointMods(columnGap, styles),
+            formatBreakpointMods(rowGap, styles),
+            formatBreakpointMods(rowWrap, styles),
+            formatBreakpointMods(flexGrow, styles),
             alignItems === 'start' && styles.modifiers.alignItemsStart,
             alignItems === 'center' && styles.modifiers.alignItemsCenter,
             alignItems === 'baseline' && styles.modifiers.alignItemsBaseline,
diff --git a/packages/react-core/src/components/Toolbar/ToolbarToggleGroup.tsx b/packages/react-core/src/components/Toolbar/ToolbarToggleGroup.tsx
index d5caed8a187..5bfc1b6decf 100644
--- a/packages/react-core/src/components/Toolbar/ToolbarToggleGroup.tsx
+++ b/packages/react-core/src/components/Toolbar/ToolbarToggleGroup.tsx
@@ -7,7 +7,6 @@ import { ToolbarContext, ToolbarContentContext } from './ToolbarUtils';
 import { Button } from '../Button';
 import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_lg';
 import { formatBreakpointMods, toCamel } from '../../helpers/util';
-import { PageContext } from '../Page/PageContext';
 import { ToolbarExpandableContent } from './ToolbarExpandableContent';
 
 export interface ToolbarToggleGroupProps extends ToolbarGroupProps {
@@ -188,99 +187,95 @@ class ToolbarToggleGroup extends Component<ToolbarToggleGroupProps> {
     }
 
     return (
-      <PageContext.Consumer>
-        {({ width, getBreakpoint }) => (
-          <ToolbarContext.Consumer>
-            {({ toggleIsExpanded: managedOnToggle }) => {
-              const _onToggle = onToggle !== undefined ? onToggle : managedOnToggle;
+      <ToolbarContext.Consumer>
+        {({ toggleIsExpanded: managedOnToggle }) => {
+          const _onToggle = onToggle !== undefined ? onToggle : managedOnToggle;
 
-              return (
-                <ToolbarContentContext.Consumer>
-                  {({
-                    expandableContentRef,
-                    expandableContentId,
-                    labelContainerRef: managedLabelContainerRef,
-                    isExpanded: managedIsExpanded,
-                    clearAllFilters: clearAllFiltersContext,
-                    clearFiltersButtonText: clearFiltersButtonContext,
-                    showClearFiltersButton: showClearFiltersButtonContext
-                  }) => {
-                    const _isExpanded = isExpanded !== undefined ? isExpanded : managedIsExpanded;
-                    const _labelContainerRef =
-                      labelContainerRef !== undefined ? labelContainerRef : managedLabelContainerRef;
+          return (
+            <ToolbarContentContext.Consumer>
+              {({
+                expandableContentRef,
+                expandableContentId,
+                labelContainerRef: managedLabelContainerRef,
+                isExpanded: managedIsExpanded,
+                clearAllFilters: clearAllFiltersContext,
+                clearFiltersButtonText: clearFiltersButtonContext,
+                showClearFiltersButton: showClearFiltersButtonContext
+              }) => {
+                const _isExpanded = isExpanded !== undefined ? isExpanded : managedIsExpanded;
+                const _labelContainerRef =
+                  labelContainerRef !== undefined ? labelContainerRef : managedLabelContainerRef;
 
-                    const breakpointMod: {
-                      md?: 'show';
-                      lg?: 'show';
-                      xl?: 'show';
-                      '2xl'?: 'show';
-                    } = {};
-                    breakpointMod[breakpoint] = 'show';
+                const breakpointMod: {
+                  md?: 'show';
+                  lg?: 'show';
+                  xl?: 'show';
+                  '2xl'?: 'show';
+                } = {};
+                breakpointMod[breakpoint] = 'show';
 
-                    const expandableContent = (
-                      <ToolbarExpandableContent
-                        id={expandableContentId}
-                        expandableContentRef={this.expandableContentRef}
-                        isExpanded={_isExpanded}
-                        clearAllFilters={clearAllFilters || clearAllFiltersContext}
-                        showClearFiltersButton={showClearFiltersButton || showClearFiltersButtonContext}
-                        clearFiltersButtonText={clearFiltersButtonText || clearFiltersButtonContext}
-                        labelContainerRef={_labelContainerRef}
-                      >
-                        {children}
-                      </ToolbarExpandableContent>
-                    );
+                const expandableContent = (
+                  <ToolbarExpandableContent
+                    id={expandableContentId}
+                    expandableContentRef={this.expandableContentRef}
+                    isExpanded={_isExpanded}
+                    clearAllFilters={clearAllFilters || clearAllFiltersContext}
+                    showClearFiltersButton={showClearFiltersButton || showClearFiltersButtonContext}
+                    clearFiltersButtonText={clearFiltersButtonText || clearFiltersButtonContext}
+                    labelContainerRef={_labelContainerRef}
+                  >
+                    {children}
+                  </ToolbarExpandableContent>
+                );
 
-                    const toggleButton = (
-                      <div className={css(styles.toolbarToggle)}>
-                        <Button
-                          variant="plain"
-                          onClick={_onToggle}
-                          aria-label="Show Filters"
-                          {...(_isExpanded && { 'aria-expanded': true })}
-                          aria-haspopup={_isExpanded && this.isContentPopup()}
-                          aria-controls={_isExpanded ? expandableContentId : undefined}
-                          ref={this.toggleRef}
-                          icon={toggleIcon}
-                        />
-                      </div>
-                    );
+                const toggleButton = (
+                  <div className={css(styles.toolbarToggle)}>
+                    <Button
+                      variant="plain"
+                      onClick={_onToggle}
+                      aria-label="Show Filters"
+                      {...(_isExpanded && { 'aria-expanded': true })}
+                      aria-haspopup={_isExpanded && this.isContentPopup()}
+                      aria-controls={_isExpanded ? expandableContentId : undefined}
+                      ref={this.toggleRef}
+                      icon={toggleIcon}
+                    />
+                  </div>
+                );
 
-                    return (
-                      <div
-                        className={css(
-                          styles.toolbarGroup,
-                          styles.modifiers.toggleGroup,
-                          variant &&
-                            styles.modifiers[
-                              toCamel(variant) as
-                                | 'filterGroup'
-                                | 'actionGroup'
-                                | 'actionGroupInline'
-                                | 'actionGroupPlain'
-                                | 'labelGroup'
-                            ],
-                          formatBreakpointMods(breakpointMod, styles, '', getBreakpoint(width)),
-                          formatBreakpointMods(visibility, styles, '', getBreakpoint(width)),
-                          formatBreakpointMods(gap, styles, '', getBreakpoint(width)),
-                          formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)),
-                          formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)),
-                          className
-                        )}
-                        {...props}
-                      >
-                        {toggleButton}
-                        {_isExpanded && ReactDOM.createPortal(expandableContent, expandableContentRef.current)}
-                        {!_isExpanded && children}
-                      </div>
-                    );
-                  }}
-                </ToolbarContentContext.Consumer>
-              );
-            }}
-          </ToolbarContext.Consumer>
-        )}
-      </PageContext.Consumer>
+                return (
+                  <div
+                    className={css(
+                      styles.toolbarGroup,
+                      styles.modifiers.toggleGroup,
+                      variant &&
+                        styles.modifiers[
+                          toCamel(variant) as
+                            | 'filterGroup'
+                            | 'actionGroup'
+                            | 'actionGroupInline'
+                            | 'actionGroupPlain'
+                            | 'labelGroup'
+                        ],
+                      formatBreakpointMods(breakpointMod, styles),
+                      formatBreakpointMods(visibility, styles),
+                      formatBreakpointMods(gap, styles),
+                      formatBreakpointMods(columnGap, styles),
+                      formatBreakpointMods(rowGap, styles),
+                      className
+                    )}
+                    {...props}
+                  >
+                    {toggleButton}
+                    {_isExpanded && ReactDOM.createPortal(expandableContent, expandableContentRef.current)}
+                    {!_isExpanded && children}
+                  </div>
+                );
+              }}
+            </ToolbarContentContext.Consumer>
+          );
+        }}
+      </ToolbarContext.Consumer>
     );
   }
 }
diff --git a/packages/react-core/src/components/Toolbar/__tests__/Toolbar.test.tsx b/packages/react-core/src/components/Toolbar/__tests__/Toolbar.test.tsx
index 7e7494e525b..1339d63385f 100644
--- a/packages/react-core/src/components/Toolbar/__tests__/Toolbar.test.tsx
+++ b/packages/react-core/src/components/Toolbar/__tests__/Toolbar.test.tsx
@@ -299,4 +299,42 @@ describe('Toolbar', () => {
     );
     expect(screen.getByTestId('toolbar-sticky-stuck')).toHaveClass(styles.modifiers.stickyStuck);
   });
+
+  it('renders the container modifier when isContainer is true', () => {
+    render(<Toolbar isContainer data-testid="toolbar-container" />);
+
+    expect(screen.getByTestId('toolbar-container')).toHaveClass('pf-m-container');
+  });
+
+  it('renders all responsive visibility modifiers', () => {
+    render(<ToolbarItem data-testid="toolbar-item" visibility={{ md: 'hidden', xl: 'visible' }} />);
+
+    const item = screen.getByTestId('toolbar-item');
+
+    expect(item).toHaveClass('pf-m-hidden-on-md');
+    expect(item).toHaveClass('pf-m-visible-on-xl');
+  });
+
+  it('renders all responsive row wrap modifiers', () => {
+    render(<ToolbarContent data-testid="toolbar-content" rowWrap={{ md: 'nowrap', xl: 'wrap' }} />);
+
+    const contentSection = screen.getByTestId('toolbar-content').querySelector('div');
+
+    expect(contentSection).toHaveClass('pf-m-nowrap-on-md');
+    expect(contentSection).toHaveClass('pf-m-wrap-on-xl');
+  });
+
+  it('renders the toggle group breakpoint modifier', () => {
+    render(
+      <Toolbar>
+        <ToolbarContent>
+          <ToolbarToggleGroup data-testid="toolbar-toggle-group" breakpoint="xl" toggleIcon={<span />}>
+            Content
+          </ToolbarToggleGroup>
+        </ToolbarContent>
+      </Toolbar>
+    );
+
+    expect(screen.getByTestId('toolbar-toggle-group')).toHaveClass('pf-m-show-on-xl');
+  });
 });
diff --git a/packages/react-core/src/components/Toolbar/examples/Toolbar.md b/packages/react-core/src/components/Toolbar/examples/Toolbar.md
index 9b00cd5132f..f9e46b684fe 100644
--- a/packages/react-core/src/components/Toolbar/examples/Toolbar.md
+++ b/packages/react-core/src/components/Toolbar/examples/Toolbar.md
@@ -6,6 +6,7 @@ section: components
 ---
 
 import { Fragment, useState, useLayoutEffect, useRef } from 'react';
+import './ToolbarContainerQuery.css';
 
 import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon';
 import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon';
@@ -78,6 +79,21 @@ To change the background color of a toolbar, use the `colorVariant` property on
 
 ```
 
+## Responsive toolbar behavior
+
+Toolbar width-based responsive modifiers use `@container` queries with the global PatternFly breakpoints. Responsive inset modifiers (`inset`) are an exception and use viewport media queries.
+
+By default, the container `pf-v6-contain-toolbar` is established on `:root`, so the breakpoints behave like viewport breakpoints. To make a toolbar respond to its own available width, set the `isContainer` property on `<Toolbar>`. Note: Alternatively, if a wrapping element creates an `inline-size` or `size` container with the container name `pf-v6-contain-toolbar`, the breakpoints will apply to that container's width instead.
+
+### Toolbar as container
+Add `isContainer` to the toolbar so width-based modifiers respond to the toolbar's width. Resize the dashed box to see items and groups show and hide at the global breakpoints.
+
+_Debugging note: `xl` and `2xl` may not trigger when the content area is narrower than those breakpoints (view in full screen)._
+
+```ts file="./ToolbarContainerQuery.tsx"
+
+```
+
 ## Examples with toggle groups and filters
 
 The following examples use toggle groups to allow for more responsive and complex toolbars with multiple items and groups of items. To visualize responsive toolbar behavior in the following examples, resize the browser to a smaller screen width.
diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.css b/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.css
new file mode 100644
index 00000000000..dc089a5f5c7
--- /dev/null
+++ b/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.css
@@ -0,0 +1,15 @@
+.toolbar-container-query-resize {
+  width: 800px;
+  min-width: 300px;
+  max-width: 100%;
+  padding: var(--pf-t--global--spacer--sm);
+  overflow: auto;
+  resize: horizontal;
+  border: var(--pf-t--global--border--width--extra-strong) dashed var(--pf-t--global--border--color--default);
+}
+
+.toolbar-container-query-resize.pf-v6-c-toolbar,
+.toolbar-container-query-resize .pf-v6-c-toolbar__group {
+  border: var(--pf-t--global--border--width--control--default) dashed var(--pf-t--global--border--color--default);
+  padding: var(--pf-t--global--spacer--sm);
+}
diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.tsx b/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.tsx
new file mode 100644
index 00000000000..728edd14492
--- /dev/null
+++ b/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.tsx
@@ -0,0 +1,35 @@
+import { Button, Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem } from '@patternfly/react-core';
+
+export const ToolbarContainerQuery: React.FunctionComponent = () => (
+  <div className="toolbar-container-query-resize">
+    <Toolbar id="toolbar-container-query-example" isContainer>
+      <ToolbarContent>
+        <ToolbarItem visibility={{ md: 'hidden' }}>
+          <Button variant="secondary">Hide on md</Button>
+        </ToolbarItem>
+        <ToolbarItem>
+          <Button variant="secondary">Item</Button>
+        </ToolbarItem>
+        <ToolbarItem visibility={{ default: 'hidden', sm: 'visible' }}>
+          <Button variant="secondary">Show on sm</Button>
+        </ToolbarItem>
+        <ToolbarGroup visibility={{ xl: 'hidden' }}>
+          <ToolbarItem>
+            <Button variant="secondary">Hide group on xl</Button>
+          </ToolbarItem>
+          <ToolbarItem>
+            <Button variant="secondary">Hide group on xl</Button>
+          </ToolbarItem>
+        </ToolbarGroup>
+        <ToolbarGroup visibility={{ default: 'hidden', lg: 'visible' }}>
+          <ToolbarItem>
+            <Button variant="secondary">Show group on lg</Button>
+          </ToolbarItem>
+          <ToolbarItem>
+            <Button variant="secondary">Show group on lg</Button>
+          </ToolbarItem>
+        </ToolbarGroup>
+      </ToolbarContent>
+    </Toolbar>
+  </div>
+);

From c09dccf87ca53a9a3241d757938104527ed018af Mon Sep 17 00:00:00 2001
From: Jake Miller <jakmille@redhat.com>
Date: Mon, 28 Sep 2026 14:24:01 -0400
Subject: [PATCH 2/7] feat(toolbar): cleanup a little css

---
 .../src/components/Toolbar/examples/ToolbarContainerQuery.css    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.css b/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.css
index dc089a5f5c7..d9314b0c2ff 100644
--- a/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.css
+++ b/packages/react-core/src/components/Toolbar/examples/ToolbarContainerQuery.css
@@ -8,7 +8,6 @@
   border: var(--pf-t--global--border--width--extra-strong) dashed var(--pf-t--global--border--color--default);
 }
 
-.toolbar-container-query-resize.pf-v6-c-toolbar,
 .toolbar-container-query-resize .pf-v6-c-toolbar__group {
   border: var(--pf-t--global--border--width--control--default) dashed var(--pf-t--global--border--color--default);
   padding: var(--pf-t--global--spacer--sm);

From 64de96e8690b61d34122f4e2d39405d767091dc3 Mon Sep 17 00:00:00 2001
From: Jake Miller <jakmille@redhat.com>
Date: Mon, 28 Sep 2026 16:19:52 -0400
Subject: [PATCH 3/7] fix(toolbar): mismatched visibility breakpoints

---
 packages/react-core/src/components/Toolbar/ToolbarItem.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react-core/src/components/Toolbar/ToolbarItem.tsx b/packages/react-core/src/components/Toolbar/ToolbarItem.tsx
index 69d3519997c..4328f9888f4 100644
--- a/packages/react-core/src/components/Toolbar/ToolbarItem.tsx
+++ b/packages/react-core/src/components/Toolbar/ToolbarItem.tsx
@@ -21,6 +21,7 @@ export interface ToolbarItemProps extends React.HTMLProps<HTMLDivElement> {
   /** Visibility at various width breakpoints. */
   visibility?: {
     default?: 'hidden' | 'visible';
+    sm?: 'hidden' | 'visible';
     md?: 'hidden' | 'visible';
     lg?: 'hidden' | 'visible';
     xl?: 'hidden' | 'visible';

From ae3aefc85cbc13d2390fb39c92971a5b6bc57251 Mon Sep 17 00:00:00 2001
From: Jake Miller <jakmille@redhat.com>
Date: Mon, 28 Sep 2026 16:29:00 -0400
Subject: [PATCH 4/7] fix(toolbar): close managed expandable content

---
 .../src/components/Toolbar/Toolbar.tsx        | 38 +++++++++++++++++--
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/packages/react-core/src/components/Toolbar/Toolbar.tsx b/packages/react-core/src/components/Toolbar/Toolbar.tsx
index d9c5aa8619e..5ddb7e71a99 100644
--- a/packages/react-core/src/components/Toolbar/Toolbar.tsx
+++ b/packages/react-core/src/components/Toolbar/Toolbar.tsx
@@ -3,7 +3,8 @@ import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
 import { css } from '@patternfly/react-styles';
 import { ToolbarContext } from './ToolbarUtils';
 import { ToolbarLabelGroupContent } from './ToolbarLabelGroupContent';
-import { formatBreakpointMods, canUseDOM } from '../../helpers/util';
+import { formatBreakpointMods, canUseDOM, getBreakpoint } from '../../helpers/util';
+import { getResizeObserver } from '../../helpers/resizeObserver';
 import { getOUIAProps, OUIAProps } from '../../helpers';
 import { SSRSafeIds } from '../../helpers/SSRSafeIds/SSRSafeIds';
 import { PageContext } from '../Page/PageContext';
@@ -86,6 +87,9 @@ interface FilterInfo {
 class Toolbar extends Component<ToolbarProps, ToolbarState> {
   static displayName = 'Toolbar';
   labelGroupContentRef = createRef<HTMLDivElement>();
+  toolbarRef = createRef<HTMLDivElement>();
+  resizeObserver: () => void = () => {};
+  containerBreakpoint: ReturnType<typeof getBreakpoint>;
   staticFilterInfo = {};
   hasNoPadding = false;
   state = {
@@ -111,18 +115,45 @@ class Toolbar extends Component<ToolbarProps, ToolbarState> {
     }
   };
 
+  closeExpandableContentOnContainerResize = () => {
+    const containerWidth = this.toolbarRef.current?.clientWidth;
+    if (!containerWidth) {
+      return;
+    }
+
+    const breakpoint = getBreakpoint(containerWidth);
+    if (breakpoint !== this.containerBreakpoint) {
+      this.containerBreakpoint = breakpoint;
+      if (this.state.isManagedToggleExpanded) {
+        this.setState({ isManagedToggleExpanded: false });
+      }
+    }
+  };
+
   componentDidMount() {
     if (canUseDOM) {
       this.setState({ windowWidth: window.innerWidth });
     }
     if (this.isToggleManaged() && canUseDOM) {
-      window.addEventListener('resize', this.closeExpandableContent);
+      if (this.props.isContainer && this.toolbarRef.current) {
+        this.resizeObserver = getResizeObserver(
+          this.toolbarRef.current,
+          this.closeExpandableContentOnContainerResize,
+          true
+        );
+      } else {
+        window.addEventListener('resize', this.closeExpandableContent);
+      }
     }
   }
 
   componentWillUnmount() {
     if (this.isToggleManaged() && canUseDOM) {
-      window.removeEventListener('resize', this.closeExpandableContent);
+      if (this.props.isContainer) {
+        this.resizeObserver();
+      } else {
+        window.removeEventListener('resize', this.closeExpandableContent);
+      }
     }
   }
 
@@ -191,6 +222,7 @@ class Toolbar extends Component<ToolbarProps, ToolbarState> {
               className
             )}
             id={randomId}
+            ref={this.toolbarRef}
             {...getOUIAProps(Toolbar.displayName, ouiaId !== undefined ? ouiaId : generatedOuiaId)}
             {...props}
           >

From b1517255296bc68f60b184a33c2d0070d4e3df85 Mon Sep 17 00:00:00 2001
From: Jake Miller <jakmille@redhat.com>
Date: Wed, 30 Sep 2026 08:51:42 -0400
Subject: [PATCH 5/7] chore(deps): bump

---
 packages/react-core/package.json   |  2 +-
 packages/react-docs/package.json   |  2 +-
 packages/react-icons/package.json  |  2 +-
 packages/react-styles/package.json |  2 +-
 packages/react-tokens/package.json |  2 +-
 yarn.lock                          | 18 +++++++++---------
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index c62b4eee4de..0a668e3db3d 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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "case-anything": "^3.1.2",
     "css": "^3.0.0",
     "fs-extra": "^11.3.3"
diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json
index bc009e76fe3..2c07d22e5c6 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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "@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 7ae49e4c7d4..50d99deef06 100644
--- a/packages/react-icons/package.json
+++ b/packages/react-icons/package.json
@@ -38,7 +38,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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "@rhds/icons": "^2.3.1",
     "fs-extra": "^11.3.3"
   },
diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json
index d786889fb7e..20c63052060 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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.3"
   },
diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json
index 47cb52aa4e0..e4a4aa8d954 100644
--- a/packages/react-tokens/package.json
+++ b/packages/react-tokens/package.json
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@adobe/css-tools": "^4.5.0",
-    "@patternfly/patternfly": "6.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "fs-extra": "^11.3.3"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 189bdeb6339..56cb21c653a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5070,10 +5070,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@patternfly/patternfly@npm:6.6.0-prerelease.50":
-  version: 6.6.0-prerelease.50
-  resolution: "@patternfly/patternfly@npm:6.6.0-prerelease.50"
-  checksum: 10c0/f4d711a87c0094dd9d0115f21f7c2e4ff027ea68b439a342e0331b6b90a38cd0cb24d1b9f002409fe30e271be79588fdb760927c5e008e299603eeb56f299a16
+"@patternfly/patternfly@npm:6.7.0-prerelease.1":
+  version: 6.7.0-prerelease.1
+  resolution: "@patternfly/patternfly@npm:6.7.0-prerelease.1"
+  checksum: 10c0/d96430d6e95e500029a9b1eeb12fca980e9ccd65b4cae6f27efa3c01bdf33fb75355222c825ca1d7bac1477754703815e99931cb50b4931223f552cb86bdeb7c
   languageName: node
   linkType: hard
 
@@ -5171,7 +5171,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-core@workspace:packages/react-core"
   dependencies:
-    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     "@patternfly/react-icons": "workspace:^"
     "@patternfly/react-styles": "workspace:^"
     "@patternfly/react-tokens": "workspace:^"
@@ -5192,7 +5192,7 @@ __metadata:
   resolution: "@patternfly/react-docs@workspace:packages/react-docs"
   dependencies:
     "@patternfly/documentation-framework": "npm:^6.40.0"
-    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     "@patternfly/patternfly-a11y": "npm:5.2.1"
     "@patternfly/react-charts": "workspace:^"
     "@patternfly/react-code-editor": "workspace:^"
@@ -5232,7 +5232,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.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     "@rhds/icons": "npm:^2.3.1"
     fs-extra: "npm:^11.3.3"
     tslib: "npm:^2.8.1"
@@ -5319,7 +5319,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-styles@workspace:packages/react-styles"
   dependencies:
-    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     change-case: "npm:^5.4.4"
     fs-extra: "npm:^11.3.3"
   languageName: unknown
@@ -5361,7 +5361,7 @@ __metadata:
   resolution: "@patternfly/react-tokens@workspace:packages/react-tokens"
   dependencies:
     "@adobe/css-tools": "npm:^4.5.0"
-    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     fs-extra: "npm:^11.3.3"
   languageName: unknown
   linkType: soft

From c3ad5e776c202e068a7da0e620924ab29e0e3287 Mon Sep 17 00:00:00 2001
From: Jake Miller <jakmille@redhat.com>
Date: Wed, 30 Sep 2026 13:08:36 -0400
Subject: [PATCH 6/7] fix(toolbar): rebase

---
 packages/react-core/package.json   |  2 +-
 packages/react-docs/package.json   |  2 +-
 packages/react-icons/package.json  |  2 +-
 packages/react-styles/package.json |  2 +-
 packages/react-tokens/package.json |  2 +-
 yarn.lock                          | 18 +++++++++---------
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index 0a668e3db3d..c62b4eee4de 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.7.0-prerelease.1",
+    "@patternfly/patternfly": "6.6.0-prerelease.50",
     "case-anything": "^3.1.2",
     "css": "^3.0.0",
     "fs-extra": "^11.3.3"
diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json
index 2c07d22e5c6..bc009e76fe3 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.7.0-prerelease.1",
+    "@patternfly/patternfly": "6.6.0-prerelease.50",
     "@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 50d99deef06..7ae49e4c7d4 100644
--- a/packages/react-icons/package.json
+++ b/packages/react-icons/package.json
@@ -38,7 +38,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.7.0-prerelease.1",
+    "@patternfly/patternfly": "6.6.0-prerelease.50",
     "@rhds/icons": "^2.3.1",
     "fs-extra": "^11.3.3"
   },
diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json
index 20c63052060..d786889fb7e 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.7.0-prerelease.1",
+    "@patternfly/patternfly": "6.6.0-prerelease.50",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.3"
   },
diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json
index e4a4aa8d954..47cb52aa4e0 100644
--- a/packages/react-tokens/package.json
+++ b/packages/react-tokens/package.json
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@adobe/css-tools": "^4.5.0",
-    "@patternfly/patternfly": "6.7.0-prerelease.1",
+    "@patternfly/patternfly": "6.6.0-prerelease.50",
     "fs-extra": "^11.3.3"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 56cb21c653a..189bdeb6339 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5070,10 +5070,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@patternfly/patternfly@npm:6.7.0-prerelease.1":
-  version: 6.7.0-prerelease.1
-  resolution: "@patternfly/patternfly@npm:6.7.0-prerelease.1"
-  checksum: 10c0/d96430d6e95e500029a9b1eeb12fca980e9ccd65b4cae6f27efa3c01bdf33fb75355222c825ca1d7bac1477754703815e99931cb50b4931223f552cb86bdeb7c
+"@patternfly/patternfly@npm:6.6.0-prerelease.50":
+  version: 6.6.0-prerelease.50
+  resolution: "@patternfly/patternfly@npm:6.6.0-prerelease.50"
+  checksum: 10c0/f4d711a87c0094dd9d0115f21f7c2e4ff027ea68b439a342e0331b6b90a38cd0cb24d1b9f002409fe30e271be79588fdb760927c5e008e299603eeb56f299a16
   languageName: node
   linkType: hard
 
@@ -5171,7 +5171,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-core@workspace:packages/react-core"
   dependencies:
-    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
+    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
     "@patternfly/react-icons": "workspace:^"
     "@patternfly/react-styles": "workspace:^"
     "@patternfly/react-tokens": "workspace:^"
@@ -5192,7 +5192,7 @@ __metadata:
   resolution: "@patternfly/react-docs@workspace:packages/react-docs"
   dependencies:
     "@patternfly/documentation-framework": "npm:^6.40.0"
-    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
+    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
     "@patternfly/patternfly-a11y": "npm:5.2.1"
     "@patternfly/react-charts": "workspace:^"
     "@patternfly/react-code-editor": "workspace:^"
@@ -5232,7 +5232,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.7.0-prerelease.1"
+    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
     "@rhds/icons": "npm:^2.3.1"
     fs-extra: "npm:^11.3.3"
     tslib: "npm:^2.8.1"
@@ -5319,7 +5319,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-styles@workspace:packages/react-styles"
   dependencies:
-    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
+    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
     change-case: "npm:^5.4.4"
     fs-extra: "npm:^11.3.3"
   languageName: unknown
@@ -5361,7 +5361,7 @@ __metadata:
   resolution: "@patternfly/react-tokens@workspace:packages/react-tokens"
   dependencies:
     "@adobe/css-tools": "npm:^4.5.0"
-    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
+    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
     fs-extra: "npm:^11.3.3"
   languageName: unknown
   linkType: soft

From 02c82c91d6469fcc9a693dd479cab4d25d7ef1c3 Mon Sep 17 00:00:00 2001
From: Jake Miller <jakmille@redhat.com>
Date: Wed, 30 Sep 2026 13:15:23 -0400
Subject: [PATCH 7/7] fix(toolbar): bump again

---
 packages/react-core/package.json   |  2 +-
 packages/react-docs/package.json   |  2 +-
 packages/react-icons/package.json  |  2 +-
 packages/react-styles/package.json |  2 +-
 packages/react-tokens/package.json |  2 +-
 yarn.lock                          | 18 +++++++++---------
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index c62b4eee4de..0a668e3db3d 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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "case-anything": "^3.1.2",
     "css": "^3.0.0",
     "fs-extra": "^11.3.3"
diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json
index bc009e76fe3..2c07d22e5c6 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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "@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 7ae49e4c7d4..50d99deef06 100644
--- a/packages/react-icons/package.json
+++ b/packages/react-icons/package.json
@@ -38,7 +38,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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "@rhds/icons": "^2.3.1",
     "fs-extra": "^11.3.3"
   },
diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json
index d786889fb7e..20c63052060 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.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.3"
   },
diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json
index 47cb52aa4e0..e4a4aa8d954 100644
--- a/packages/react-tokens/package.json
+++ b/packages/react-tokens/package.json
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@adobe/css-tools": "^4.5.0",
-    "@patternfly/patternfly": "6.6.0-prerelease.50",
+    "@patternfly/patternfly": "6.7.0-prerelease.1",
     "fs-extra": "^11.3.3"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 189bdeb6339..56cb21c653a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5070,10 +5070,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@patternfly/patternfly@npm:6.6.0-prerelease.50":
-  version: 6.6.0-prerelease.50
-  resolution: "@patternfly/patternfly@npm:6.6.0-prerelease.50"
-  checksum: 10c0/f4d711a87c0094dd9d0115f21f7c2e4ff027ea68b439a342e0331b6b90a38cd0cb24d1b9f002409fe30e271be79588fdb760927c5e008e299603eeb56f299a16
+"@patternfly/patternfly@npm:6.7.0-prerelease.1":
+  version: 6.7.0-prerelease.1
+  resolution: "@patternfly/patternfly@npm:6.7.0-prerelease.1"
+  checksum: 10c0/d96430d6e95e500029a9b1eeb12fca980e9ccd65b4cae6f27efa3c01bdf33fb75355222c825ca1d7bac1477754703815e99931cb50b4931223f552cb86bdeb7c
   languageName: node
   linkType: hard
 
@@ -5171,7 +5171,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-core@workspace:packages/react-core"
   dependencies:
-    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     "@patternfly/react-icons": "workspace:^"
     "@patternfly/react-styles": "workspace:^"
     "@patternfly/react-tokens": "workspace:^"
@@ -5192,7 +5192,7 @@ __metadata:
   resolution: "@patternfly/react-docs@workspace:packages/react-docs"
   dependencies:
     "@patternfly/documentation-framework": "npm:^6.40.0"
-    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     "@patternfly/patternfly-a11y": "npm:5.2.1"
     "@patternfly/react-charts": "workspace:^"
     "@patternfly/react-code-editor": "workspace:^"
@@ -5232,7 +5232,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.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     "@rhds/icons": "npm:^2.3.1"
     fs-extra: "npm:^11.3.3"
     tslib: "npm:^2.8.1"
@@ -5319,7 +5319,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-styles@workspace:packages/react-styles"
   dependencies:
-    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     change-case: "npm:^5.4.4"
     fs-extra: "npm:^11.3.3"
   languageName: unknown
@@ -5361,7 +5361,7 @@ __metadata:
   resolution: "@patternfly/react-tokens@workspace:packages/react-tokens"
   dependencies:
     "@adobe/css-tools": "npm:^4.5.0"
-    "@patternfly/patternfly": "npm:6.6.0-prerelease.50"
+    "@patternfly/patternfly": "npm:6.7.0-prerelease.1"
     fs-extra: "npm:^11.3.3"
   languageName: unknown
   linkType: soft