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

package/docs/layouts/Bullseye/examples/Bullseye.md

@@ -1,7 +1,7 @@
 ---
 id: Bullseye
 section: layouts
-cssPrefix: pf-v5-l-bullseye
+cssPrefix: pf-v6-l-bullseye
 ---import './Bullseye.css'
 
 ## Examples
@@ -25,5 +25,5 @@ The bullseye layout is designed to center a single child element horizontally an
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-l-bullseye` | `<div>` | Initializes the bullseye layout. A bullseye can only have one child. |
-| `.pf-v5-l-bullseye__item` |  `<div>` | Explicitly sets the child for the bullseye. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
+| `.pf-v6-l-bullseye` | `<div>` | Initializes the bullseye layout. A bullseye can only have one child. |
+| `.pf-v6-l-bullseye__item` |  `<div>` | Explicitly sets the child for the bullseye. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |

package/docs/layouts/Flex/examples/Flex.md

@@ -1,7 +1,7 @@
 ---
 id: Flex
 section: layouts
-cssPrefix: pf-v5-l-flex
+cssPrefix: pf-v6-l-flex
 ---import './Flex.css'
 
 ## Introduction
@@ -94,8 +94,8 @@ The CSS approach, by keeping specificity low on base class properties and resett
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-l-flex` | `*` | Initiates the flex layout. **Required** |
-| `.pf-v5-l-flex__item` | `.pf-v5-l-flex > *` | Initiates a flex item. **Required** |
+| `.pf-v6-l-flex` | `*` | Initiates the flex layout. **Required** |
+| `.pf-v6-l-flex__item` | `.pf-v6-l-flex > *` | Initiates a flex item. **Required** |
 
 ## Spacing system
 
@@ -146,8 +146,8 @@ The CSS approach, by keeping specificity low on base class properties and resett
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-space-items-{none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}` | `.pf-v5-l-flex` |  Modifies the spacer between direct children along the main axis of a flex layout. |
-| `.pf-m-spacer-{none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}` | `.pf-v5-l-flex > *` |  Modifies the spacer for any individual direct child along the main axis of a flex layout. |
+| `.pf-m-space-items-{none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}` | `.pf-v6-l-flex` |  Modifies the spacer between direct children along the main axis of a flex layout. |
+| `.pf-m-spacer-{none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}` | `.pf-v6-l-flex > *` |  Modifies the spacer for any individual direct child along the main axis of a flex layout. |
 
 ## Gap spacing
 
@@ -227,9 +227,9 @@ The CSS approach, by keeping specificity low on base class properties and resett
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the space between columns and rows. |
-| `.pf-m-row-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the space between rows. |
-| `.pf-m-column-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the space between columns. |
+| `.pf-m-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the space between columns and rows. |
+| `.pf-m-row-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the space between rows. |
+| `.pf-m-column-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the space between columns. |
 
 ## Layout modifiers
 
@@ -363,16 +363,16 @@ Adjusting width with `.pf-m-flex-1`. In this example, all groups are set to `.pf
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-inline-flex{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout display property to inline-flex. |
-| `.pf-m-grow{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex-grow property to 1. |
-| `.pf-m-shrink{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex-shrink property to 1. |
-| `.pf-m-full-width{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex item to full width of parent. |
-| `.pf-m-flex-1{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 1 0 0. |
-| `.pf-m-flex-2{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 2 0 0. |
-| `.pf-m-flex-3{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 3 0 0. |
-| `.pf-m-flex-4{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 4 0 0. |
-| `.pf-m-flex-default{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Resets a nested flex layout or flex item flex shorthand property to 0 1 auto. |
-| `.pf-m-flex-none{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to none. |
+| `.pf-m-inline-flex{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout display property to inline-flex. |
+| `.pf-m-grow{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex-grow property to 1. |
+| `.pf-m-shrink{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex-shrink property to 1. |
+| `.pf-m-full-width{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex item to full width of parent. |
+| `.pf-m-flex-1{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 1 0 0. |
+| `.pf-m-flex-2{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 2 0 0. |
+| `.pf-m-flex-3{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 3 0 0. |
+| `.pf-m-flex-4{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 4 0 0. |
+| `.pf-m-flex-default{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Resets a nested flex layout or flex item flex shorthand property to 0 1 auto. |
+| `.pf-m-flex-none{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to none. |
 
 ## Column layout modifiers
 
@@ -427,7 +427,7 @@ Adjusting width with `.pf-m-flex-1`. In this example, all groups are set to `.pf
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-column{-on-[breakpoint]}` | `.pf-v5-l-flex` |  Modifies flex-direction property to column. |
+| `.pf-m-column{-on-[breakpoint]}` | `.pf-v6-l-flex` |  Modifies flex-direction property to column. |
 
 ## Responsive layouts
 
@@ -487,8 +487,8 @@ Adjusting width with `.pf-m-flex-1`. In this example, all groups are set to `.pf
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-column{-on-[breakpoint]}` | `.pf-v5-l-flex`  |  Modifies flex-direction property to column. |
-| `.pf-m-row{-on-[breakpoint]}` | `.pf-v5-l-flex`  |  Modifies flex-direction property to row. |
+| `.pf-m-column{-on-[breakpoint]}` | `.pf-v6-l-flex`  |  Modifies flex-direction property to column. |
+| `.pf-m-row{-on-[breakpoint]}` | `.pf-v6-l-flex`  |  Modifies flex-direction property to row. |
 
 ## Alignment
 
@@ -627,13 +627,13 @@ Aligning right with `.pf-m-align-right`. This solution will always align element
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies margin-inline-start property to auto. |
-| `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Resets margin-inline-start property 0. |
-| `.pf-m-align-self-flex-start{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies align-self property to flex-start. |
-| `.pf-m-align-self-flex-end{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies align-self property to flex-end. |
-| `.pf-m-align-self-flex-center{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies align-self property to center. |
-| `.pf-m-align-self-flex-baseline{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies align-self property to baseline. |
-| `.pf-m-align-self-flex-stretch{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies align-self property to stretch. |
+| `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies margin-inline-start property to auto. |
+| `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Resets margin-inline-start property 0. |
+| `.pf-m-align-self-flex-start{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies align-self property to flex-start. |
+| `.pf-m-align-self-flex-end{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies align-self property to flex-end. |
+| `.pf-m-align-self-flex-center{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies align-self property to center. |
+| `.pf-m-align-self-flex-baseline{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies align-self property to baseline. |
+| `.pf-m-align-self-flex-stretch{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies align-self property to stretch. |
 
 ## Justification
 
@@ -677,13 +677,13 @@ Aligning right with `.pf-m-align-right`. This solution will always align element
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-justify-content-flex-end{-on-[breakpoint]}` | `.pf-v5-l-flex` |  Modifies justification property and descendant spacing. |
-| `.pf-m-justify-content-flex-space-between{-on-[breakpoint]}` | `.pf-v5-l-flex` |  Modifies justification property and descendant spacing. |
-| `.pf-m-justify-content-flex-start{-on-[breakpoint]}` | `.pf-v5-l-flex` |  Modifies justification property and descendant spacing, used primarily to reset spacing to default. |
+| `.pf-m-justify-content-flex-end{-on-[breakpoint]}` | `.pf-v6-l-flex` |  Modifies justification property and descendant spacing. |
+| `.pf-m-justify-content-flex-space-between{-on-[breakpoint]}` | `.pf-v6-l-flex` |  Modifies justification property and descendant spacing. |
+| `.pf-m-justify-content-flex-start{-on-[breakpoint]}` | `.pf-v6-l-flex` |  Modifies justification property and descendant spacing, used primarily to reset spacing to default. |
 
 ## Ordering
 
-Ordering - Ordering can be applied to nested `.pf-v5-l-flex` and `.pf-v5-l-flex__item`s. Spacing may need to be managed based on how items are ordered. Because order could apply to an innumerable number of elements, order is set inline as `--pf-v5-l-flex--item--Order{-on-[breakpoint]}: {order}`.
+Ordering - Ordering can be applied to nested `.pf-v6-l-flex` and `.pf-v6-l-flex__item`s. Spacing may need to be managed based on how items are ordered. Because order could apply to an innumerable number of elements, order is set inline as `--pf-v5-l-flex--item--Order{-on-[breakpoint]}: {order}`.
 
 ### Basic ordering example
 
@@ -808,7 +808,7 @@ Ordering - Ordering can be applied to nested `.pf-v5-l-flex` and `.pf-v5-l-flex_
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `--pf-v5-l-flex--item--Order{-on-[breakpoint]}: {order}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies the flex layout element order property. |
+| `--pf-v6-l-flex--item--Order{-on-[breakpoint]}: {order}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies the flex layout element order property. |
 
 ## Flex layout as list
 
@@ -828,56 +828,56 @@ Ordering - Ordering can be applied to nested `.pf-v5-l-flex` and `.pf-v5-l-flex_
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-l-flex` | `*` | Initiates the flex layout. **Required** |
-| `.pf-v5-l-flex__item` | `.pf-v5-l-flex > *` | Initiates a flex item. **Required** |
-| `.pf-m-flex{-on-[breakpoint]}` | `.pf-v5-l-flex` | Initializes or resets the flex layout display property to flex. |
-| `.pf-m-inline-flex{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout display property to inline-flex. |
-| `.pf-m-grow{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex-grow property to 1. |
-| `.pf-m-shrink{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex-shrink property to 1. |
-| `.pf-m-full-width{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex item to full width of parent. |
-| `.pf-m-flex-1{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 1 0 0. |
-| `.pf-m-flex-2{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 2 0 0. |
-| `.pf-m-flex-3{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 3 0 0. |
-| `.pf-m-flex-4{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 4 0 0. |
-| `.pf-m-flex-default{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Resets a nested flex layout or flex item flex shorthand property to 0 1 auto. |
-| `.pf-m-flex-none{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to none. |
-| `.pf-m-column-reverse{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout flex-direction property to column-reverse. |
-| `.pf-m-row-reverse{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout flex-direction property to row-reverse. |
-| `.pf-m-wrap{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout flex-wrap property to wrap. |
-| `.pf-m-wrap-reverse{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout flex-wrap property to wrap-reverse. |
-| `.pf-m-nowrap{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout flex-wrap property to nowrap. |
-| `.pf-m-justify-content-flex-start{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout justify-content property to flex-start. |
-| `.pf-m-justify-content-flex-end{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout justify-content property to flex-end. |
-| `.pf-m-justify-content-center{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout justify-content property to center. |
-| `.pf-m-justify-content-space-between{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout justify-content property to space-between. |
-| `.pf-m-justify-content-space-around{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout justify-content property to space-around. |
-| `.pf-m-justify-content-space-evenly{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout justify-content property to space-evenly. |
-| `.pf-m-align-items-flex-start{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-items property to flex-start. |
-| `.pf-m-align-items-flex-end{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-items property to flex-end. |
-| `.pf-m-align-items-center{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-items property to center. |
-| `.pf-m-align-items-stretch{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-items property to stretch. |
-| `.pf-m-align-items-baseline{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-items property to baseline. |
-| `.pf-m-align-content-flex-start{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to flex-start. |
-| `.pf-m-align-content-flex-end{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to flex-end. |
-| `.pf-m-align-content-center{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to center. |
-| `.pf-m-align-content-stretch{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to stretch. |
-| `.pf-m-align-content-space-between{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to space-between. |
-| `.pf-m-align-content-space-around{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the flex layout align-content property to space-around. |
-| `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Resets the flex layout element margin-inline-start property to 0. |
-| `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies the flex layout element margin-inline-start property to auto. |
-| `--pf-v5-l-flex--item--Order{-on-[breakpoint]}: {order}` | `.pf-v5-l-flex > .pf-v5-l-flex`, `.pf-v5-l-flex__item` | Modifies the flex layout element order property. |
+| `.pf-v6-l-flex` | `*` | Initiates the flex layout. **Required** |
+| `.pf-v6-l-flex__item` | `.pf-v6-l-flex > *` | Initiates a flex item. **Required** |
+| `.pf-m-flex{-on-[breakpoint]}` | `.pf-v6-l-flex` | Initializes or resets the flex layout display property to flex. |
+| `.pf-m-inline-flex{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout display property to inline-flex. |
+| `.pf-m-grow{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex-grow property to 1. |
+| `.pf-m-shrink{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex-shrink property to 1. |
+| `.pf-m-full-width{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex item to full width of parent. |
+| `.pf-m-flex-1{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 1 0 0. |
+| `.pf-m-flex-2{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 2 0 0. |
+| `.pf-m-flex-3{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 3 0 0. |
+| `.pf-m-flex-4{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to 4 0 0. |
+| `.pf-m-flex-default{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Resets a nested flex layout or flex item flex shorthand property to 0 1 auto. |
+| `.pf-m-flex-none{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies a nested flex layout or flex item flex shorthand property to none. |
+| `.pf-m-column-reverse{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout flex-direction property to column-reverse. |
+| `.pf-m-row-reverse{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout flex-direction property to row-reverse. |
+| `.pf-m-wrap{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout flex-wrap property to wrap. |
+| `.pf-m-wrap-reverse{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout flex-wrap property to wrap-reverse. |
+| `.pf-m-nowrap{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout flex-wrap property to nowrap. |
+| `.pf-m-justify-content-flex-start{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout justify-content property to flex-start. |
+| `.pf-m-justify-content-flex-end{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout justify-content property to flex-end. |
+| `.pf-m-justify-content-center{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout justify-content property to center. |
+| `.pf-m-justify-content-space-between{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout justify-content property to space-between. |
+| `.pf-m-justify-content-space-around{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout justify-content property to space-around. |
+| `.pf-m-justify-content-space-evenly{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout justify-content property to space-evenly. |
+| `.pf-m-align-items-flex-start{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-items property to flex-start. |
+| `.pf-m-align-items-flex-end{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-items property to flex-end. |
+| `.pf-m-align-items-center{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-items property to center. |
+| `.pf-m-align-items-stretch{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-items property to stretch. |
+| `.pf-m-align-items-baseline{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-items property to baseline. |
+| `.pf-m-align-content-flex-start{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-content property to flex-start. |
+| `.pf-m-align-content-flex-end{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-content property to flex-end. |
+| `.pf-m-align-content-center{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-content property to center. |
+| `.pf-m-align-content-stretch{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-content property to stretch. |
+| `.pf-m-align-content-space-between{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-content property to space-between. |
+| `.pf-m-align-content-space-around{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the flex layout align-content property to space-around. |
+| `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Resets the flex layout element margin-inline-start property to 0. |
+| `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies the flex layout element margin-inline-start property to auto. |
+| `--pf-v6-l-flex--item--Order{-on-[breakpoint]}: {order}` | `.pf-v6-l-flex > .pf-v5-l-flex`, `.pf-v6-l-flex__item` | Modifies the flex layout element order property. |
 
 ### Spacer system usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-space-items-{none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}` | `.pf-v5-l-flex` |  Modifies the flex layout to add space between items on the main axis. |
-| `.pf-m-spacer-{none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}` | `.pf-v5-l-flex`, `.pf-v5-l-flex > .pf-v5-l-flex__item` |  Modifies the spacer for any direct child along the main axis of a flex layout. |
+| `.pf-m-space-items-{none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}` | `.pf-v6-l-flex` |  Modifies the flex layout to add space between items on the main axis. |
+| `.pf-m-spacer-{none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}` | `.pf-v6-l-flex`, `.pf-v6-l-flex > .pf-v5-l-flex__item` |  Modifies the spacer for any direct child along the main axis of a flex layout. |
 
 ### Gap spacing usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the space between columns and rows. |
-| `.pf-m-row-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the space between rows. |
-| `.pf-m-column-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v5-l-flex` | Modifies the space between columns. |
+| `.pf-m-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the space between columns and rows. |
+| `.pf-m-row-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the space between rows. |
+| `.pf-m-column-gap{-[none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl]}{-on-[breakpoint]}` | `.pf-v6-l-flex` | Modifies the space between columns. |

package/docs/layouts/Gallery/examples/Gallery.md

@@ -1,7 +1,7 @@
 ---
 id: Gallery
 section: layouts
-cssPrefix: pf-v5-l-gallery
+cssPrefix: pf-v6-l-gallery
 ---import './Gallery.css'
 
 ## Examples
@@ -171,8 +171,8 @@ The gallery layout is designed so that all of its children are of uniform size,
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-l-gallery` |  `<div>` |  Initializes a Gallery layout |
-| `.pf-v5-l-gallery__item` | `<div>` |  Explicitly sets the child for the gallery. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
-| `.pf-m-gutter` | `.pf-v5-l-gallery` | Adds space between children by using the globally defined gutter value. |
-| `--pf-v5-l-gallery--GridTemplateColumns--min{-on-[breakpoint]}: {width}` | `.pf-v5-l-gallery` | Modifies the min value of `grid-template-columns` declaration at the optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `--pf-v5-l-gallery--GridTemplateColumns--max{-on-[breakpoint]}: {width}` | `.pf-v5-l-gallery` | Modifies the max value of `grid-template-columns` declaration at the optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-v6-l-gallery` |  `<div>` |  Initializes a Gallery layout |
+| `.pf-v6-l-gallery__item` | `<div>` |  Explicitly sets the child for the gallery. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
+| `.pf-m-gutter` | `.pf-v6-l-gallery` | Adds space between children by using the globally defined gutter value. |
+| `--pf-v6-l-gallery--GridTemplateColumns--min{-on-[breakpoint]}: {width}` | `.pf-v6-l-gallery` | Modifies the min value of `grid-template-columns` declaration at the optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `--pf-v6-l-gallery--GridTemplateColumns--max{-on-[breakpoint]}: {width}` | `.pf-v6-l-gallery` | Modifies the max value of `grid-template-columns` declaration at the optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |

package/docs/layouts/Grid/examples/Grid.md

@@ -1,7 +1,7 @@
 ---
 id: Grid
 section: layouts
-cssPrefix: pf-v5-l-grid
+cssPrefix: pf-v6-l-grid
 ---import './Grid.css'
 
 ## Examples
@@ -315,10 +315,10 @@ The grid layout is based on CSS Grid’s two-dimensional system of columns and r
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-l-grid` | `<div>` | Initializes the grid layout. |
-| `.pf-v5-l-grid__item` | `<div>` | Explicitly sets a child of the grid. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
-| `.pf-m-gutter` | `.pf-v5-l-grid` | Adds space between children by using the globally defined gutter value. |
-| `.pf-m-all-{1-12}-col{-on-[breakpoint]}` | `.pf-v5-l-grid` | Defines grid item size on grid container at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-{1-12}-col{-on-[breakpoint]}` | `.pf-v5-l-grid__item` | Defines grid item size at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes).  Although not required, they are strongly suggested. If not used, grid item will default to 12 col. |
-| `.pf-m-{2-x}-row{-on-[breakpoint]}` | `.pf-v5-l-grid__item` | Defines grid item row span at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes).  For row spans to function correctly, the value of of the current row plus the grid items to span must be equal to or less than 12. Example: .pf-m-8-col.pf-m-2-row + .pf-m-4-col + .pf-m-4-col. There is no limit to number of spanned rows. |
-| `--pf-v5-l-grid--item--Order{-on-[breakpoint]}: {order}` | `.pf-v5-l-grid > .pf-v5-l-grid`, `.pf-v5-l-grid__item` | Modifies the order of the grid layout element at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-v6-l-grid` | `<div>` | Initializes the grid layout. |
+| `.pf-v6-l-grid__item` | `<div>` | Explicitly sets a child of the grid. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
+| `.pf-m-gutter` | `.pf-v6-l-grid` | Adds space between children by using the globally defined gutter value. |
+| `.pf-m-all-{1-12}-col{-on-[breakpoint]}` | `.pf-v6-l-grid` | Defines grid item size on grid container at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-{1-12}-col{-on-[breakpoint]}` | `.pf-v6-l-grid__item` | Defines grid item size at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes).  Although not required, they are strongly suggested. If not used, grid item will default to 12 col. |
+| `.pf-m-{2-x}-row{-on-[breakpoint]}` | `.pf-v6-l-grid__item` | Defines grid item row span at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes).  For row spans to function correctly, the value of of the current row plus the grid items to span must be equal to or less than 12. Example: .pf-m-8-col.pf-m-2-row + .pf-m-4-col + .pf-m-4-col. There is no limit to number of spanned rows. |
+| `--pf-v6-l-grid--item--Order{-on-[breakpoint]}: {order}` | `.pf-v6-l-grid > .pf-v5-l-grid`, `.pf-v6-l-grid__item` | Modifies the order of the grid layout element at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |

package/docs/layouts/Level/examples/Level.md

@@ -1,7 +1,7 @@
 ---
 id: Level
 section: layouts
-cssPrefix: pf-v5-l-level
+cssPrefix: pf-v6-l-level
 ---import './Level.css'
 
 ## Examples
@@ -48,6 +48,6 @@ The level layout is designed to distribute space between children evenly and cen
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-l-level` | `<div>`, `<section>`, or `<article>` | Initializes the level layout |
-| `.pf-v5-l-level__item` | `<div>` | Explicitly sets a child of the level. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
-| `.pf-m-gutter` | `.pf-v5-l-level` | Adds space between children by using the globally defined gutter value. |
+| `.pf-v6-l-level` | `<div>`, `<section>`, or `<article>` | Initializes the level layout |
+| `.pf-v6-l-level__item` | `<div>` | Explicitly sets a child of the level. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
+| `.pf-m-gutter` | `.pf-v6-l-level` | Adds space between children by using the globally defined gutter value. |

package/docs/layouts/Split/examples/Split.md

@@ -1,7 +1,7 @@
 ---
 id: Split
 section: layouts
-cssPrefix: pf-v5-l-split
+cssPrefix: pf-v6-l-split
 ---import './Split.css'
 
 ## Examples
@@ -60,8 +60,8 @@ The split layout is designed to position items horizontally, with one item filli
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-l-split` | `<div>`, `<section>`, or `<article>` | Initiates the split layout. |
-| `.pf-v5-l-split__item` | `<div>` | Initiates a split item. **Required** |
-| `.pf-m-gutter` | `.pf-v5-l-split` | Adds space between children by using the globally defined gutter value. |
-| `.pf-m-wrap` | `.pf-v5-l-split` | Sets the split layout to wrap. |
-| `.pf-m-fill` | `.pf-v5-l-split__item` | Specifies which item(s) should fill the avaiable horizontal space. |
+| `.pf-v6-l-split` | `<div>`, `<section>`, or `<article>` | Initiates the split layout. |
+| `.pf-v6-l-split__item` | `<div>` | Initiates a split item. **Required** |
+| `.pf-m-gutter` | `.pf-v6-l-split` | Adds space between children by using the globally defined gutter value. |
+| `.pf-m-wrap` | `.pf-v6-l-split` | Sets the split layout to wrap. |
+| `.pf-m-fill` | `.pf-v6-l-split__item` | Specifies which item(s) should fill the avaiable horizontal space. |

package/docs/layouts/Stack/examples/Stack.md

@@ -1,7 +1,7 @@
 ---
 id: Stack
 section: layouts
-cssPrefix: pf-v5-l-stack
+cssPrefix: pf-v6-l-stack
 ---import './Stack.css'
 
 ## Examples
@@ -38,7 +38,7 @@ The stack layout is designed to position items vertically, with one item filling
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-l-stack` | `<div>`, `<section>`, or `<article>` | Initiates the stack layout. |
-| `.pf-v5-l-stack__item` | `<div>` | Initiates a stack item. **Required**  |
-| `.pf-m-gutter` | `.pf-v5-l-stack` | Adds space between children by using the globally defined gutter value. |
-| `.pf-m-fill` | `.pf-v5-l-stack__item` | Specifies which item(s) should fill the avaiable vertical space. |
+| `.pf-v6-l-stack` | `<div>`, `<section>`, or `<article>` | Initiates the stack layout. |
+| `.pf-v6-l-stack__item` | `<div>` | Initiates a stack item. **Required**  |
+| `.pf-m-gutter` | `.pf-v6-l-stack` | Adds space between children by using the globally defined gutter value. |
+| `.pf-m-fill` | `.pf-v6-l-stack__item` | Specifies which item(s) should fill the avaiable vertical space. |

package/docs/utilities/Accessibility/examples/Accessibility.md

@@ -40,5 +40,5 @@ The text underneath is hidden.
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-u-screen-reader{-on-[breakpoint]}` | `*` |  Visually hides element, but leaves accessible to assistive technologies |
-| `.pf-v5-u-visible{-on-[breakpoint]}` | `*` |  Unsets `.pf-v5-u-screen-reader` and `.pf-v5-screen-reader` |
+| `.pf-v6-u-screen-reader{-on-[breakpoint]}` | `*` |  Visually hides element, but leaves accessible to assistive technologies |
+| `.pf-v6-u-visible{-on-[breakpoint]}` | `*` |  Unsets `.pf-v6-u-screen-reader` and `.pf-v6-screen-reader` |

package/docs/utilities/Alignment/examples/Alignment.md

@@ -29,7 +29,7 @@ section: utility-classes
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-u-text-align-left{-on-[breakpoint]}` | `*` |  Aligns text left |
-| `.pf-v5-u-text-align-center{-on-[breakpoint]}` | `*` |  Aligns text center |
-| `.pf-v5-u-text-align-right{-on-[breakpoint]}` | `*` |  Aligns text right |
-| `.pf-v5-u-text-align-justify{-on-[breakpoint]}` | `*` |  Aligns text justify |
+| `.pf-v6-u-text-align-left{-on-[breakpoint]}` | `*` |  Aligns text left |
+| `.pf-v6-u-text-align-center{-on-[breakpoint]}` | `*` |  Aligns text center |
+| `.pf-v6-u-text-align-right{-on-[breakpoint]}` | `*` |  Aligns text right |
+| `.pf-v6-u-text-align-justify{-on-[breakpoint]}` | `*` |  Aligns text justify |

package/docs/utilities/BackgroundColor/examples/BackgroundColor.md

@@ -85,13 +85,13 @@ Note that "inverse" background colors are labeled as such to indicate that they
 
 | Class                             | Applied to | Outcome                            |
 | --------------------------------- | ---------- | ---------------------------------- |
-| `.pf-v5-u-background-color-{100, 200}{-on-[breakpoint]}`                | `*`        | Applies background color 100 or 200.      |
-| `.pf-v5-u-background-color-active-color-{100, 300}{-on-[breakpoint]}`   | `*`        | Applies background color active 100 or 300. |
-| `.pf-v5-u-background-color-primary-color-200{-on-[breakpoint]}`         | `*`        | Applies background color primary 200. |
-| `.pf-v5-u-background-color-dark-{100, 200, 300, 400}{-on-[breakpoint]}` | `*`        | Applies background color dark 100, 200, 300, or 400. |
-| `.pf-v5-u-background-color-disabled-color-{200, 300}{-on-[breakpoint]}` | `*`        | Applies background color disabled 200 or 300. |
-| `.pf-v5-u-background-color-default{-on-[breakpoint]}`  | `*`        | Applies the background color for the default state.  |
-| `.pf-v5-u-background-color-success{-on-[breakpoint]}`  | `*`        | Applies the background color for the success state.  |
-| `.pf-v5-u-background-color-info{-on-[breakpoint]}`     | `*`        | Applies the background color for the info state.     |
-| `.pf-v5-u-background-color-warning{-on-[breakpoint]}`  | `*`        | Applies the background color for the warning state.  |
-| `.pf-v5-u-background-color-danger{-on-[breakpoint]}`   | `*`        | Applies the background color for the danger state.   |
+| `.pf-v6-u-background-color-{100, 200}{-on-[breakpoint]}`                | `*`        | Applies background color 100 or 200.      |
+| `.pf-v6-u-background-color-active-color-{100, 300}{-on-[breakpoint]}`   | `*`        | Applies background color active 100 or 300. |
+| `.pf-v6-u-background-color-primary-color-200{-on-[breakpoint]}`         | `*`        | Applies background color primary 200. |
+| `.pf-v6-u-background-color-dark-{100, 200, 300, 400}{-on-[breakpoint]}` | `*`        | Applies background color dark 100, 200, 300, or 400. |
+| `.pf-v6-u-background-color-disabled-color-{200, 300}{-on-[breakpoint]}` | `*`        | Applies background color disabled 200 or 300. |
+| `.pf-v6-u-background-color-default{-on-[breakpoint]}`  | `*`        | Applies the background color for the default state.  |
+| `.pf-v6-u-background-color-success{-on-[breakpoint]}`  | `*`        | Applies the background color for the success state.  |
+| `.pf-v6-u-background-color-info{-on-[breakpoint]}`     | `*`        | Applies the background color for the info state.     |
+| `.pf-v6-u-background-color-warning{-on-[breakpoint]}`  | `*`        | Applies the background color for the warning state.  |
+| `.pf-v6-u-background-color-danger{-on-[breakpoint]}`   | `*`        | Applies the background color for the danger state.   |

package/docs/utilities/BoxShadow/examples/box-shadow.md

@@ -66,23 +66,23 @@ Box shadow utility
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-u-box-shadow-sm` | `*` |  Applies box-shadow small. |
-| `.pf-v5-u-box-shadow-sm-top` | `*` |  Applies box-shadow small top. |
-| `.pf-v5-u-box-shadow-sm-right` | `*` |  Applies box-shadow small right. |
-| `.pf-v5-u-box-shadow-sm-bottom` | `*` |  Applies box-shadow small bottom. |
-| `.pf-v5-u-box-shadow-sm-left` | `*` |  Applies box-shadow small left. |
-| `.pf-v5-u-box-shadow-md` | `*` |  Applies box-shadow medium. |
-| `.pf-v5-u-box-shadow-md-top` | `*` |  Applies box-shadow medium top. |
-| `.pf-v5-u-box-shadow-md-right` | `*` |  Applies box-shadow medium right. |
-| `.pf-v5-u-box-shadow-md-bottom` | `*` |  Applies box-shadow medium bottom. |
-| `.pf-v5-u-box-shadow-md-left` | `*` |  Applies box-shadow medium left. |
-| `.pf-v5-u-box-shadow-lg` | `*` |  Applies box-shadow large. |
-| `.pf-v5-u-box-shadow-lg-top` | `*` |  Applies box-shadow large top. |
-| `.pf-v5-u-box-shadow-lg-right` | `*` |  Applies box-shadow large right. |
-| `.pf-v5-u-box-shadow-lg-bottom` | `*` |  Applies box-shadow large bottom. |
-| `.pf-v5-u-box-shadow-lg-left` | `*` |  Applies box-shadow large left. |
-| `.pf-v5-u-box-shadow-xl` | `*` |  Applies box-shadow x-large. |
-| `.pf-v5-u-box-shadow-xl-top` | `*` |  Applies box-shadow x-large top. |
-| `.pf-v5-u-box-shadow-xl-right` | `*` |  Applies box-shadow x-large right. |
-| `.pf-v5-u-box-shadow-xl-bottom` | `*` |  Applies box-shadow x-large bottom. |
-| `.pf-v5-u-box-shadow-xl-left` | `*` |  Applies box-shadow x-large left. |
+| `.pf-v6-u-box-shadow-sm` | `*` |  Applies box-shadow small. |
+| `.pf-v6-u-box-shadow-sm-top` | `*` |  Applies box-shadow small top. |
+| `.pf-v6-u-box-shadow-sm-right` | `*` |  Applies box-shadow small right. |
+| `.pf-v6-u-box-shadow-sm-bottom` | `*` |  Applies box-shadow small bottom. |
+| `.pf-v6-u-box-shadow-sm-left` | `*` |  Applies box-shadow small left. |
+| `.pf-v6-u-box-shadow-md` | `*` |  Applies box-shadow medium. |
+| `.pf-v6-u-box-shadow-md-top` | `*` |  Applies box-shadow medium top. |
+| `.pf-v6-u-box-shadow-md-right` | `*` |  Applies box-shadow medium right. |
+| `.pf-v6-u-box-shadow-md-bottom` | `*` |  Applies box-shadow medium bottom. |
+| `.pf-v6-u-box-shadow-md-left` | `*` |  Applies box-shadow medium left. |
+| `.pf-v6-u-box-shadow-lg` | `*` |  Applies box-shadow large. |
+| `.pf-v6-u-box-shadow-lg-top` | `*` |  Applies box-shadow large top. |
+| `.pf-v6-u-box-shadow-lg-right` | `*` |  Applies box-shadow large right. |
+| `.pf-v6-u-box-shadow-lg-bottom` | `*` |  Applies box-shadow large bottom. |
+| `.pf-v6-u-box-shadow-lg-left` | `*` |  Applies box-shadow large left. |
+| `.pf-v6-u-box-shadow-xl` | `*` |  Applies box-shadow x-large. |
+| `.pf-v6-u-box-shadow-xl-top` | `*` |  Applies box-shadow x-large top. |
+| `.pf-v6-u-box-shadow-xl-right` | `*` |  Applies box-shadow x-large right. |
+| `.pf-v6-u-box-shadow-xl-bottom` | `*` |  Applies box-shadow x-large bottom. |
+| `.pf-v6-u-box-shadow-xl-left` | `*` |  Applies box-shadow x-large left. |

package/docs/utilities/Display/examples/Display.md

@@ -82,12 +82,12 @@ section: utility-classes
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-u-display-inline-block{-on-[breakpoint]}` | `*` |  Sets display: inline-block |
-| `.pf-v5-u-display-block{-on-[breakpoint]}` | `*` |  Sets display: block |
-| `.pf-v5-u-display-inline{-on-[breakpoint]}` | `*` |  Sets display: inline |
-| `.pf-v5-u-display-flex{-on-[breakpoint]}` | `*` |  Sets display: flex |
-| `.pf-v5-u-display-inline-flex{-on-[breakpoint]}` | `*` |  Sets display: inline-flex |
-| `.pf-v5-u-display-table{-on-[breakpoint]}` | `*` |  Sets display: table |
-| `.pf-v5-u-display-table-row{-on-[breakpoint]}` | `*` |  Sets display: table-row |
-| `.pf-v5-u-display-table-cell{-on-[breakpoint]}` | `*` |  Sets display: table-cell |
-| `.pf-v5-u-display-none{-on-[breakpoint]}` | `*` |  Sets display: none |
+| `.pf-v6-u-display-inline-block{-on-[breakpoint]}` | `*` |  Sets display: inline-block |
+| `.pf-v6-u-display-block{-on-[breakpoint]}` | `*` |  Sets display: block |
+| `.pf-v6-u-display-inline{-on-[breakpoint]}` | `*` |  Sets display: inline |
+| `.pf-v6-u-display-flex{-on-[breakpoint]}` | `*` |  Sets display: flex |
+| `.pf-v6-u-display-inline-flex{-on-[breakpoint]}` | `*` |  Sets display: inline-flex |
+| `.pf-v6-u-display-table{-on-[breakpoint]}` | `*` |  Sets display: table |
+| `.pf-v6-u-display-table-row{-on-[breakpoint]}` | `*` |  Sets display: table-row |
+| `.pf-v6-u-display-table-cell{-on-[breakpoint]}` | `*` |  Sets display: table-cell |
+| `.pf-v6-u-display-none{-on-[breakpoint]}` | `*` |  Sets display: none |

package/docs/utilities/Flex/examples/Flex.md

@@ -341,35 +341,35 @@ For these utilities to have effect, the parent element must be set to `display:
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-u-flex-direction-row{-on-[breakpoint]}`            | `*` |  Sets flex-direction: row |
-| `.pf-v5-u-flex-direction-row-reverse{-on-[breakpoint]}`    | `*` |  Sets flex-direction: row-reverse |
-| `.pf-v5-u-flex-direction-column{-on-[breakpoint]}`         | `*` |  Sets flex-direction: column |
-| `.pf-v5-u-flex-direction-column-reverse{-on-[breakpoint]}` | `*` |  Sets flex-direction: column-reverse |
-| `.pf-v5-u-justify-content-flex-start{-on-[breakpoint]}`    | `*` |  Sets justify-content: flex-start |
-| `.pf-v5-u-justify-content-flex-end{-on-[breakpoint]}`      | `*` |  Sets justify-content: flex-end |
-| `.pf-v5-u-justify-content-center{-on-[breakpoint]}`        | `*` |  Sets justify-content: center |
-| `.pf-v5-u-justify-content-space-around{-on-[breakpoint]}`  | `*` |  Sets justify-content: space-around |
-| `.pf-v5-u-justify-content-space-between{-on-[breakpoint]}` | `*` |  Sets justify-content: space-between |
-| `.pf-v5-u-align-items-flex-start{-on-[breakpoint]}`        | `*` |  Sets align-items: flex-start |
-| `.pf-v5-u-align-items-flex-end{-on-[breakpoint]}`          | `*` |  Sets align-items: flex-start |
-| `.pf-v5-u-align-items-center{-on-[breakpoint]}`            | `*` |  Sets align-items: center |
-| `.pf-v5-u-align-items-baseline{-on-[breakpoint]}`          | `*` |  Sets align-items: baseline |
-| `.pf-v5-u-align-items-stretch{-on-[breakpoint]}`           | `*` |  Sets align-items: stretch |
-| `.pf-v5-u-align-self-flex-start{-on-[breakpoint]}`         | `*` |  Sets align-self: flex-start |
-| `.pf-v5-u-align-self-flex-end{-on-[breakpoint]}`           | `*` |  Sets align-self: flex-end |
-| `.pf-v5-u-align-self-center{-on-[breakpoint]}`             | `*` |  Sets align-self: center |
-| `.pf-v5-u-align-self-baseline{-on-[breakpoint]}`           | `*` |  Sets align-self: baseline |
-| `.pf-v5-u-align-self-stretch{-on-[breakpoint]}`            | `*` |  Sets align-self: stretch |
-| `.pf-v5-u-align-content-flex-start{-on-[breakpoint]}`      | `*` |  Sets align-content: flex-start |
-| `.pf-v5-u-align-content-flex-end{-on-[breakpoint]}`        | `*` |  Sets align-content: flex-end |
-| `.pf-v5-u-align-content-center{-on-[breakpoint]}`          | `*` |  Sets align-content: center |
-| `.pf-v5-u-align-content-space-between{-on-[breakpoint]}`   | `*` |  Sets align-content: space-between |
-| `.pf-v5-u-align-content-space-around{-on-[breakpoint]}`    | `*` |  Sets align-content: space-around |
-| `.pf-v5-u-align-content-stretch{-on-[breakpoint]}`         | `*` |  Sets align-content: stretch |
-| `.pf-v5-u-flex-shrink{1 or 0}{-on-[breakpoint]}`           | `*` |  Sets flex-shrink to 1 or 0 |
-| `.pf-v5-u-flex-grow{1 or 0}{-on-[breakpoint]}`             | `*` |  Sets flex-grow to 1 or 0 |
-| `.pf-v5-u-flex-basis{0 or auto}{-on-[breakpoint]}`         | `*` |  Sets flex-basis to 0 auto |
-| `.pf-v5-u-flex-fill{-on-[breakpoint]}`                     | `*` |  Sets flex to 1 1 auto |
-| `.pf-v5-u-flex-wrap{-on-[breakpoint]}`                     | `*` |  sets flex-wrap: wrap |
-| `.pf-v5-u-flex-nowrap{-on-[breakpoint]}`                   | `*` |  sets flex-wrap: nowrap |
-| `.pf-v5-u-flex-wrap-reverse{-on-[breakpoint]}`             | `*` |  sets flex-wrap: wrap-reverse |
+| `.pf-v6-u-flex-direction-row{-on-[breakpoint]}`            | `*` |  Sets flex-direction: row |
+| `.pf-v6-u-flex-direction-row-reverse{-on-[breakpoint]}`    | `*` |  Sets flex-direction: row-reverse |
+| `.pf-v6-u-flex-direction-column{-on-[breakpoint]}`         | `*` |  Sets flex-direction: column |
+| `.pf-v6-u-flex-direction-column-reverse{-on-[breakpoint]}` | `*` |  Sets flex-direction: column-reverse |
+| `.pf-v6-u-justify-content-flex-start{-on-[breakpoint]}`    | `*` |  Sets justify-content: flex-start |
+| `.pf-v6-u-justify-content-flex-end{-on-[breakpoint]}`      | `*` |  Sets justify-content: flex-end |
+| `.pf-v6-u-justify-content-center{-on-[breakpoint]}`        | `*` |  Sets justify-content: center |
+| `.pf-v6-u-justify-content-space-around{-on-[breakpoint]}`  | `*` |  Sets justify-content: space-around |
+| `.pf-v6-u-justify-content-space-between{-on-[breakpoint]}` | `*` |  Sets justify-content: space-between |
+| `.pf-v6-u-align-items-flex-start{-on-[breakpoint]}`        | `*` |  Sets align-items: flex-start |
+| `.pf-v6-u-align-items-flex-end{-on-[breakpoint]}`          | `*` |  Sets align-items: flex-start |
+| `.pf-v6-u-align-items-center{-on-[breakpoint]}`            | `*` |  Sets align-items: center |
+| `.pf-v6-u-align-items-baseline{-on-[breakpoint]}`          | `*` |  Sets align-items: baseline |
+| `.pf-v6-u-align-items-stretch{-on-[breakpoint]}`           | `*` |  Sets align-items: stretch |
+| `.pf-v6-u-align-self-flex-start{-on-[breakpoint]}`         | `*` |  Sets align-self: flex-start |
+| `.pf-v6-u-align-self-flex-end{-on-[breakpoint]}`           | `*` |  Sets align-self: flex-end |
+| `.pf-v6-u-align-self-center{-on-[breakpoint]}`             | `*` |  Sets align-self: center |
+| `.pf-v6-u-align-self-baseline{-on-[breakpoint]}`           | `*` |  Sets align-self: baseline |
+| `.pf-v6-u-align-self-stretch{-on-[breakpoint]}`            | `*` |  Sets align-self: stretch |
+| `.pf-v6-u-align-content-flex-start{-on-[breakpoint]}`      | `*` |  Sets align-content: flex-start |
+| `.pf-v6-u-align-content-flex-end{-on-[breakpoint]}`        | `*` |  Sets align-content: flex-end |
+| `.pf-v6-u-align-content-center{-on-[breakpoint]}`          | `*` |  Sets align-content: center |
+| `.pf-v6-u-align-content-space-between{-on-[breakpoint]}`   | `*` |  Sets align-content: space-between |
+| `.pf-v6-u-align-content-space-around{-on-[breakpoint]}`    | `*` |  Sets align-content: space-around |
+| `.pf-v6-u-align-content-stretch{-on-[breakpoint]}`         | `*` |  Sets align-content: stretch |
+| `.pf-v6-u-flex-shrink{1 or 0}{-on-[breakpoint]}`           | `*` |  Sets flex-shrink to 1 or 0 |
+| `.pf-v6-u-flex-grow{1 or 0}{-on-[breakpoint]}`             | `*` |  Sets flex-grow to 1 or 0 |
+| `.pf-v6-u-flex-basis{0 or auto}{-on-[breakpoint]}`         | `*` |  Sets flex-basis to 0 auto |
+| `.pf-v6-u-flex-fill{-on-[breakpoint]}`                     | `*` |  Sets flex to 1 1 auto |
+| `.pf-v6-u-flex-wrap{-on-[breakpoint]}`                     | `*` |  sets flex-wrap: wrap |
+| `.pf-v6-u-flex-nowrap{-on-[breakpoint]}`                   | `*` |  sets flex-wrap: nowrap |
+| `.pf-v6-u-flex-wrap-reverse{-on-[breakpoint]}`             | `*` |  sets flex-wrap: wrap-reverse |

package/docs/utilities/Float/examples/Float.md

@@ -24,5 +24,5 @@ section: utility-classes
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-u-float-left{-on-[breakpoint]}` | `*` |  Float element left |
-| `.pf-v5-u-float-right{-on-[breakpoint]}` | `*` |  Float element right |
+| `.pf-v6-u-float-left{-on-[breakpoint]}` | `*` |  Float element left |
+| `.pf-v6-u-float-right{-on-[breakpoint]}` | `*` |  Float element right |