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

package/docs/components/LogViewer/examples/LogViewer.md

@@ -1,7 +1,7 @@
 ---
 id: 'Log viewer'
 section: extensions
-cssPrefix: pf-v5-c-log-viewer
+cssPrefix: pf-v6-c-log-viewer
 ---import './LogViewer.css';
 
 ## Examples
@@ -11,7 +11,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer"
-  style="--pf-v5-c-log-viewer__index--Width: 75px"
+  style="--pf-v6-c-log-viewer__index--Width: 75px"
   tabindex="0"
   role="region"
   aria-label="Basic log viewer"
@@ -1155,7 +1155,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer pf-m-line-numbers pf-m-line-number-chars"
-  style="--pf-v5-c-log-viewer--line-number-chars: 6"
+  style="--pf-v6-c-log-viewer--line-number-chars: 6"
   tabindex="0"
   role="region"
   aria-label="Log viewer with line numbers"
@@ -1727,7 +1727,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer pf-m-line-numbers pf-m-wrap-text"
-  style="--pf-v5-c-log-viewer__index--Width: 75px"
+  style="--pf-v6-c-log-viewer__index--Width: 75px"
   tabindex="0"
   role="region"
   aria-label="Log viewer with text wrapping"
@@ -2299,7 +2299,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer pf-m-line-numbers pf-m-nowrap"
-  style="--pf-v5-c-log-viewer__index--Width: 75px"
+  style="--pf-v6-c-log-viewer__index--Width: 75px"
   tabindex="0"
   role="region"
   aria-label="Log viewer without text wrapping"
@@ -2871,7 +2871,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer pf-m-line-numbers"
-  style="--pf-v5-c-log-viewer__index--Width: 75px;"
+  style="--pf-v6-c-log-viewer__index--Width: 75px;"
   tabindex="0"
   role="region"
   aria-label="Log viewer with search results"
@@ -3513,7 +3513,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer pf-m-line-numbers"
-  style="--pf-v5-c-log-viewer__index--Width: 75px; --pf-v5-c-log-viewer--MaxHeight: 300px;"
+  style="--pf-v6-c-log-viewer__index--Width: 75px; --pf-v6-c-log-viewer--MaxHeight: 300px;"
   tabindex="0"
   role="region"
   aria-label="Log viewer with max height"
@@ -4085,7 +4085,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer pf-m-line-numbers"
-  style="--pf-v5-c-log-viewer__index--Width: 75px"
+  style="--pf-v6-c-log-viewer__index--Width: 75px"
   tabindex="0"
   role="region"
   aria-label="Log viewer with dropdown, drilldown, search expanded"
@@ -4655,7 +4655,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer pf-m-line-numbers"
-  style="--pf-v5-c-log-viewer__index--Width: 75px"
+  style="--pf-v6-c-log-viewer__index--Width: 75px"
   tabindex="0"
   role="region"
   aria-label="Log viewer with popover open"
@@ -5260,7 +5260,7 @@ cssPrefix: pf-v5-c-log-viewer
 ```html
 <div
   class="pf-v6-c-log-viewer pf-m-line-numbers pf-m-dark"
-  style="--pf-v5-c-log-viewer__index--Width: 75px"
+  style="--pf-v6-c-log-viewer__index--Width: 75px"
   tabindex="0"
   role="region"
   aria-label="Dark log viewer"
@@ -5904,33 +5904,33 @@ cssPrefix: pf-v5-c-log-viewer
 
 | Attribute | Applied | Outcome |
 | -- | -- | -- |
-| `aria-label="Log viewer"` | `.pf-v5-c-log-viewer` | Provides an accessible label for the log viewer. |
-| `role="log"` | `.pf-v5-c-log-viewer__main` | Identifies an element that creates a live region where new information is added in a meaningful order and old information may disappear. **Required** |
-| `aria-live="polite"` | `.pf-v5-c-log-viewer__list` | Allows assistive technologies to automatically read new content within the aria-live region on the place where the text is displayed. |
-| `aria-atomic="true"` | `.pf-v5-c-log-viewer__list` | Allows assistive technologies to notify a user when log messages are added. |
-| `tabindex="0"` | `.pf-v5-c-log-viewer`, `.pf-v5-c-log-viewer__list` | Inserts the element into the tab order of the page so that it is focusable. **Required** |
-| `aria-hidden="true"` | `.pf-v5-c-log-viewer__index` | Hides an index from assistive technologies. |
+| `aria-label="Log viewer"` | `.pf-v6-c-log-viewer` | Provides an accessible label for the log viewer. |
+| `role="log"` | `.pf-v6-c-log-viewer__main` | Identifies an element that creates a live region where new information is added in a meaningful order and old information may disappear. **Required** |
+| `aria-live="polite"` | `.pf-v6-c-log-viewer__list` | Allows assistive technologies to automatically read new content within the aria-live region on the place where the text is displayed. |
+| `aria-atomic="true"` | `.pf-v6-c-log-viewer__list` | Allows assistive technologies to notify a user when log messages are added. |
+| `tabindex="0"` | `.pf-v6-c-log-viewer`, `.pf-v6-c-log-viewer__list` | Inserts the element into the tab order of the page so that it is focusable. **Required** |
+| `aria-hidden="true"` | `.pf-v6-c-log-viewer__index` | Hides an index from assistive technologies. |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-log-viewer` | `<div>` | Initiates a log viewer. **Required** |
-| `.pf-v5-c-log-viewer__header` | `<div>` | Initiates the header container for a log viewer. **Required** |
-| `.pf-v5-c-log-viewer__main` | `<div>` | Initiates the main container for a log viewer. **Required** |
-| `.pf-v5-c-log-viewer__scroll-container` | `<div>` | Initiates the scroll container for a log viewer. **Required** |
-| `.pf-v5-c-log-viewer__list` | `<ul>` | Initiates the log viewer list. **Required** |
-| `.pf-v5-c-log-viewer__list-item` | `<li>` | Initiates a log viewer list item. **Required** |
-| `.pf-v5-c-log-viewer__index` | `<span>` | Initiates a log viewer index element. **Required for numbered list** |
-| `.pf-v5-c-log-viewer__text` | `<div>` | Initiates a log viewer text element. **Required** |
-| `.pf-v5-c-log-viewer__string` | `<span>` | Initiates a log viewer string element. |
-| `.pf-v5-c-log-viewer__timestamp` | `<div>` | Initiates a log viewer text element. **Required** |
-| `.pf-m-wrap-text` | `.pf-v5-c-log-viewer` | Modifies the log viewer text to wrap. |
-| `.pf-m-nowrap` | `.pf-v5-c-log-viewer` | Modifies the log viewer text to not wrap. |
-| `.pf-m-line-numbers` | `.pf-v5-c-log-viewer` | Modifies the log viewer to display line numbers. |
-| `.pf-m-line-number-chars` | `.pf-v5-c-log-viewer` | Modifies the log viewer allow for a custom line number column size. Use with `--pf-v5-c-log-viewer--line-number-chars`. |
-| `.pf-m-dark` | `.pf-v5-c-log-viewer` | Modifies the log viewer content for dark theme. |
-| `.pf-m-match` | `.pf-v5-c-log-viewer__string` | Indicates a string is a search result. |
-| `.pf-m-current` | `.pf-v5-c-log-viewer__string` | Indicates a string is the current search result. |
-| `--pf-v5-c-log-viewer--line-number-chars` | `.pf-v5-c-log-viewer` | With a number passed as the value, modifies the width of the line number column to show the specified number of characters. |
-| `--pf-v5-c-log-viewer--MaxHeight{-on-[breakpoint]}: {height}` | `.pf-v5-c-log-viewer` |  Modifies the height value of a log viewer at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-v6-c-log-viewer` | `<div>` | Initiates a log viewer. **Required** |
+| `.pf-v6-c-log-viewer__header` | `<div>` | Initiates the header container for a log viewer. **Required** |
+| `.pf-v6-c-log-viewer__main` | `<div>` | Initiates the main container for a log viewer. **Required** |
+| `.pf-v6-c-log-viewer__scroll-container` | `<div>` | Initiates the scroll container for a log viewer. **Required** |
+| `.pf-v6-c-log-viewer__list` | `<ul>` | Initiates the log viewer list. **Required** |
+| `.pf-v6-c-log-viewer__list-item` | `<li>` | Initiates a log viewer list item. **Required** |
+| `.pf-v6-c-log-viewer__index` | `<span>` | Initiates a log viewer index element. **Required for numbered list** |
+| `.pf-v6-c-log-viewer__text` | `<div>` | Initiates a log viewer text element. **Required** |
+| `.pf-v6-c-log-viewer__string` | `<span>` | Initiates a log viewer string element. |
+| `.pf-v6-c-log-viewer__timestamp` | `<div>` | Initiates a log viewer text element. **Required** |
+| `.pf-m-wrap-text` | `.pf-v6-c-log-viewer` | Modifies the log viewer text to wrap. |
+| `.pf-m-nowrap` | `.pf-v6-c-log-viewer` | Modifies the log viewer text to not wrap. |
+| `.pf-m-line-numbers` | `.pf-v6-c-log-viewer` | Modifies the log viewer to display line numbers. |
+| `.pf-m-line-number-chars` | `.pf-v6-c-log-viewer` | Modifies the log viewer allow for a custom line number column size. Use with `--pf-v6-c-log-viewer--line-number-chars`. |
+| `.pf-m-dark` | `.pf-v6-c-log-viewer` | Modifies the log viewer content for dark theme. |
+| `.pf-m-match` | `.pf-v6-c-log-viewer__string` | Indicates a string is a search result. |
+| `.pf-m-current` | `.pf-v6-c-log-viewer__string` | Indicates a string is the current search result. |
+| `--pf-v6-c-log-viewer--line-number-chars` | `.pf-v6-c-log-viewer` | With a number passed as the value, modifies the width of the line number column to show the specified number of characters. |
+| `--pf-v6-c-log-viewer--MaxHeight{-on-[breakpoint]}: {height}` | `.pf-v6-c-log-viewer` |  Modifies the height value of a log viewer at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |

package/docs/components/Login/examples/Login.md

@@ -1,7 +1,7 @@
 ---
 id: Login page
 section: components
-cssPrefix: pf-v5-c-login
+cssPrefix: pf-v6-c-login
 wrapperTag: div
 ---## Examples
 
@@ -1200,23 +1200,23 @@ wrapperTag: div
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-login` | `<div>` | Initializes the login component. **Required**|
-| `.pf-v5-c-login__container` | `<div>` | Positions the login component content. **Required**|
-| `.pf-v5-c-login__header` | `<header>` | Positions the login header. **Required**|
-| `.pf-v5-c-login__header .pf-v5-c-brand` | `<img>` | Creates a brand image inside of login header. **Required** |
-| `.pf-v5-c-login__main` | `<main>` | Positions the login main area. **Required** |
-| `.pf-v5-c-login__main-header` | `<header>` | Creates the header of the main area. **Required** |
-| `.pf-v5-c-login__main-header .pf-v5-c-title` | `<h1>,<h2>,<h3>,<h4>,<h5>,<h6>` | Creates a title in the main header area. **Required** |
-| `.pf-v5-c-login__main-header-desc` | `<p>` | Creates the description in the main area header. |
-| `.pf-v5-c-login__main-header-utilities` | `<div>` | Creates a utilities section in the main header area. **Note:** For use with a language selector menu. |
-| `.pf-v5-c-login__main-body` | `<div>` | Creates the body of the main area. **Required** |
-| `.pf-v5-c-login__main-body .pf-v5-c-form` | `<form>` | Creates the login form in the main body area. **Required**|
-| `.pf-v5-c-login__main-body .pf-v5-c-form .pf-v5-c-form-helper-text` | `<form>` | Creates the error messages shown when the form has errors. When not active, apply `.pf-m-hidden`. **Required** |
-| `.pf-v5-c-login__main-footer` | `<footer>` | Creates the footer of the main area. **Required** |
-| `.pf-v5-c-login__main-footer-links` | `<ul>` | Creates a list of links in the main footer. **Required** |
-| `.pf-v5-c-login__main-footer-links-item` | `<li>` | Creates proper spacing for links in the main footer. **Required** |
-| `.pf-v5-c-login__main-footer-links-item-link` | `<a>` | Creates link in links list in footer. **Required** |
-| `.pf-v5-c-login__main-footer-band` | `<div>` | Styles a band in the footer. |
-| `.pf-v5-c-login__main-footer-band-item` | `<p>` | Adds information to the band in the footer. |
-| `.pf-v5-c-login__footer` | `<footer>` | Positions the login footer. **Required** |
-| `.pf-v5-c-login__footer .pf-v5-c-list` | `<ul>` | Creates a list of links in the login footer. **Required** |
+| `.pf-v6-c-login` | `<div>` | Initializes the login component. **Required**|
+| `.pf-v6-c-login__container` | `<div>` | Positions the login component content. **Required**|
+| `.pf-v6-c-login__header` | `<header>` | Positions the login header. **Required**|
+| `.pf-v6-c-login__header .pf-v6-c-brand` | `<img>` | Creates a brand image inside of login header. **Required** |
+| `.pf-v6-c-login__main` | `<main>` | Positions the login main area. **Required** |
+| `.pf-v6-c-login__main-header` | `<header>` | Creates the header of the main area. **Required** |
+| `.pf-v6-c-login__main-header .pf-v6-c-title` | `<h1>,<h2>,<h3>,<h4>,<h5>,<h6>` | Creates a title in the main header area. **Required** |
+| `.pf-v6-c-login__main-header-desc` | `<p>` | Creates the description in the main area header. |
+| `.pf-v6-c-login__main-header-utilities` | `<div>` | Creates a utilities section in the main header area. **Note:** For use with a language selector menu. |
+| `.pf-v6-c-login__main-body` | `<div>` | Creates the body of the main area. **Required** |
+| `.pf-v6-c-login__main-body .pf-v6-c-form` | `<form>` | Creates the login form in the main body area. **Required**|
+| `.pf-v6-c-login__main-body .pf-v6-c-form .pf-v6-c-form-helper-text` | `<form>` | Creates the error messages shown when the form has errors. When not active, apply `.pf-m-hidden`. **Required** |
+| `.pf-v6-c-login__main-footer` | `<footer>` | Creates the footer of the main area. **Required** |
+| `.pf-v6-c-login__main-footer-links` | `<ul>` | Creates a list of links in the main footer. **Required** |
+| `.pf-v6-c-login__main-footer-links-item` | `<li>` | Creates proper spacing for links in the main footer. **Required** |
+| `.pf-v6-c-login__main-footer-links-item-link` | `<a>` | Creates link in links list in footer. **Required** |
+| `.pf-v6-c-login__main-footer-band` | `<div>` | Styles a band in the footer. |
+| `.pf-v6-c-login__main-footer-band-item` | `<p>` | Adds information to the band in the footer. |
+| `.pf-v6-c-login__footer` | `<footer>` | Positions the login footer. **Required** |
+| `.pf-v6-c-login__footer .pf-v6-c-list` | `<ul>` | Creates a list of links in the login footer. **Required** |

package/docs/components/Masthead/examples/masthead.md

@@ -1,7 +1,7 @@
 ---
 id: 'Masthead'
 section: components
-cssPrefix: pf-v5-c-masthead
+cssPrefix: pf-v6-c-masthead
 ---## Examples
 
 ### Basic
@@ -582,9 +582,9 @@ cssPrefix: pf-v5-c-masthead
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-masthead` | `<header>` | Initiates the masthead component. **Required** |
-| `.pf-v5-c-masthead__main` | `<div>` | Initiates the masthead main component. **Required** |
-| `.pf-v5-c-masthead__toggle` | `<span>` | Initiates the masthead toggle component. |
-| `.pf-v5-c-masthead__brand` | `<a>, <div>` | Initiates the masthead content component. |
-| `.pf-v5-c-masthead__content` | `<div>` | Initiates the masthead content component. |
-| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v5-c-masthead` | Modifies masthead horizontal padding at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-v6-c-masthead` | `<header>` | Initiates the masthead component. **Required** |
+| `.pf-v6-c-masthead__main` | `<div>` | Initiates the masthead main component. **Required** |
+| `.pf-v6-c-masthead__toggle` | `<span>` | Initiates the masthead toggle component. |
+| `.pf-v6-c-masthead__brand` | `<a>, <div>` | Initiates the masthead content component. |
+| `.pf-v6-c-masthead__content` | `<div>` | Initiates the masthead content component. |
+| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-masthead` | Modifies masthead horizontal padding at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |

package/docs/components/Menu/examples/Menu.md

@@ -2,7 +2,7 @@
 id: Menu
 section: components
 subsection: menus
-cssPrefix: pf-v5-c-menu
+cssPrefix: pf-v6-c-menu
 ---import './Menu.css'
 
 ## Examples
@@ -6367,67 +6367,67 @@ cssPrefix: pf-v5-c-menu
 
 | Attribute | Applied | Outcome |
 | -- | -- | -- |
-| `role="menu"` | `.pf-v5-c-menu__list` | Declares `.pf-v5-c-menu__list` as a menu. |
-| `disabled` | `button.pf-v5-c-menu__item` | When the menu item uses a button element, indicates that it is unavailable and removes it from keyboard focus. |
-| `role="menuitem"` | `.pf-v5-c-menu__item`, `.pf-v5-c-menu__list-item` (checkbox) | Assigns `.pf-v5-c-menu__item` as an option in a set of choices contained by a menu. |
-| `role="none"` | `.pf-v5-c-menu__list-item` | Removes semantic meaning from `.pf-v5-c-menu__list-item`. |
-| `aria-disabled="true"` | `.pf-v5-c-menu__item` | Indicates to assistive technologies that the menu item is disabled, but still allows it to be focusable via keyboard. Additional click prevention may be required. |
-| `tabindex="-1"` | `a.pf-v5-c-menu__item` | When the menu item uses a link element and has `aria-disabled="true"` passed in, removes it from keyboard focus. This is similar to passing `disabled` to a menu item that uses a button element. |
-| `aria-hidden="true"` | `.pf-v5-c-menu__item-icon`, `.pf-v5-c-menu__item-action-icon`, `.pf-v5-c-menu__item-external-icon`, `.pf-v5-c-menu__item-toggle-icon`, `.pf-v5-c-menu__item-select-icon` | Hides the icon from assistive technologies. |
-| `aria-label="Descriptive text"` | `.pf-v5-c-menu__item-action-icon` | There should always be descriptive text on an action icon because there is no visible descriptive text labelling the icon. |
-| `aria-label="Not starred"` | `.pf-v5-c-menu__item-action-icon.pf-m-favorite` | Provides an accessible label indicating that the favorite action is not selected. |
-| `aria-label="Starred"` | `.pf-v5-c-menu__item-action-icon.pf-m-favorite.pf-m-favorited` | Provides an accessible label indicating that the favorite action is selected. |
+| `role="menu"` | `.pf-v6-c-menu__list` | Declares `.pf-v6-c-menu__list` as a menu. |
+| `disabled` | `button.pf-v6-c-menu__item` | When the menu item uses a button element, indicates that it is unavailable and removes it from keyboard focus. |
+| `role="menuitem"` | `.pf-v6-c-menu__item`, `.pf-v6-c-menu__list-item` (checkbox) | Assigns `.pf-v6-c-menu__item` as an option in a set of choices contained by a menu. |
+| `role="none"` | `.pf-v6-c-menu__list-item` | Removes semantic meaning from `.pf-v6-c-menu__list-item`. |
+| `aria-disabled="true"` | `.pf-v6-c-menu__item` | Indicates to assistive technologies that the menu item is disabled, but still allows it to be focusable via keyboard. Additional click prevention may be required. |
+| `tabindex="-1"` | `a.pf-v6-c-menu__item` | When the menu item uses a link element and has `aria-disabled="true"` passed in, removes it from keyboard focus. This is similar to passing `disabled` to a menu item that uses a button element. |
+| `aria-hidden="true"` | `.pf-v6-c-menu__item-icon`, `.pf-v6-c-menu__item-action-icon`, `.pf-v6-c-menu__item-external-icon`, `.pf-v6-c-menu__item-toggle-icon`, `.pf-v6-c-menu__item-select-icon` | Hides the icon from assistive technologies. |
+| `aria-label="Descriptive text"` | `.pf-v6-c-menu__item-action-icon` | There should always be descriptive text on an action icon because there is no visible descriptive text labelling the icon. |
+| `aria-label="Not starred"` | `.pf-v6-c-menu__item-action-icon.pf-m-favorite` | Provides an accessible label indicating that the favorite action is not selected. |
+| `aria-label="Starred"` | `.pf-v6-c-menu__item-action-icon.pf-m-favorite.pf-m-favorited` | Provides an accessible label indicating that the favorite action is selected. |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-menu` | `<div>` | Initiates the menu. **Required** |
-| `.pf-v5-c-menu__header` | `<div>` | Initiates the menu header container. |
-| `.pf-v5-c-menu__search` | `<div>` | Initiates the menu search container. Use for filtering. |
-| `.pf-v5-c-menu__search-input` | `<div>` | Initiates the menu search input container. |
-| `.pf-v5-c-menu__content` | `<div>` | Initiates the menu content. Use for lists. **Required** |
-| `.pf-v5-c-menu__list` | `<ul>` | Initiates the menu list. **Required** |
-| `.pf-v5-c-menu__list-item` | `<li>` | Initiates the menu list item. **Required** |
-| `.pf-v5-c-menu__item` | `<button>`, `<a>`, `<div>`, `<label>` | Initiates the menu item. **Required** |
-| `.pf-v5-c-menu__item-main` | `<span>` | Initiates the menu item main container. **Required** |
-| `.pf-v5-c-menu__item-text` | `<span>` | Initiates the menu item text. **Required** |
-| `.pf-v5-c-menu__item-check` | `<span>` | Initiates a menu label. |
-| `.pf-v5-c-menu__item-description` | `<span>` | Initiates the menu item description. |
-| `.pf-v5-c-menu__item-group` | `<section>` | Initiates the menu item group. |
-| `.pf-v5-c-menu__item-group-title` | `<h1>` | Initiates the menu item group title. |
-| `.pf-v5-c-menu__item-icon` | `<span>` | Initiates the menu item icon. |
-| `.pf-v5-c-menu__item-toggle-icon` | `<span>` | Initiates the menu item toggle icon. |
-| `.pf-v5-c-menu__item-select-icon` | `<span>` | Initiates the menu item select icon. |
-| `.pf-v5-c-menu__item-action` | `<button>` | Initiates the menu item action. |
-| `.pf-v5-c-menu__item-action-icon` | `<span>` | Initiates the menu item action icon. |
-| `.pf-v5-c-menu__item-external-icon` | `<span>` | Initiates the menu item external icon. |
-| `.pf-v5-c-menu__footer` | `<div>` | Initiates the menu footer. |
-| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v5-c-menu__list`, `.pf-v5-c-menu__list-item`, `.pf-v5-c-menu__group` | Modifies a menu element to be hidden, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v5-c-menu__list`, `.pf-v5-c-menu__list-item`, `.pf-v5-c-menu__group` | Modifies a menu element to be shown, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-favorite` | `.pf-v5-c-menu__item-action` | Modifies the menu item action to handle the favorite icon. |
-| `.pf-m-favorited` | `.pf-v5-c-menu__item-action.pf-m-favorite` | Modifies the menu item action icon to be favorited. |
-| `.pf-m-selected` | `.pf-v5-c-menu__item` | Modifies the menu item to be selected. |
-| `.pf-m-drill-up` | `.pf-v5-c-menu__list-item` | Flags the menu item as a drill up button. |
-| `.pf-m-flyout` | `.pf-v5-c-menu` | Modifies the menu so that all nested `.pf-v5-c-menu` elements "flyout". |
-| `.pf-m-nav` | `.pf-v5-c-menu` | Modifies the menu for nav variant. |
-| `.pf-m-top` | `.pf-v5-c-menu` | Modifies a flyout menu to expand to the top. |
-| `.pf-m-left` | `.pf-v5-c-menu` | Modifies a flyout menu to expand to the left. |
-| `.pf-m-plain` | `.pf-v5-c-menu` | Modifies the menu component for use in the page instead of as a dropdown. |
-| `.pf-m-scrollable` | `.pf-v5-c-menu` | Modifies the menu component content for scrollable styles. Scrollable content height can be customized by setting `--pf-v5-c-menu__content--MaxHeight`. |
-| `.pf-m-current` | `.pf-v5-c-menu__list-item` | Modifies a list item for current styles. |
-| `.pf-m-load` | `.pf-v5-c-menu__list-item` | Modifies a list item for "load more" styles. |
-| `.pf-m-loading` | `.pf-v5-c-menu__list-item` | Modifies a list item for loading styles. |
-| `.pf-m-disabled` | `.pf-v5-c-menu__item` | Modifies a list item for disabled styling. |
-| `.pf-m-aria-disabled` | `.pf-v5-c-menu__item` | Modifies a list item for aria-disabled styling. |
-| `.pf-m-drilldown` | `.pf-v5-c-menu` | Modifies the menu so that all nested `.pf-v5-c-menu` elements "drill down". |
-| `.pf-m-current-path` | `.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item` | Modifies the menu list item for current path state. |
-| `.pf-m-drilled-in` | `.pf-v5-c-menu.pf-m-drilldown, .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu` | Modifies the menu list for drilled in state. |
-| `.pf-m-static` | `.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu` | Modifies the menu list for drilled static state. |
-| `.pf-m-danger` | `.pf-v5-c-menu__item-text` | Modifies a list item for danger styles. |
-| `--pf-v5-c-menu--Width: {width}` | `.pf-v5-c-menu` | Modifies the width of the menu. The default value is `auto`. |
-| `--pf-v5-c-menu__content--MaxHeight: {height}` | `.pf-v5-c-menu__content` | Modifies the height of the menu content. Update this value when header and/or footer elements are intended to be fixed. |
-| `--pf-v5-c-menu__content--Height: {height}` | `.pf-v5-c-menu` | Modifies the height of the drilldown menu content. The default value is `auto`. |
-| `--pf-v5-c-menu--m-flyout__menu--top-offset` | `.pf-v5-c-menu` | Modifies the menu to allow for an offset to the top positioning. |
-| `--pf-v5-c-menu--m-flyout__menu--left-offset` | `.pf-v5-c-menu` | Modifies the menu to allow for an offset to the left positioning. |
-| `--pf-v5-c-menu--m-flyout__menu--m-left--right-offset` | `.pf-v5-c-menu.pf-m-flyout > .pf-v5-c-menu` | Modifies the menu to allow for an offset to the right positioning. |
+| `.pf-v6-c-menu` | `<div>` | Initiates the menu. **Required** |
+| `.pf-v6-c-menu__header` | `<div>` | Initiates the menu header container. |
+| `.pf-v6-c-menu__search` | `<div>` | Initiates the menu search container. Use for filtering. |
+| `.pf-v6-c-menu__search-input` | `<div>` | Initiates the menu search input container. |
+| `.pf-v6-c-menu__content` | `<div>` | Initiates the menu content. Use for lists. **Required** |
+| `.pf-v6-c-menu__list` | `<ul>` | Initiates the menu list. **Required** |
+| `.pf-v6-c-menu__list-item` | `<li>` | Initiates the menu list item. **Required** |
+| `.pf-v6-c-menu__item` | `<button>`, `<a>`, `<div>`, `<label>` | Initiates the menu item. **Required** |
+| `.pf-v6-c-menu__item-main` | `<span>` | Initiates the menu item main container. **Required** |
+| `.pf-v6-c-menu__item-text` | `<span>` | Initiates the menu item text. **Required** |
+| `.pf-v6-c-menu__item-check` | `<span>` | Initiates a menu label. |
+| `.pf-v6-c-menu__item-description` | `<span>` | Initiates the menu item description. |
+| `.pf-v6-c-menu__item-group` | `<section>` | Initiates the menu item group. |
+| `.pf-v6-c-menu__item-group-title` | `<h1>` | Initiates the menu item group title. |
+| `.pf-v6-c-menu__item-icon` | `<span>` | Initiates the menu item icon. |
+| `.pf-v6-c-menu__item-toggle-icon` | `<span>` | Initiates the menu item toggle icon. |
+| `.pf-v6-c-menu__item-select-icon` | `<span>` | Initiates the menu item select icon. |
+| `.pf-v6-c-menu__item-action` | `<button>` | Initiates the menu item action. |
+| `.pf-v6-c-menu__item-action-icon` | `<span>` | Initiates the menu item action icon. |
+| `.pf-v6-c-menu__item-external-icon` | `<span>` | Initiates the menu item external icon. |
+| `.pf-v6-c-menu__footer` | `<div>` | Initiates the menu footer. |
+| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v6-c-menu__list`, `.pf-v6-c-menu__list-item`, `.pf-v6-c-menu__group` | Modifies a menu element to be hidden, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v6-c-menu__list`, `.pf-v6-c-menu__list-item`, `.pf-v6-c-menu__group` | Modifies a menu element to be shown, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-favorite` | `.pf-v6-c-menu__item-action` | Modifies the menu item action to handle the favorite icon. |
+| `.pf-m-favorited` | `.pf-v6-c-menu__item-action.pf-m-favorite` | Modifies the menu item action icon to be favorited. |
+| `.pf-m-selected` | `.pf-v6-c-menu__item` | Modifies the menu item to be selected. |
+| `.pf-m-drill-up` | `.pf-v6-c-menu__list-item` | Flags the menu item as a drill up button. |
+| `.pf-m-flyout` | `.pf-v6-c-menu` | Modifies the menu so that all nested `.pf-v6-c-menu` elements "flyout". |
+| `.pf-m-nav` | `.pf-v6-c-menu` | Modifies the menu for nav variant. |
+| `.pf-m-top` | `.pf-v6-c-menu` | Modifies a flyout menu to expand to the top. |
+| `.pf-m-left` | `.pf-v6-c-menu` | Modifies a flyout menu to expand to the left. |
+| `.pf-m-plain` | `.pf-v6-c-menu` | Modifies the menu component for use in the page instead of as a dropdown. |
+| `.pf-m-scrollable` | `.pf-v6-c-menu` | Modifies the menu component content for scrollable styles. Scrollable content height can be customized by setting `--pf-v6-c-menu__content--MaxHeight`. |
+| `.pf-m-current` | `.pf-v6-c-menu__list-item` | Modifies a list item for current styles. |
+| `.pf-m-load` | `.pf-v6-c-menu__list-item` | Modifies a list item for "load more" styles. |
+| `.pf-m-loading` | `.pf-v6-c-menu__list-item` | Modifies a list item for loading styles. |
+| `.pf-m-disabled` | `.pf-v6-c-menu__item` | Modifies a list item for disabled styling. |
+| `.pf-m-aria-disabled` | `.pf-v6-c-menu__item` | Modifies a list item for aria-disabled styling. |
+| `.pf-m-drilldown` | `.pf-v6-c-menu` | Modifies the menu so that all nested `.pf-v6-c-menu` elements "drill down". |
+| `.pf-m-current-path` | `.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item` | Modifies the menu list item for current path state. |
+| `.pf-m-drilled-in` | `.pf-v6-c-menu.pf-m-drilldown, .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu` | Modifies the menu list for drilled in state. |
+| `.pf-m-static` | `.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu` | Modifies the menu list for drilled static state. |
+| `.pf-m-danger` | `.pf-v6-c-menu__item-text` | Modifies a list item for danger styles. |
+| `--pf-v6-c-menu--Width: {width}` | `.pf-v6-c-menu` | Modifies the width of the menu. The default value is `auto`. |
+| `--pf-v6-c-menu__content--MaxHeight: {height}` | `.pf-v6-c-menu__content` | Modifies the height of the menu content. Update this value when header and/or footer elements are intended to be fixed. |
+| `--pf-v6-c-menu__content--Height: {height}` | `.pf-v6-c-menu` | Modifies the height of the drilldown menu content. The default value is `auto`. |
+| `--pf-v6-c-menu--m-flyout__menu--top-offset` | `.pf-v6-c-menu` | Modifies the menu to allow for an offset to the top positioning. |
+| `--pf-v6-c-menu--m-flyout__menu--left-offset` | `.pf-v6-c-menu` | Modifies the menu to allow for an offset to the left positioning. |
+| `--pf-v6-c-menu--m-flyout__menu--m-left--right-offset` | `.pf-v6-c-menu.pf-m-flyout > .pf-v6-c-menu` | Modifies the menu to allow for an offset to the right positioning. |

package/docs/components/MenuToggle/examples/MenuToggle.md

@@ -2,7 +2,7 @@
 id: 'Menu toggle'
 section: components
 subsection: menus
-cssPrefix: pf-v5-c-menu-toggle
+cssPrefix: pf-v6-c-menu-toggle
 ---import './MenuToggle.css'
 
 ## Examples
@@ -467,6 +467,90 @@ cssPrefix: pf-v5-c-menu-toggle
 
 ```
 
+### Small
+
+```html
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small"
+  type="button"
+  aria-expanded="false"
+  aria-label="Actions"
+>
+  <span class="pf-v6-c-menu-toggle__icon">
+    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-expanded"
+  type="button"
+  aria-expanded="true"
+  aria-label="Actions"
+>
+  <span class="pf-v6-c-menu-toggle__icon">
+    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-disabled"
+  type="button"
+  aria-expanded="false"
+  disabled
+  aria-label="Actions"
+>
+  <span class="pf-v6-c-menu-toggle__icon">
+    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  </span>
+</button>
+
+```
+
+### Small with text
+
+```html
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-text"
+  type="button"
+  aria-expanded="false"
+>
+  <span class="pf-v6-c-menu-toggle__text">Collapsed</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-text pf-m-expanded"
+  type="button"
+  aria-expanded="true"
+>
+  <span class="pf-v6-c-menu-toggle__text">Expanded</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-text pf-m-disabled"
+  type="button"
+  aria-expanded="false"
+  disabled
+>
+  <span class="pf-v6-c-menu-toggle__text">Disabled</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+
+```
+
 ### Split button, primary
 
 ```html
@@ -1021,29 +1105,29 @@ cssPrefix: pf-v5-c-menu-toggle
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `aria-expanded="true"` | `.pf-v5-c-menu-toggle`, `.pf-v5-c-menu-toggle__button` | Indicates that the menu toggle component is in the expanded state. |
-| `aria-expanded="false"` | `.pf-v5-c-menu-toggle`, `.pf-v5-c-menu-toggle__button` | Indicates that the menu toggle component is in the collapsed state. |
-| `aria-label="Descriptive text"` | `.pf-v5-c-menu-toggle`, `.pf-v5-c-menu-toggle.pf-m-plain` | Gives the menu toggle component an accessible label. Used whenever there is no text visible in the menu toggle. Often, plain modifiers are used when the menu toggle only contains an icon. |
-| `disabled` | `.pf-v5-c-menu-toggle`, `.pf-v5-c-menu-toggle__button` | Indicates that the menu toggle component is disabled. |
+| `aria-expanded="true"` | `.pf-v6-c-menu-toggle`, `.pf-v6-c-menu-toggle__button` | Indicates that the menu toggle component is in the expanded state. |
+| `aria-expanded="false"` | `.pf-v6-c-menu-toggle`, `.pf-v6-c-menu-toggle__button` | Indicates that the menu toggle component is in the collapsed state. |
+| `aria-label="Descriptive text"` | `.pf-v6-c-menu-toggle`, `.pf-v6-c-menu-toggle.pf-m-plain` | Gives the menu toggle component an accessible label. Used whenever there is no text visible in the menu toggle. Often, plain modifiers are used when the menu toggle only contains an icon. |
+| `disabled` | `.pf-v6-c-menu-toggle`, `.pf-v6-c-menu-toggle__button` | Indicates that the menu toggle component is disabled. |
 
 ### Usage
 
 | Class | Applied | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-menu-toggle` | `<button>` | Initiates the menu toggle component. |
-| `.pf-v5-c-menu-toggle__icon` | `<span>` | Defines the menu toggle component icon/image. |
-| `.pf-v5-c-menu-toggle__text` | `<span>` | Defines the menu toggle component text. |
-| `.pf-v5-c-menu-toggle__count` | `<span>` | Defines the menu toggle component count. |
-| `.pf-v5-c-menu-toggle__controls` | `<span>` | Defines the menu toggle component controls. |
-| `.pf-v5-c-menu-toggle__toggle-icon` | `<span>` | Defines the menu toggle component toggle/arrow icon. |
-| `.pf-v5-c-menu-toggle__button` | `<button>` | Initiates the menu toggle button. |
-| `.pf-m-split-button` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the split button variation. |
-| `.pf-m-action` | `.pf-v5-c-menu-toggle.pf-m-split-button` | Modifies the menu toggle component for the action, split button variation. |
-| `.pf-m-disabled` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the disabled variation. |
-| `.pf-m-primary` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the primary variation. |
-| `.pf-m-secondary` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the secondary variation. |
-| `.pf-m-text` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the text variation. |
-| `.pf-m-plain` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the plain variation. |
-| `.pf-m-expanded` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the expanded state. |
-| `.pf-m-full-height` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component to full height of parent. |
-| `.pf-m-full-width` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component to full width of parent. |
+| `.pf-v6-c-menu-toggle` | `<button>` | Initiates the menu toggle component. |
+| `.pf-v6-c-menu-toggle__icon` | `<span>` | Defines the menu toggle component icon/image. |
+| `.pf-v6-c-menu-toggle__text` | `<span>` | Defines the menu toggle component text. |
+| `.pf-v6-c-menu-toggle__count` | `<span>` | Defines the menu toggle component count. |
+| `.pf-v6-c-menu-toggle__controls` | `<span>` | Defines the menu toggle component controls. |
+| `.pf-v6-c-menu-toggle__toggle-icon` | `<span>` | Defines the menu toggle component toggle/arrow icon. |
+| `.pf-v6-c-menu-toggle__button` | `<button>` | Initiates the menu toggle button. |
+| `.pf-m-split-button` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the split button variation. |
+| `.pf-m-action` | `.pf-v6-c-menu-toggle.pf-m-split-button` | Modifies the menu toggle component for the action, split button variation. |
+| `.pf-m-disabled` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the disabled variation. |
+| `.pf-m-primary` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the primary variation. |
+| `.pf-m-secondary` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the secondary variation. |
+| `.pf-m-text` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the text variation. |
+| `.pf-m-plain` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the plain variation. |
+| `.pf-m-expanded` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the expanded state. |
+| `.pf-m-full-height` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component to full height of parent. |
+| `.pf-m-full-width` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component to full width of parent. |