@patternfly/patternfly 6.0.0-alpha.98 → 6.0.0-alpha.99

package/docs/components/NotificationDrawer/examples/NotificationDrawer.md

@@ -1,7 +1,7 @@
 ---
 id: Notification drawer
 section: components
-cssPrefix: pf-v5-c-notification-drawer
+cssPrefix: pf-v6-c-notification-drawer
 ---## Examples
 
 ### Basic
@@ -3043,43 +3043,43 @@ cssPrefix: pf-v5-c-notification-drawer
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `aria-expanded="false"` | `.pf-v5-c-notification-drawer__group-toggle` | Indicates that the group notification list is hidden. |
-| `aria-expanded="true"` | `.pf-v5-c-notification-drawer__group-toggle` | Indicates that the group notification list is visible. |
-| `hidden` | `.pf-v5-c-notification-drawer__list` | Indicates that the group notification list is hidden so that it isn't visible in the UI and isn't accessed by assistive technologies. |
-| `tabindex="0"` | `.pf-v5-c-notification-drawer__list-item.pf-m-hoverable` | Inserts the hoverable list item into the tab order of the page so that it is focusable. |
-| `aria-hidden="true"` | `.pf-v5-c-notification-drawer__group-toggle-icon > *`, `.pf-v5-c-notification-drawer__list-item-header-icon > *` | Hides icon for assistive technologies. |
+| `aria-expanded="false"` | `.pf-v6-c-notification-drawer__group-toggle` | Indicates that the group notification list is hidden. |
+| `aria-expanded="true"` | `.pf-v6-c-notification-drawer__group-toggle` | Indicates that the group notification list is visible. |
+| `hidden` | `.pf-v6-c-notification-drawer__list` | Indicates that the group notification list is hidden so that it isn't visible in the UI and isn't accessed by assistive technologies. |
+| `tabindex="0"` | `.pf-v6-c-notification-drawer__list-item.pf-m-hoverable` | Inserts the hoverable list item into the tab order of the page so that it is focusable. |
+| `aria-hidden="true"` | `.pf-v6-c-notification-drawer__group-toggle-icon > *`, `.pf-v6-c-notification-drawer__list-item-header-icon > *` | Hides icon for assistive technologies. |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-notification-drawer` | `<div>` | Initiates the notification drawer. **Required** |
-| `.pf-v5-c-notification-drawer__header` | `<div>` | Initiates the notification drawer header. **Required** |
-| `.pf-v5-c-notification-drawer__header-title` | `<h1>` | Initiates the notification drawer header title. **Required** |
-| `.pf-v5-c-notification-drawer__header-status` | `<span>` | Initiates the notification drawer header status. |
-| `.pf-v5-c-notification-drawer__header-action` | `<div>` | Initiates the notification drawer header action. |
-| `.pf-v5-c-notification-drawer__header-action-close` | `<div>` | Initiates the notification drawer header action button. |
-| `.pf-v5-c-notification-drawer__body` | `<div>` | Initiates the notification drawer body. **Required** |
-| `.pf-v5-c-notification-drawer__list` | `<ul>` | Initiates a notification list. **Required** |
-| `.pf-v5-c-notification-drawer__list-item` | `<li>` | Initiates a notification list item. Always use with a state modifier class. **Required** |
-| `.pf-v5-c-notification-drawer__list-item-header` | `<div>` | Initiates a notification list item header. **Required** |
-| `.pf-v5-c-notification-drawer__list-item-header-icon` | `<span>` | Initiates a notification list item header icon. **Required** |
-| `.pf-v5-c-notification-drawer__list-item-header-title` | `<h2>` | Initiates a notification list item header title. **Required** |
-| `.pf-v5-c-notification-drawer__list-item-action` | `<div>` | Initiates a notification list item action. |
-| `.pf-v5-c-notification-drawer__list-item-description` | `<div>` | Initiates a notification list item description. **Required** |
-| `.pf-v5-c-notification-drawer__list-item-timestamp` | `<div>` | Initiates a notification list item timestamp. **Required** |
-| `.pf-v5-c-notification-drawer__group-list` | `<div>` | Initiates a notification group list. **Required when notifications are grouped** |
-| `.pf-v5-c-notification-drawer__group` | `<section>` | Initiates a notification group. **Required** |
-| `.pf-v5-c-notification-drawer__group-toggle` | `<button>` | Initiates a notification group toggle. **Required** |
-| `.pf-v5-c-notification-drawer__group-title` | `<div>` | Initiates a notification group toggle title. **Required** |
-| `.pf-v5-c-notification-drawer__group-count` | `<div>` | Initiates a notification group toggle count. |
-| `.pf-v5-c-notification-drawer__group-icon` | `<span>` | Initiates a notification group toggle icon. **Required** |
-| `.pf-m-custom` | `.pf-v5-c-notification-drawer__list-item` | Modifies a notification list item for the custom state. |
-| `.pf-m-info` | `.pf-v5-c-notification-drawer__list-item` | Modifies a notification list item for the info state. |
-| `.pf-m-warning` | `.pf-v5-c-notification-drawer__list-item` | Modifies a notification list item for the warning state. |
-| `.pf-m-danger` | `.pf-v5-c-notification-drawer__list-item` | Modifies a notification list item for the danger state. |
-| `.pf-m-success` | `.pf-v5-c-notification-drawer__list-item` | Modifies a notification list item for the success state. |
-| `.pf-m-read` | `.pf-v5-c-notification-drawer__list-item` | Modifies a notification list item for the read state. |
-| `.pf-m-hoverable` | `.pf-v5-c-notification-drawer__list-item` | Modifies a notification list item hover states to inidicate it is clickable. |
-| `.pf-m-expanded` | `.pf-v5-c-notification-drawer__group` | Modifies a notification group for the expanded state. |
-| `.pf-m-truncate` | `.pf-v5-c-notification-drawer__list-item-header-title` |  Modifies the title to display a single line and truncate any overflow text with ellipses. **Note:** you can specify the max number of lines to show by setting the `--pf-v5-c-notification-drawer__list-item-header-title--max-lines` (the default value is `1`). |
+| `.pf-v6-c-notification-drawer` | `<div>` | Initiates the notification drawer. **Required** |
+| `.pf-v6-c-notification-drawer__header` | `<div>` | Initiates the notification drawer header. **Required** |
+| `.pf-v6-c-notification-drawer__header-title` | `<h1>` | Initiates the notification drawer header title. **Required** |
+| `.pf-v6-c-notification-drawer__header-status` | `<span>` | Initiates the notification drawer header status. |
+| `.pf-v6-c-notification-drawer__header-action` | `<div>` | Initiates the notification drawer header action. |
+| `.pf-v6-c-notification-drawer__header-action-close` | `<div>` | Initiates the notification drawer header action button. |
+| `.pf-v6-c-notification-drawer__body` | `<div>` | Initiates the notification drawer body. **Required** |
+| `.pf-v6-c-notification-drawer__list` | `<ul>` | Initiates a notification list. **Required** |
+| `.pf-v6-c-notification-drawer__list-item` | `<li>` | Initiates a notification list item. Always use with a state modifier class. **Required** |
+| `.pf-v6-c-notification-drawer__list-item-header` | `<div>` | Initiates a notification list item header. **Required** |
+| `.pf-v6-c-notification-drawer__list-item-header-icon` | `<span>` | Initiates a notification list item header icon. **Required** |
+| `.pf-v6-c-notification-drawer__list-item-header-title` | `<h2>` | Initiates a notification list item header title. **Required** |
+| `.pf-v6-c-notification-drawer__list-item-action` | `<div>` | Initiates a notification list item action. |
+| `.pf-v6-c-notification-drawer__list-item-description` | `<div>` | Initiates a notification list item description. **Required** |
+| `.pf-v6-c-notification-drawer__list-item-timestamp` | `<div>` | Initiates a notification list item timestamp. **Required** |
+| `.pf-v6-c-notification-drawer__group-list` | `<div>` | Initiates a notification group list. **Required when notifications are grouped** |
+| `.pf-v6-c-notification-drawer__group` | `<section>` | Initiates a notification group. **Required** |
+| `.pf-v6-c-notification-drawer__group-toggle` | `<button>` | Initiates a notification group toggle. **Required** |
+| `.pf-v6-c-notification-drawer__group-title` | `<div>` | Initiates a notification group toggle title. **Required** |
+| `.pf-v6-c-notification-drawer__group-count` | `<div>` | Initiates a notification group toggle count. |
+| `.pf-v6-c-notification-drawer__group-icon` | `<span>` | Initiates a notification group toggle icon. **Required** |
+| `.pf-m-custom` | `.pf-v6-c-notification-drawer__list-item` | Modifies a notification list item for the custom state. |
+| `.pf-m-info` | `.pf-v6-c-notification-drawer__list-item` | Modifies a notification list item for the info state. |
+| `.pf-m-warning` | `.pf-v6-c-notification-drawer__list-item` | Modifies a notification list item for the warning state. |
+| `.pf-m-danger` | `.pf-v6-c-notification-drawer__list-item` | Modifies a notification list item for the danger state. |
+| `.pf-m-success` | `.pf-v6-c-notification-drawer__list-item` | Modifies a notification list item for the success state. |
+| `.pf-m-read` | `.pf-v6-c-notification-drawer__list-item` | Modifies a notification list item for the read state. |
+| `.pf-m-hoverable` | `.pf-v6-c-notification-drawer__list-item` | Modifies a notification list item hover states to inidicate it is clickable. |
+| `.pf-m-expanded` | `.pf-v6-c-notification-drawer__group` | Modifies a notification group for the expanded state. |
+| `.pf-m-truncate` | `.pf-v6-c-notification-drawer__list-item-header-title` |  Modifies the title to display a single line and truncate any overflow text with ellipses. **Note:** you can specify the max number of lines to show by setting the `--pf-v6-c-notification-drawer__list-item-header-title--max-lines` (the default value is `1`). |

package/docs/components/NumberInput/examples/NumberInput.md

@@ -1,7 +1,7 @@
 ---
 id: Number input
 section: components
-cssPrefix: pf-v5-c-number-input
+cssPrefix: pf-v6-c-number-input
 ---## Examples
 
 ### Default
@@ -355,7 +355,7 @@ cssPrefix: pf-v5-c-number-input
 ```html
 <div
   class="pf-v6-c-number-input"
-  style="--pf-v5-c-number-input--c-form-control--width-chars: 1;"
+  style="--pf-v6-c-number-input--c-form-control--width-chars: 1;"
 >
   <div class="pf-v6-c-input-group">
     <div class="pf-v6-c-input-group__item">
@@ -396,7 +396,7 @@ cssPrefix: pf-v5-c-number-input
 <br />
 <div
   class="pf-v6-c-number-input"
-  style="--pf-v5-c-number-input--c-form-control--width-chars: 10;"
+  style="--pf-v6-c-number-input--c-form-control--width-chars: 10;"
 >
   <div class="pf-v6-c-input-group">
     <div class="pf-v6-c-input-group__item">
@@ -437,7 +437,7 @@ cssPrefix: pf-v5-c-number-input
 <br />
 <div
   class="pf-v6-c-number-input"
-  style="--pf-v5-c-number-input--c-form-control--width-chars: 5;"
+  style="--pf-v6-c-number-input--c-form-control--width-chars: 5;"
 >
   <div class="pf-v6-c-input-group">
     <div class="pf-v6-c-input-group__item">
@@ -478,7 +478,7 @@ cssPrefix: pf-v5-c-number-input
 <br />
 <div
   class="pf-v6-c-number-input"
-  style="--pf-v5-c-number-input--c-form-control--width-chars: 5;"
+  style="--pf-v6-c-number-input--c-form-control--width-chars: 5;"
 >
   <div class="pf-v6-c-input-group">
     <div class="pf-v6-c-input-group__item">
@@ -524,16 +524,16 @@ cssPrefix: pf-v5-c-number-input
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `aria-label="Plus"`, `aria-label="Minus"` | `.pf-v5-c-button.pf-m-control` | Provides an accessible name for the outer plus/minus buttons. **Required** |
-| `min` | `input[type="number"].pf-v5-c-form-control` | Provides an optional minimum value for the input. |
-| `max` | `input[type="number"].pf-v5-c-form-control` | Provides an optional maximum value for the input. |
+| `aria-label="Plus"`, `aria-label="Minus"` | `.pf-v6-c-button.pf-m-control` | Provides an accessible name for the outer plus/minus buttons. **Required** |
+| `min` | `input[type="number"].pf-v6-c-form-control` | Provides an optional minimum value for the input. |
+| `max` | `input[type="number"].pf-v6-c-form-control` | Provides an optional maximum value for the input. |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-number-input` | `<div>` | Initiates the number input component. |
-| `.pf-v5-c-number-input__icon` | `<span>` | Initiates the number input icon. |
-| `.pf-v5-c-number-input__unit` | `<span>` | Initiates the number input unit. |
-| `.pf-m-status` | `.pf-v5-c-number-input` | Modifies the width to create enough space for a status icon to be included in the form control portion of the number input. **Required** if a status icon may be shown, even if the icon is not currently shown. |
-| `--pf-v5-c-number-input--c-form-control--width-chars` | `.pf-v5-c-number-input` | Specifies the number of characters to show in the input. |
+| `.pf-v6-c-number-input` | `<div>` | Initiates the number input component. |
+| `.pf-v6-c-number-input__icon` | `<span>` | Initiates the number input icon. |
+| `.pf-v6-c-number-input__unit` | `<span>` | Initiates the number input unit. |
+| `.pf-m-status` | `.pf-v6-c-number-input` | Modifies the width to create enough space for a status icon to be included in the form control portion of the number input. **Required** if a status icon may be shown, even if the icon is not currently shown. |
+| `--pf-v6-c-number-input--c-form-control--width-chars` | `.pf-v6-c-number-input` | Specifies the number of characters to show in the input. |

package/docs/components/OptionsMenu/deprecated/options-menu.md

@@ -2,7 +2,7 @@
 id: Options menu
 section: components
 subsection: menus
-cssPrefix: pf-v5-c-options-menu
+cssPrefix: pf-v6-c-options-menu
 deprecated: true
 ---import './options-menu.css'
 
@@ -985,30 +985,30 @@ deprecated: true
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `role` or `aria` | `pf-v5-c-options-menu` |  accessibility notes. |
-| `disabled` | `.pf-v5-c-options-menu__toggle`, `.pf-v5-c-options-menu__toggle-button` | Disables the options menu toggle and toggle button and removes it from keyboard focus. |
+| `role` or `aria` | `pf-v6-c-options-menu` |  accessibility notes. |
+| `disabled` | `.pf-v6-c-options-menu__toggle`, `.pf-v6-c-options-menu__toggle-button` | Disables the options menu toggle and toggle button and removes it from keyboard focus. |
 *Note:* The attribute `aria-selected="true"` should be set programmatically to the selected item(s).
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-options-menu` | `<div>` |  Initiates a custom options menu. |
-| `.pf-v5-c-options-menu__toggle` | `<button>` |  Initiates a custom toggle. |
-| `.pf-v5-c-options-menu__toggle-text` | `<span>` | Initiates a wrapper for toggle text.
-| `.pf-v5-c-options-menu__toggle-icon` | `<i>` | Initiates the up/down arrow beside toggle text. |
-| `.pf-v5-c-options-menu__toggle-button` | `<button>` | Initiates a custom toggle button for use when `.pf-v5-c-options-menu__toggle` is a `<div>` or non-interactive element. |
-| `.pf-v5-c-options-menu__menu` | `<ul>` |  Initiates the custom options-menu menu. |
-| `.pf-v5-c-options-menu__menu-item` | `<li>` |  Initiates the items in the custom options-menu menu. |
-| `.pf-v5-c-options-menu__menu-item-icon` | `<i>` |  Initiates the icon to indicate selected menu items. |
-| `.pf-v5-c-options-menu__group` | `<section>` | Defines a group of items in an options menu. **Required when there is more than one group in an options menu**. |
-| `.pf-v5-c-options-menu__group-title` | `<h1>` | Defines the title for a group of items in an options menu. |
-| `.pf-m-top` | `.pf-v5-c-options-menu` | Modifies to display the menu above the toggle. |
-| `.pf-m-align-right` | `.pf-v5-c-options-menu__menu` | Modifies to display the menu aligned to the right edge of the toggle |
-| `.pf-m-expanded` | `.pf-v5-c-options-menu` |  Modifies for the expanded state. |
-| `.pf-m-static` | `.pf-v5-c-options-menu__menu` | Modifies the menu to be statically positioned to support custom positioning. |
-| `.pf-m-plain` | `.pf-v5-c-options-menu__toggle` |  Modifies to display the toggle with no border. **Note:** Can be combined with `.pf-m-text` to create a normal text toggle with no border. |
-| `.pf-m-disabled` | `.pf-v5-c-options-menu__toggle` | Modifies to display the options menu toggle as disabled. This applies to `pf-v5-c-options-menu__toggle` and should not be used in lieu of the `disabled` attribute on `pf-v5-c-options-menu__toggle`. When this is used, `disabled` should also be added to any form elements in `.pf-v5-c-options-menu__toggle` |
-| `.pf-m-text` | `.pf-v5-c-options-menu__toggle` |  For use when the `.pf-v5-c-options-menu__toggle` is a `<div>` or some non-interactive elment, and you're using a custom `.pf-v5-c-options-menu__toggle-button` to toggle the options menu. |
-| `.pf-m-active` | `.pf-v5-c-options-menu__toggle` | Forces display of the active state of the toggle. |
-| `.pf-m-selected` | `.pf-v5-c-options-menu__menu-item` | Modifies the menu item for the selected state. |
+| `.pf-v6-c-options-menu` | `<div>` |  Initiates a custom options menu. |
+| `.pf-v6-c-options-menu__toggle` | `<button>` |  Initiates a custom toggle. |
+| `.pf-v6-c-options-menu__toggle-text` | `<span>` | Initiates a wrapper for toggle text.
+| `.pf-v6-c-options-menu__toggle-icon` | `<i>` | Initiates the up/down arrow beside toggle text. |
+| `.pf-v6-c-options-menu__toggle-button` | `<button>` | Initiates a custom toggle button for use when `.pf-v6-c-options-menu__toggle` is a `<div>` or non-interactive element. |
+| `.pf-v6-c-options-menu__menu` | `<ul>` |  Initiates the custom options-menu menu. |
+| `.pf-v6-c-options-menu__menu-item` | `<li>` |  Initiates the items in the custom options-menu menu. |
+| `.pf-v6-c-options-menu__menu-item-icon` | `<i>` |  Initiates the icon to indicate selected menu items. |
+| `.pf-v6-c-options-menu__group` | `<section>` | Defines a group of items in an options menu. **Required when there is more than one group in an options menu**. |
+| `.pf-v6-c-options-menu__group-title` | `<h1>` | Defines the title for a group of items in an options menu. |
+| `.pf-m-top` | `.pf-v6-c-options-menu` | Modifies to display the menu above the toggle. |
+| `.pf-m-align-right` | `.pf-v6-c-options-menu__menu` | Modifies to display the menu aligned to the right edge of the toggle |
+| `.pf-m-expanded` | `.pf-v6-c-options-menu` |  Modifies for the expanded state. |
+| `.pf-m-static` | `.pf-v6-c-options-menu__menu` | Modifies the menu to be statically positioned to support custom positioning. |
+| `.pf-m-plain` | `.pf-v6-c-options-menu__toggle` |  Modifies to display the toggle with no border. **Note:** Can be combined with `.pf-m-text` to create a normal text toggle with no border. |
+| `.pf-m-disabled` | `.pf-v6-c-options-menu__toggle` | Modifies to display the options menu toggle as disabled. This applies to `pf-v6-c-options-menu__toggle` and should not be used in lieu of the `disabled` attribute on `pf-v6-c-options-menu__toggle`. When this is used, `disabled` should also be added to any form elements in `.pf-v6-c-options-menu__toggle` |
+| `.pf-m-text` | `.pf-v6-c-options-menu__toggle` |  For use when the `.pf-v6-c-options-menu__toggle` is a `<div>` or some non-interactive elment, and you're using a custom `.pf-v6-c-options-menu__toggle-button` to toggle the options menu. |
+| `.pf-m-active` | `.pf-v6-c-options-menu__toggle` | Forces display of the active state of the toggle. |
+| `.pf-m-selected` | `.pf-v6-c-options-menu__menu-item` | Modifies the menu item for the selected state. |

package/docs/components/OverflowMenu/examples/overflow-menu.md

@@ -1,14 +1,14 @@
 ---
 id: Overflow menu
 section: components
-cssPrefix: pf-v5-c-overflow-menu
+cssPrefix: pf-v6-c-overflow-menu
 ---import './overflow-menu.css'
 
 ## Introduction
 
-The overflow menu component condenses actions inside `.pf-v5-c-overflow-menu__content` container into a single dropdown button wrapped in `.pf-v5-c-overflow-menu__control`.
+The overflow menu component condenses actions inside `.pf-v6-c-overflow-menu__content` container into a single dropdown button wrapped in `.pf-v6-c-overflow-menu__control`.
 
-The overflow menu relies on groups (`.pf-v5-c-overflow-menu__group`) and items (`.pf-v5-c-overflow-menu__item`), with default spacer values. Groups and items can be siblings and/or items can be nested within groups. Modifier selectors adjust spacing based on the type of group. Each modifier applies a unique CSS variable, therefore, the base spacer value for all elements can be customized and item/groups spacers can be themed individually. The default spacer value for items and groups is set to `--pf-v5-c-toolbar--spacer--base`, whose value is `--pf-v5-global--spacer--md` or 16px.
+The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (`.pf-v6-c-overflow-menu__item`), with default spacer values. Groups and items can be siblings and/or items can be nested within groups. Modifier selectors adjust spacing based on the type of group. Each modifier applies a unique CSS variable, therefore, the base spacer value for all elements can be customized and item/groups spacers can be themed individually. The default spacer value for items and groups is set to `--pf-v6-c-toolbar--spacer--base`, whose value is `--pf-v6-global--spacer--md` or 16px.
 
 ### Simple collapsed
 
@@ -73,18 +73,18 @@ The overflow menu relies on groups (`.pf-v5-c-overflow-menu__group`) and items (
 
 | Class | CSS Variable | Computed Value |
 | -- | -- | -- |
-| `.pf-v5-c-overflow-menu__group` | `--pf-v5-c-overflow-menu__group--spacer` | `16px` |
-| `.pf-v5-c-overflow-menu__item` | `--pf-v5-c-overflow-menu__item--spacer` | `16px` |
+| `.pf-v6-c-overflow-menu__group` | `--pf-v6-c-overflow-menu__group--spacer` | `16px` |
+| `.pf-v6-c-overflow-menu__item` | `--pf-v6-c-overflow-menu__item--spacer` | `16px` |
 
 ### Overflow menu item types
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-overflow-menu` | `<div>` | Initiates an overflow menu. **Required** |
-| `.pf-v5-c-overflow-menu__content` | `<div>` | Initiates an overflow menu content section. **Required** |
-| `.pf-v5-c-overflow-menu__control` | `<div>` | Initiates the overflow menu control. **Required** |
-| `.pf-v5-c-overflow-menu__group` | `<div>` | Initiates an overflow menu group. |
-| `.pf-v5-c-overflow-menu__item` | `<div>` | Initiates an overflow menu item. **Required** |
+| `.pf-v6-c-overflow-menu` | `<div>` | Initiates an overflow menu. **Required** |
+| `.pf-v6-c-overflow-menu__content` | `<div>` | Initiates an overflow menu content section. **Required** |
+| `.pf-v6-c-overflow-menu__control` | `<div>` | Initiates the overflow menu control. **Required** |
+| `.pf-v6-c-overflow-menu__group` | `<div>` | Initiates an overflow menu group. |
+| `.pf-v6-c-overflow-menu__item` | `<div>` | Initiates an overflow menu item. **Required** |
 
 ### Group types
 
@@ -147,9 +147,9 @@ The action group consists of a primary and secondary action. Any additional acti
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-overflow-menu__group` | `<div>` | Initiates an overflow menu component group. |
-| `.pf-m-button-group` | `.pf-v5-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v5-c-overflow-menu__group--m-button-group--spacer)`. Child `.pf-v5-c-button` spacer value is set to `var(--pf-v5-c-overflow-menu__group--m-button-group--space-items)`. |
-| `.pf-m-icon-button-group` | `.pf-v5-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer)`. Child `.pf-v5-c-button.pf-m-button-plain` spacer value is set to `var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items)`. |
+| `.pf-v6-c-overflow-menu__group` | `<div>` | Initiates an overflow menu component group. |
+| `.pf-m-button-group` | `.pf-v6-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-button-group--spacer)`. Child `.pf-v6-c-button` spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-button-group--space-items)`. |
+| `.pf-m-icon-button-group` | `.pf-v6-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-icon-button-group--spacer)`. Child `.pf-v6-c-button.pf-m-button-plain` spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-icon-button-group--space-items)`. |
 
 ### Additional options in dropdown (hidden)
 
@@ -378,10 +378,10 @@ The action group consists of a primary and secondary action. Any additional acti
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-overflow-menu` | `<div>` | Initiates an overflow menu. **Required** |
-| `.pf-v5-c-overflow-menu__content` | `<div>` | Initiates an overflow menu content section. **Required** |
-| `.pf-v5-c-overflow-menu__control` | `<div>` | Initiates the overflow menu control. **Required** |
-| `.pf-v5-c-overflow-menu__group` | `<div>` | Initiates an overflow menu group. |
-| `.pf-v5-c-overflow-menu__item` | `<div>` | Initiates an overflow menu item. **Required** |
-| `.pf-m-button-group` | `.pf-v5-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v5-c-overflow-menu__group--m-button-group--spacer)`. Child spacer value is set to `var(--pf-v5-c-overflow-menu__group--m-button-group--space-items)`. |
-| `.pf-m-icon-button-group` | `.pf-v5-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer)`. Child spacer value is set to `var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items)`. |
+| `.pf-v6-c-overflow-menu` | `<div>` | Initiates an overflow menu. **Required** |
+| `.pf-v6-c-overflow-menu__content` | `<div>` | Initiates an overflow menu content section. **Required** |
+| `.pf-v6-c-overflow-menu__control` | `<div>` | Initiates the overflow menu control. **Required** |
+| `.pf-v6-c-overflow-menu__group` | `<div>` | Initiates an overflow menu group. |
+| `.pf-v6-c-overflow-menu__item` | `<div>` | Initiates an overflow menu item. **Required** |
+| `.pf-m-button-group` | `.pf-v6-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-button-group--spacer)`. Child spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-button-group--space-items)`. |
+| `.pf-m-icon-button-group` | `.pf-v6-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-icon-button-group--spacer)`. Child spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-icon-button-group--space-items)`. |

package/docs/components/Page/deprecated/PageHeader.md

@@ -24,22 +24,22 @@ deprecated: true
   <main class="pf-v6-c-page__main" tabindex="-1">
     <section class="pf-v6-c-page__main-section pf-m-dark-100">
       This
-      <code>.pf-v5-c-page__main-section</code> uses
+      <code>.pf-v6-c-page__main-section</code> uses
       <code>.pf-m-dark-100</code>.
     </section>
     <section class="pf-v6-c-page__main-section pf-m-dark-200">
       This
-      <code>.pf-v5-c-page__main-section</code> uses
+      <code>.pf-v6-c-page__main-section</code> uses
       <code>.pf-m-dark-200</code>.
     </section>
     <section class="pf-v6-c-page__main-section pf-m-light">
       This
-      <code>.pf-v5-c-page__main-section</code> uses
+      <code>.pf-v6-c-page__main-section</code> uses
       <code>.pf-m-light</code>.
     </section>
     <section class="pf-v6-c-page__main-section">
       This is a default
-      <code>.pf-v5-c-page__main-section</code>.
+      <code>.pf-v6-c-page__main-section</code>.
     </section>
   </main>
 </div>
@@ -137,18 +137,18 @@ deprecated: true
   <main class="pf-v6-c-page__main" tabindex="-1">
     <section class="pf-v6-c-page__main-section">
       This
-      <code>.pf-v5-c-page__main-section</code> has default padding.
+      <code>.pf-v6-c-page__main-section</code> has default padding.
     </section>
     <section class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light">
       This
-      <code>.pf-v5-c-page__main-section</code> uses
+      <code>.pf-v6-c-page__main-section</code> uses
       <code>.pf-m-no-padding</code> to remove all padding.
     </section>
     <section
       class="pf-v6-c-page__main-section pf-m-no-padding pf-m-padding-on-md"
     >
       This
-      <code>.pf-v5-c-page__main-section</code> uses
+      <code>.pf-v6-c-page__main-section</code> uses
       <code>.pf-m-no-padding .pf-m-padding-on-md</code> to remove padding up to the
       <code>md</code> breakpoint.
     </section>
@@ -173,25 +173,25 @@ deprecated: true
   </div>
   <main class="pf-v6-c-page__main" tabindex="-1">
     <section class="pf-v6-c-page__main-subnav">
-      <code>.pf-v5-c-page__main-subnav</code> for horizontal subnav navigation
+      <code>.pf-v6-c-page__main-subnav</code> for horizontal subnav navigation
     </section>
     <section class="pf-v6-c-page__main-nav">
-      <code>.pf-v5-c-page__main-nav</code> for tertiary navigation
+      <code>.pf-v6-c-page__main-nav</code> for tertiary navigation
     </section>
     <section class="pf-v6-c-page__main-tabs">
-      <code>.pf-v5-c-page__main-tabs</code> for tabs
+      <code>.pf-v6-c-page__main-tabs</code> for tabs
     </section>
     <div class="pf-v6-c-page__main-group">
-      <code>.pf-v5-c-page__main-group</code> for a group of page sections
+      <code>.pf-v6-c-page__main-group</code> for a group of page sections
     </div>
     <section class="pf-v6-c-page__main-breadcrumb">
-      <code>.pf-v5-c-page__main-breadcrumb</code> for breadcrumbs
+      <code>.pf-v6-c-page__main-breadcrumb</code> for breadcrumbs
     </section>
     <section class="pf-v6-c-page__main-section">
-      <code>.pf-v5-c-page__main-section</code> for main sections
+      <code>.pf-v6-c-page__main-section</code> for main sections
     </section>
     <section class="pf-v6-c-page__main-wizard">
-      <code>.pf-v5-c-page__main-wizard</code> for wizards
+      <code>.pf-v6-c-page__main-wizard</code> for wizards
     </section>
   </main>
 </div>
@@ -217,7 +217,7 @@ deprecated: true
         <div class="pf-v6-c-card">
           <div class="pf-v6-c-card__body">
             When a width limited page section is wider than the value of
-            <code>--pf-v5-c-page--section--m-limit-width--MaxWidth</code>, the section will be centered in the main section.
+            <code>--pf-v6-c-page--section--m-limit-width--MaxWidth</code>, the section will be centered in the main section.
             <br />
             <br />The content in this example is placed in a card to better illustrate how the section behaves when it is centered. A card is not required to center a page section.
           </div>
@@ -239,23 +239,23 @@ The page header component is a deprecated approach to building a header on the p
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `role="banner"` | `.pf-v5-c-page__header` | Identifies the element that serves as the banner region. |
-| `aria-expanded="true/false"` | `.pf-v5-c-page__header-brand-toggle > .pf-v5-c-button` | Indicates that the expandable content is visible and the current state of the contents. **Required** |
-| `aria-controls="[id of nav]"` | `.pf-v5-c-page__header-brand-toggle > .pf-v5-c-button` | Identifies the element controlled by the toggle. **Required**
+| `role="banner"` | `.pf-v6-c-page__header` | Identifies the element that serves as the banner region. |
+| `aria-expanded="true/false"` | `.pf-v6-c-page__header-brand-toggle > .pf-v6-c-button` | Indicates that the expandable content is visible and the current state of the contents. **Required** |
+| `aria-controls="[id of nav]"` | `.pf-v6-c-page__header-brand-toggle > .pf-v6-c-button` | Identifies the element controlled by the toggle. **Required**
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-page__header` | `<header>` |   Declares the page header. |
-| `.pf-v5-c-page__header-brand` | `<div>` |   Creates a header container to nest the brand component. |
-| `.pf-v5-c-page__header-brand-toggle` | `<div>` |   Creates a container to nest the sidebar toggle. |
-| `.pf-v5-c-page__header-brand-link` | `<a>`, `<span>` |   Creates a link for the brand logo. Use a `<span>` if there is no link. |
-| `.pf-v5-c-page__header-selector` | `<div>` |   Creates a header container to nest the context selector component. |
-| `.pf-v5-c-page__header-nav` | `<div>` |   Creates a container to nest the navigation component in the header. |
-| `.pf-v5-c-page__header-tools` | `<div>` |   Creates a container to nest the icons and menus in header. |
-| `.pf-v5-c-page__header-tools-group` | `<div>` |  Creates a container for grouping sets of icons and menus in header. |
-| `.pf-v5-c-page__header-tools-item` | `<div>` |  Creates a container for an item in a header tools group. |
-| `.pf-m-selected` | `.pf-v5-c-page__header-tools-item` | Modifies a header tools item to indicate that the button inside is in the selected state. |
-| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v5-c-page__header-tools-group`, `.pf-v5-c-page__header-tools-item` | Hides a header tools group or item at an optional breakpoint, or hides it at all [breakpoints](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) with `.pf-m-hidden`. |
-| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v5-c-page__header-tools-group`, `.pf-v5-c-page__header-tools-item` | Shows a header tools group or item at an optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-v6-c-page__header` | `<header>` |   Declares the page header. |
+| `.pf-v6-c-page__header-brand` | `<div>` |   Creates a header container to nest the brand component. |
+| `.pf-v6-c-page__header-brand-toggle` | `<div>` |   Creates a container to nest the sidebar toggle. |
+| `.pf-v6-c-page__header-brand-link` | `<a>`, `<span>` |   Creates a link for the brand logo. Use a `<span>` if there is no link. |
+| `.pf-v6-c-page__header-selector` | `<div>` |   Creates a header container to nest the context selector component. |
+| `.pf-v6-c-page__header-nav` | `<div>` |   Creates a container to nest the navigation component in the header. |
+| `.pf-v6-c-page__header-tools` | `<div>` |   Creates a container to nest the icons and menus in header. |
+| `.pf-v6-c-page__header-tools-group` | `<div>` |  Creates a container for grouping sets of icons and menus in header. |
+| `.pf-v6-c-page__header-tools-item` | `<div>` |  Creates a container for an item in a header tools group. |
+| `.pf-m-selected` | `.pf-v6-c-page__header-tools-item` | Modifies a header tools item to indicate that the button inside is in the selected state. |
+| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v6-c-page__header-tools-group`, `.pf-v6-c-page__header-tools-item` | Hides a header tools group or item at an optional breakpoint, or hides it at all [breakpoints](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) with `.pf-m-hidden`. |
+| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v6-c-page__header-tools-group`, `.pf-v6-c-page__header-tools-item` | Shows a header tools group or item at an optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |