@patternfly/patternfly 6.0.0-alpha.98 → 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"
@@ -89,19 +89,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-basic-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -673,19 +661,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-line-number-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -1179,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"
@@ -1257,19 +1233,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-line-number-chars-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -1763,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"
@@ -1841,19 +1805,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-text-wrap-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -2347,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"
@@ -2425,19 +2377,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-text-nowrap-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -2931,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"
@@ -3009,19 +2949,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-search-results-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -3585,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"
@@ -3663,19 +3591,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-max-height-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -4169,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"
@@ -4247,19 +4163,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-dropdowns-expanded-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -4751,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"
@@ -4829,19 +4733,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-popover-expanded-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -5368,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"
@@ -5446,19 +5338,7 @@ cssPrefix: pf-v5-c-log-viewer
                 aria-controls="log-viewer-dark-example-toolbar-expandable-content"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <svg
-                    class="pf-v5-svg"
-                    viewBox="0 0 192 512"
-                    fill="currentColor"
-                    aria-hidden="true"
-                    role="img"
-                    width="1em"
-                    height="1em"
-                  >
-                    <path
-                      d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                    />
-                  </svg>
+                  <i class="fas fa-search" aria-hidden="true"></i>
                 </span>
               </button>
             </div>
@@ -6024,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. |