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

package/docs/components/DescriptionList/examples/DescriptionList.md

@@ -1,7 +1,7 @@
 ---
 id: 'Description list'
 section: components
-cssPrefix: pf-v5-c-description-list
+cssPrefix: pf-v6-c-description-list
 ---## Examples
 
 ### Default
@@ -703,7 +703,7 @@ Column fill will modify the default placement of description list groups to fill
 ```html
 <dl
   class="pf-v6-c-description-list pf-m-auto-fit"
-  style="--pf-v5-c-description-list--GridTemplateColumns--min: 200px;"
+  style="--pf-v6-c-description-list--GridTemplateColumns--min: 200px;"
 >
   <div class="pf-v6-c-description-list__group">
     <dt class="pf-v6-c-description-list__term">
@@ -763,7 +763,7 @@ Column fill will modify the default placement of description list groups to fill
 ```html
 <dl
   class="pf-v6-c-description-list pf-m-auto-fit"
-  style="--pf-v5-c-description-list--GridTemplateColumns--min-on-md: 100px; --pf-v5-c-description-list--GridTemplateColumns--min-on-lg: 150px; --pf-v5-c-description-list--GridTemplateColumns--min-on-xl: 200px; --pf-v5-c-description-list--GridTemplateColumns--min-on-2xl: 300px;"
+  style="--pf-v6-c-description-list--GridTemplateColumns--min-on-md: 100px; --pf-v6-c-description-list--GridTemplateColumns--min-on-lg: 150px; --pf-v6-c-description-list--GridTemplateColumns--min-on-xl: 200px; --pf-v6-c-description-list--GridTemplateColumns--min-on-2xl: 300px;"
 >
   <div class="pf-v6-c-description-list__group">
     <dt class="pf-v6-c-description-list__term">
@@ -1443,7 +1443,7 @@ Cards can be used as description list group wrappers. Using cards in this way ap
 ```html
 <dl
   class="pf-v6-c-description-list pf-m-2-col-on-lg pf-m-display-lg pf-m-horizontal"
-  style="--pf-v5-c-description-list__term--width: 10ch;"
+  style="--pf-v6-c-description-list__term--width: 10ch;"
 >
   <div class="pf-v6-c-card">
     <dt class="pf-v6-c-description-list__term">
@@ -1564,33 +1564,33 @@ Cards can be used as description list group wrappers. Using cards in this way ap
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `title` | `.pf-v5-c-description-list` | Provides an accessible title for the description list. **Required** |
-| `tabindex="0"` | `.pf-v5-c-description-list__text.pf-m-help-text` | Inserts the `.pf-v5-c-description-list__text` into the tab order of the page so that it is focusable. **Required when the element is clickable** |
+| `title` | `.pf-v6-c-description-list` | Provides an accessible title for the description list. **Required** |
+| `tabindex="0"` | `.pf-v6-c-description-list__text.pf-m-help-text` | Inserts the `.pf-v6-c-description-list__text` into the tab order of the page so that it is focusable. **Required when the element is clickable** |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-description-list` | `<dl>` | Initiates the description list component. **Required** |
-| `.pf-v5-c-description-list__group` | `<div>` | Initiates a description list component group. **Required** |
-| `.pf-v5-c-description-list__term` | `<dt>` | Initiates a description list component term. **Required** |
-| `.pf-v5-c-description-list__description` | `<dd>` | Initiates a description list component description. **Required** |
-| `.pf-v5-c-description-list__text` | `<span>`, `<div>` | Initiates a description list component text element. Use a `<span>` when a child of `.pf-v5-c-description-list__term`. **Required** |
-| `.pf-v5-c-description-list__term-icon` | `<span>` | Initiates a description list component term icon element. |
-| `.pf-m-compact` | `.pf-v5-c-description-list` | Modifies the description list for compact horizontal and vertical spacing. |
-| `.pf-m-display-lg` | `.pf-v5-c-description-list` | Modifies the description list to have large display styling. |
-| `.pf-m-display-2xl` | `.pf-v5-c-description-list` | Modifies the description list to have 2xl display styling. |
-| `.pf-m-fluid` | `.pf-v5-c-description-list.pf-m-horizontal` | Modifies the description list term width to be fluid. |
-| `.pf-m-help-text` | `.pf-v5-c-description-list__text` | Indicates there is more information available for the description list component term text. |
-| `.pf-m-horizontal{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v5-c-description-list` | Modifies the description list component term and description pair to a horizontal layout. |
-| `.pf-m-vertical{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v5-c-description-list` | Modifies the description list component term and description pair to a vertical layout. |
-| `.pf-m-fill-columns` | `.pf-v5-c-description-list` | Modifies the description list groups to fill columns from top to bottom, instead of rows from left to right. |
-| `.pf-m-auto-column-widths` | `.pf-v5-c-description-list` | Modifies the description list to format automatically. |
-| `.pf-m-inline-grid` | `.pf-v5-c-description-list` | Modifies the description list display to inline-grid. |
-| `.pf-m-{1,2,3}-col{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v5-c-description-list` | Modifies the description list number of columns. |
-| `--pf-v5-c-description-list--GridTemplateColumns--min{-on-[breakpoint]}: {width}` | `.pf-v5-c-description-list` | Modifies the min value of the `grid-template-columns` declaration at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `--pf-v5-c-description-list--m-horizontal__term--width{-on-[breakpoint]}: {width}` | `.pf-v5-c-description-list.pf-m-horizontal` | Modifies the description list term width at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-
-<!-- | `.pf-m-order[0-12]{-on-[breakpoint]}` | `.pf-v5-c-description-list__group` | Modifies the order of the flex layout element. |
-| `.pf-m-order-first{-on-[breakpoint]}` | `.pf-v5-c-description-list__group` | Modifies the order of the flex layout element to -1. |
-| `.pf-m-order-last{-on-[breakpoint]}` | `..pf-v5-c-description-list__group` | Modifies the order of the flex layout element to $limit + 1. | -->
+| `.pf-v6-c-description-list` | `<dl>` | Initiates the description list component. **Required** |
+| `.pf-v6-c-description-list__group` | `<div>` | Initiates a description list component group. **Required** |
+| `.pf-v6-c-description-list__term` | `<dt>` | Initiates a description list component term. **Required** |
+| `.pf-v6-c-description-list__description` | `<dd>` | Initiates a description list component description. **Required** |
+| `.pf-v6-c-description-list__text` | `<span>`, `<div>` | Initiates a description list component text element. Use a `<span>` when a child of `.pf-v6-c-description-list__term`. **Required** |
+| `.pf-v6-c-description-list__term-icon` | `<span>` | Initiates a description list component term icon element. |
+| `.pf-m-compact` | `.pf-v6-c-description-list` | Modifies the description list for compact horizontal and vertical spacing. |
+| `.pf-m-display-lg` | `.pf-v6-c-description-list` | Modifies the description list to have large display styling. |
+| `.pf-m-display-2xl` | `.pf-v6-c-description-list` | Modifies the description list to have 2xl display styling. |
+| `.pf-m-fluid` | `.pf-v6-c-description-list.pf-m-horizontal` | Modifies the description list term width to be fluid. |
+| `.pf-m-help-text` | `.pf-v6-c-description-list__text` | Indicates there is more information available for the description list component term text. |
+| `.pf-m-horizontal{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v6-c-description-list` | Modifies the description list component term and description pair to a horizontal layout. |
+| `.pf-m-vertical{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v6-c-description-list` | Modifies the description list component term and description pair to a vertical layout. |
+| `.pf-m-fill-columns` | `.pf-v6-c-description-list` | Modifies the description list groups to fill columns from top to bottom, instead of rows from left to right. |
+| `.pf-m-auto-column-widths` | `.pf-v6-c-description-list` | Modifies the description list to format automatically. |
+| `.pf-m-inline-grid` | `.pf-v6-c-description-list` | Modifies the description list display to inline-grid. |
+| `.pf-m-{1,2,3}-col{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v6-c-description-list` | Modifies the description list number of columns. |
+| `--pf-v6-c-description-list--GridTemplateColumns--min{-on-[breakpoint]}: {width}` | `.pf-v6-c-description-list` | Modifies the min value of the `grid-template-columns` declaration at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `--pf-v6-c-description-list--m-horizontal__term--width{-on-[breakpoint]}: {width}` | `.pf-v6-c-description-list.pf-m-horizontal` | Modifies the description list term width at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+
+<!-- | `.pf-m-order[0-12]{-on-[breakpoint]}` | `.pf-v6-c-description-list__group` | Modifies the order of the flex layout element. |
+| `.pf-m-order-first{-on-[breakpoint]}` | `.pf-v6-c-description-list__group` | Modifies the order of the flex layout element to -1. |
+| `.pf-m-order-last{-on-[breakpoint]}` | `..pf-v6-c-description-list__group` | Modifies the order of the flex layout element to $limit + 1. | -->

package/docs/components/Divider/examples/Divider.md

@@ -1,7 +1,7 @@
 ---
 id: Divider
 section: components
-cssPrefix: pf-v5-c-divider
+cssPrefix: pf-v6-c-divider
 ---import './Divider.css'
 
 ## Examples
@@ -125,14 +125,14 @@ The divider renders as an `<hr>` by default. It is possible to make the divider
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `role="separator"` | `li.pf-v5-c-divider`, `div.pf-v5-c-divider` | Indicates that the separator is a separator. |
+| `role="separator"` | `li.pf-v6-c-divider`, `div.pf-v6-c-divider` | Indicates that the separator is a separator. |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-divider` | `<hr>`, `<li>`, `<div>` | Defines the divider component. |
-| `.pf-m-vertical` | `.pf-v5-c-divider` | Modifies the divider component from horizontal to vertical. This modifier requires that the parent has an explicit or implicit height, or has a flex or grid based layout parent. |
-| `.pf-m-inset-{none, sm, md, lg, xl, 2xl, 3xl}{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v5-c-divider` | Modifies divider padding/inset to visually match padding of other adjacent components. |
-| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v5-c-divider` | Modifies a divider to be hidden, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v5-c-divider` | Modifies a divider to be shown, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-v6-c-divider` | `<hr>`, `<li>`, `<div>` | Defines the divider component. |
+| `.pf-m-vertical` | `.pf-v6-c-divider` | Modifies the divider component from horizontal to vertical. This modifier requires that the parent has an explicit or implicit height, or has a flex or grid based layout parent. |
+| `.pf-m-inset-{none, sm, md, lg, xl, 2xl, 3xl}{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v6-c-divider` | Modifies divider padding/inset to visually match padding of other adjacent components. |
+| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v6-c-divider` | Modifies a divider to be hidden, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v6-c-divider` | Modifies a divider to be shown, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |

package/docs/components/DragDrop/examples/DragDrop.md

@@ -2,7 +2,7 @@
 id: 'Drag and drop'
 beta: true
 section: components
-cssPrefix: pf-v5-c-drag-drop
+cssPrefix: pf-v6-c-drag-drop
 ---import './DragDrop.css'
 
 ## Examples
@@ -61,7 +61,7 @@ cssPrefix: pf-v5-c-drag-drop
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-draggable` | `*` | Initiates a draggable element. |
-| `.pf-v5-c-droppable` | `*` | Initiates a droppable element. |
-| `.pf-m-dragging` | `.pf-v5-c-draggable`, `.pf-v5-c-droppable` | Indicates a draggable and droppable element are in the dragging state. |
-| `.pf-m-drag-outside` | `.pf-v5-c-draggable`, `.pf-v5-c-droppable` | Indicates a draggable element is dragged outside of a droppable element. |
+| `.pf-v6-c-draggable` | `*` | Initiates a draggable element. |
+| `.pf-v6-c-droppable` | `*` | Initiates a droppable element. |
+| `.pf-m-dragging` | `.pf-v6-c-draggable`, `.pf-v6-c-droppable` | Indicates a draggable and droppable element are in the dragging state. |
+| `.pf-m-drag-outside` | `.pf-v6-c-draggable`, `.pf-v6-c-droppable` | Indicates a draggable element is dragged outside of a droppable element. |

package/docs/components/Drawer/examples/Drawer.md

@@ -1,7 +1,7 @@
 ---
 id: Drawer
 section: components
-cssPrefix: pf-v5-c-drawer
+cssPrefix: pf-v6-c-drawer
 ---import './Drawer.css'
 
 ## Examples
@@ -426,7 +426,7 @@ cssPrefix: pf-v5-c-drawer
       <div class="pf-v6-c-drawer__body">Drawer panel body content</div>
       <div
         class="pf-v6-c-drawer__body pf-m-paddinng"
-        style="--pf-v5-c-drawer__panel__body--PaddingLeft: 48px;"
+        style="--pf-v6-c-drawer__panel__body--PaddingLeft: 48px;"
       >Drawer panel body content with modified inline start padding</div>
     </div>
   </div>
@@ -729,18 +729,18 @@ cssPrefix: pf-v5-c-drawer
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `role="separator"` | `.pf-v5-c-drawer__splitter` | Indicates that the splitter is a separator. **Required** |
-| `tabindex="0"` | `.pf-v5-c-drawer__splitter` | Inserts the splitter into the tab order of the page so that it is focusable. **Required** |
-| `aria-orientation="horizontal"` | `.pf-v5-c-drawer__splitter` | Indicates that the splitter is oriented horizontally. |
-| `aria-orientation="vertical"` | `.pf-v5-c-drawer__splitter.pf-m-vertical` | Indicates that the splitter is oriented vertically. |
+| `role="separator"` | `.pf-v6-c-drawer__splitter` | Indicates that the splitter is a separator. **Required** |
+| `tabindex="0"` | `.pf-v6-c-drawer__splitter` | Inserts the splitter into the tab order of the page so that it is focusable. **Required** |
+| `aria-orientation="horizontal"` | `.pf-v6-c-drawer__splitter` | Indicates that the splitter is oriented horizontally. |
+| `aria-orientation="vertical"` | `.pf-v6-c-drawer__splitter.pf-m-vertical` | Indicates that the splitter is oriented vertically. |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-drawer__splitter` | `<div>` | Initiates the splitter. |
-| `.pf-v5-c-drawer__splitter-handle` | `<div>` | Initiates the splitter handle element. |
-| `.pf-m-vertical` |  `.pf-v5-c-drawer__splitter` | Modifies the splitter to be vertical. |
+| `.pf-v6-c-drawer__splitter` | `<div>` | Initiates the splitter. |
+| `.pf-v6-c-drawer__splitter-handle` | `<div>` | Initiates the splitter handle element. |
+| `.pf-m-vertical` |  `.pf-v6-c-drawer__splitter` | Modifies the splitter to be vertical. |
 
 ## Documentation
 
@@ -750,35 +750,35 @@ cssPrefix: pf-v5-c-drawer
 | -- | -- | -- |
 | `aria-expanded="true"` | `action that opens drawer` | Indicates that the expandable content is visible. **Required** |
 | `aria-expanded="false"` | `action that opens drawer` | Indicates that the expandable content is hidden. **Required** |
-| `hidden` | `.pf-v5-c-drawer__panel` | Hides the drawer panel from assistive technologies. **Required** |
+| `hidden` | `.pf-v6-c-drawer__panel` | Hides the drawer panel from assistive technologies. **Required** |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-drawer` | `<div>` | Initiates the drawer container. **Required** |
-| `.pf-v5-c-drawer__section` | `<div>` | Initiates a drawer section area. This element can be used above or below `.pf-v5-c-drawer__main` for titles, toolbars, footers, etc. |
-| `.pf-v5-c-drawer__main` | `<div>` | Initiates the drawer main area. **Required** |
-| `.pf-v5-c-drawer__content` | `<div>` | Initiates the drawer content container. **Required** |
-| `.pf-v5-c-drawer__panel` | `<aside>` | Initiates the drawer panel container. **Required** |
-| `.pf-v5-c-drawer__panel-main` | `<div>` | Initiates the drawer panel main container for resizable drawers only. |
-| `.pf-v5-c-drawer__body` | `<div>` | Initiates a drawer body container and is the child of `.pf-v5-c-drawer__content`, `.pf-v5-c-drawer__panel` and `.pf-v5-c-drawer__panel-main`. **Required** |
-| `.pf-v5-c-drawer__head` | `<div>` | Initiates a drawer head container. This container positions `.pf-v5-c-drawer__actions`, if present. |
-| `.pf-v5-c-drawer__actions` | `<div>` | Initiates an actions container within `.pf-v5--drawer__head`. |
-| `.pf-v5-c-drawer__close` | `<div>` | Identifies the drawer close button within `.pf-v5-c-drawer__actions`. |
-| `.pf-v5-c-drawer__description` | `<div>` | Initiates a drawer panel description. |
-| `.pf-m-panel-left` | `.pf-v5-c-drawer` | Modifies the drawer panel to expand from the left. |
-| `.pf-m-panel-bottom` | `.pf-v5-c-drawer` | Modifies the drawer panel to expand from the bottom. **Note:** percentage based panel sizes require the drawer component's parent element have an implicit or explicit height. |
-| `.pf-m-expanded` | `.pf-v5-c-drawer` | Modifies the drawer panel for the expanded state. |
-| `.pf-m-static{-on-[lg, xl, 2xl]}` | `.pf-v5-c-drawer` | Modifies the drawer panel state to always show both content and panel at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-inline{-on-[lg, xl, 2xl]}` | `.pf-v5-c-drawer` | Modifies the drawer so the content element and panel element are displayed side by side. `.pf-m-inline` used without a [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) will default to the `md` breakpoint. |
-| `.pf-m-no-border` | `.pf-v5-c-drawer__panel` | Modifies the drawer panel border treatment to disable all border treatment. |
-| `.pf-m-padding` | `.pf-v5-c-drawer__body` | Modifies the element to add padding. |
-| `.pf-m-no-padding` | `.pf-v5-c-drawer__body` | Modifies the element to remove padding. |
-| `.pf-m-no-background` | `.pf-v5-c-drawer__section`, `.pf-v5-c-drawer__content`, `.pf-v5-c-drawer__panel` | Modifies the drawer element background color to transparent. |
-| `.pf-m-secondary` | `.pf-v5-c-drawer__section`, `.pf-v5-c-drawer__content`, `.pf-v5-c-drawer__panel` | Modifies the drawer element to use the secondary background color. |
-| `.pf-m-width-{25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v5-c-drawer__panel` | Modifies the drawer panel width at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-resizable` | `.pf-v5-c-drawer__panel` | Modifies the drawer panel to be resizable. Intended for use with the `.pf-v5-c-drawer__splitter` element. |
-| `--pf-v5-c-drawer__panel--md--FlexBasis--min` | `.pf-v5-c-drawer__panel` | Defines the drawer panel minimum size. |
-| `--pf-v5-c-drawer__panel--md--FlexBasis` | `.pf-v5-c-drawer__panel` | Defines the drawer panel size. |
-| `--pf-v5-c-drawer__panel--md--FlexBasis--max` | `.pf-v5-c-drawer__panel` | Defines the drawer panel maximum size. |
+| `.pf-v6-c-drawer` | `<div>` | Initiates the drawer container. **Required** |
+| `.pf-v6-c-drawer__section` | `<div>` | Initiates a drawer section area. This element can be used above or below `.pf-v6-c-drawer__main` for titles, toolbars, footers, etc. |
+| `.pf-v6-c-drawer__main` | `<div>` | Initiates the drawer main area. **Required** |
+| `.pf-v6-c-drawer__content` | `<div>` | Initiates the drawer content container. **Required** |
+| `.pf-v6-c-drawer__panel` | `<aside>` | Initiates the drawer panel container. **Required** |
+| `.pf-v6-c-drawer__panel-main` | `<div>` | Initiates the drawer panel main container for resizable drawers only. |
+| `.pf-v6-c-drawer__body` | `<div>` | Initiates a drawer body container and is the child of `.pf-v6-c-drawer__content`, `.pf-v6-c-drawer__panel` and `.pf-v6-c-drawer__panel-main`. **Required** |
+| `.pf-v6-c-drawer__head` | `<div>` | Initiates a drawer head container. This container positions `.pf-v6-c-drawer__actions`, if present. |
+| `.pf-v6-c-drawer__actions` | `<div>` | Initiates an actions container within `.pf-v6--drawer__head`. |
+| `.pf-v6-c-drawer__close` | `<div>` | Identifies the drawer close button within `.pf-v6-c-drawer__actions`. |
+| `.pf-v6-c-drawer__description` | `<div>` | Initiates a drawer panel description. |
+| `.pf-m-panel-left` | `.pf-v6-c-drawer` | Modifies the drawer panel to expand from the left. |
+| `.pf-m-panel-bottom` | `.pf-v6-c-drawer` | Modifies the drawer panel to expand from the bottom. **Note:** percentage based panel sizes require the drawer component's parent element have an implicit or explicit height. |
+| `.pf-m-expanded` | `.pf-v6-c-drawer` | Modifies the drawer panel for the expanded state. |
+| `.pf-m-static{-on-[lg, xl, 2xl]}` | `.pf-v6-c-drawer` | Modifies the drawer panel state to always show both content and panel at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-inline{-on-[lg, xl, 2xl]}` | `.pf-v6-c-drawer` | Modifies the drawer so the content element and panel element are displayed side by side. `.pf-m-inline` used without a [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) will default to the `md` breakpoint. |
+| `.pf-m-no-border` | `.pf-v6-c-drawer__panel` | Modifies the drawer panel border treatment to disable all border treatment. |
+| `.pf-m-padding` | `.pf-v6-c-drawer__body` | Modifies the element to add padding. |
+| `.pf-m-no-padding` | `.pf-v6-c-drawer__body` | Modifies the element to remove padding. |
+| `.pf-m-no-background` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__content`, `.pf-v6-c-drawer__panel` | Modifies the drawer element background color to transparent. |
+| `.pf-m-secondary` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__content`, `.pf-v6-c-drawer__panel` | Modifies the drawer element to use the secondary background color. |
+| `.pf-m-width-{25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-drawer__panel` | Modifies the drawer panel width at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-resizable` | `.pf-v6-c-drawer__panel` | Modifies the drawer panel to be resizable. Intended for use with the `.pf-v6-c-drawer__splitter` element. |
+| `--pf-v6-c-drawer__panel--md--FlexBasis--min` | `.pf-v6-c-drawer__panel` | Defines the drawer panel minimum size. |
+| `--pf-v6-c-drawer__panel--md--FlexBasis` | `.pf-v6-c-drawer__panel` | Defines the drawer panel size. |
+| `--pf-v6-c-drawer__panel--md--FlexBasis--max` | `.pf-v6-c-drawer__panel` | Defines the drawer panel maximum size. |

package/docs/components/Dropdown/deprecated/Dropdown.css

@@ -51,7 +51,7 @@
   min-height: 210px;
 }
 
-[id^="ws-html-deprecated-c-dropdown-split-button"] .pf-v5-c-dropdown:not(:last-child) {
+[id^="ws-html-deprecated-c-dropdown-split-button"] .pf-v6-c-dropdown:not(:last-child) {
   margin-inline-end: 4px;
 }
 

package/docs/components/Dropdown/deprecated/Dropdown.md

@@ -2,7 +2,7 @@
 id: Dropdown
 section: components
 subsection: menus
-cssPrefix: pf-v5-c-dropdown
+cssPrefix: pf-v6-c-dropdown
 deprecated: true
 ---import './Dropdown.css'
 
@@ -2867,54 +2867,54 @@ The dropdown menu can contain either links or buttons, depending on the expected
 
 | Attribute | Applied | Outcome |
 | -- | -- | -- |
-| `aria-expanded="false"` | `.pf-v5-c-dropdown__toggle`, `.pf-v5-c-dropdown__toggle-check`, `.pf-v5-c-dropdown__toggle-button` |  Indicates that the menu is hidden. |
-| `aria-expanded="true"` | `.pf-v5-c-dropdown__toggle`, `.pf-v5-c-dropdown__toggle-check`, `.pf-v5-c-dropdown__toggle-button` |  Indicates that the menu is visible. |
-| `aria-label="Actions"` | `.pf-v5-c-dropdown__toggle`, `.pf-v5-c-dropdown__toggle-check`, `.pf-v5-c-dropdown__toggle-button` | Provides an accessible name for the dropdown when an icon is used instead of text. **Required when icon is used with no supporting text**. |
-| `aria-hidden="true"` | `.pf-v5-c-dropdown__toggle-icon`, `<i>`, `.pf-v5-c-dropdown__toggle-check .pf-v5-c-dropdown__toggle-text` | Hides the icon from assistive technologies. |
-| `hidden` | `.pf-v5-c-dropdown__menu` | Indicates that the menu is hidden so that it isn't visible in the UI and isn't accessed by assistive technologies. |
-| `aria-labelledby="{toggle button id}"` | `.pf-v5-c-dropdown__menu` | Gives the menu an accessible name by referring to the element that toggles the menu. |
-| `aria-labelledby="{checkbox id} {toggle text id}"` | `.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input[type="checkbox"]` | Gives the checkbox an accessible name by referring to the element by which it is described. |
-| `disabled` | `.pf-v5-c-dropdown__toggle`, `.pf-v5-c-dropdown__toggle-button`, `.pf-v5-c-dropdown__toggle-check > input[type="checkbox"]` | Disables the dropdown toggle and removes it from keyboard focus. |
-| `disabled` | `button.pf-v5-c-dropdown__menu-item` | When the menu item uses a button element, indicates that it is unavailable and removes it from keyboard focus. |
-| `aria-disabled="true"` | `a.pf-v5-c-dropdown__menu-item` | When the menu item uses a link element, indicates that it is unavailable. |
-| `tabindex="-1"` | `a.pf-v5-c-dropdown__menu-item` | When the menu item uses a link element, removes it from keyboard focus. |
+| `aria-expanded="false"` | `.pf-v6-c-dropdown__toggle`, `.pf-v6-c-dropdown__toggle-check`, `.pf-v6-c-dropdown__toggle-button` |  Indicates that the menu is hidden. |
+| `aria-expanded="true"` | `.pf-v6-c-dropdown__toggle`, `.pf-v6-c-dropdown__toggle-check`, `.pf-v6-c-dropdown__toggle-button` |  Indicates that the menu is visible. |
+| `aria-label="Actions"` | `.pf-v6-c-dropdown__toggle`, `.pf-v6-c-dropdown__toggle-check`, `.pf-v6-c-dropdown__toggle-button` | Provides an accessible name for the dropdown when an icon is used instead of text. **Required when icon is used with no supporting text**. |
+| `aria-hidden="true"` | `.pf-v6-c-dropdown__toggle-icon`, `<i>`, `.pf-v6-c-dropdown__toggle-check .pf-v6-c-dropdown__toggle-text` | Hides the icon from assistive technologies. |
+| `hidden` | `.pf-v6-c-dropdown__menu` | Indicates that the menu is hidden so that it isn't visible in the UI and isn't accessed by assistive technologies. |
+| `aria-labelledby="{toggle button id}"` | `.pf-v6-c-dropdown__menu` | Gives the menu an accessible name by referring to the element that toggles the menu. |
+| `aria-labelledby="{checkbox id} {toggle text id}"` | `.pf-m-split-button .pf-v6-c-dropdown__toggle-check > input[type="checkbox"]` | Gives the checkbox an accessible name by referring to the element by which it is described. |
+| `disabled` | `.pf-v6-c-dropdown__toggle`, `.pf-v6-c-dropdown__toggle-button`, `.pf-v6-c-dropdown__toggle-check > input[type="checkbox"]` | Disables the dropdown toggle and removes it from keyboard focus. |
+| `disabled` | `button.pf-v6-c-dropdown__menu-item` | When the menu item uses a button element, indicates that it is unavailable and removes it from keyboard focus. |
+| `aria-disabled="true"` | `a.pf-v6-c-dropdown__menu-item` | When the menu item uses a link element, indicates that it is unavailable. |
+| `tabindex="-1"` | `a.pf-v6-c-dropdown__menu-item` | When the menu item uses a link element, removes it from keyboard focus. |
 
 ### Usage
 
 | Class | Applied | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-dropdown` | `<div>` | Defines the parent wrapper of the dropdown. |
-| `.pf-v5-c-dropdown__toggle` | `<button>` | Defines the dropdown toggle. |
-| `.pf-v5-c-dropdown__toggle-icon` | `<span>` | Defines the dropdown toggle icon. |
-| `.pf-v5-c-dropdown__toggle-text` | `<span>` | Defines the dropdown toggle text. **Required when text is present, adds truncation**. |
-| `.pf-v5-c-dropdown__toggle-check` | `<label>` | Defines a checkbox in the toggle area of a split button dropdown. |
-| `.pf-v5-c-dropdown__toggle-button` | `<button>` | Defines the toggle button for a split button dropdown. |
-| `.pf-v5-c-dropdown__toggle-progress` | `<span>` | Defines the progress element to indicate a dropdown action is in progress. |
-| `.pf-v5-c-dropdown__menu` | `<ul>`, `<div>` | Defines the parent wrapper of the menu items. |
-| `.pf-v5-c-dropdown__menu-item` | `<a>` | Defines a menu item that navigates to another page. |
-| `.pf-v5-c-dropdown__menu-item-icon` | `<span>` | Defines the wrapper for the menu item icon. |
-| `.pf-v5-c-dropdown__menu-item-description` | `<div>` | Defines the wrapper for the menu item description. |
-| `.pf-v5-c-dropdown__menu-item-main` | `<div>` | Defines the wrapper for the menu item main element. Use when the description element is present. |
-| `.pf-v5-c-dropdown__toggle-image` | `<span>` | Defines the wrapper for the dropdown toggle button image. |
-| `.pf-v5-c-dropdown__menu-item` | `<button>` | Defines a menu item that performs an action on the current page. |
-| `.pf-v5-c-dropdown__group` | `<section>` | Defines a group of items in a dropdown. **Required when there is more than one group in a dropdown**. |
-| `.pf-v5-c-dropdown__group-title` | `<h1>` | Defines the title for a group of items in the dropdown menu. |
-| `.pf-m-expanded` | `.pf-v5-c-dropdown` | Modifies for the expanded state. |
-| `.pf-m-top` | `.pf-v5-c-dropdown` | Modifies to display the menu above the toggle. |
-| `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v5-c-dropdown__menu` | Modifies to display the menu aligned to the left edge of the toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v5-c-dropdown__menu` | Modifies to display the menu aligned to the right edge of the toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-static` | `.pf-v5-c-dropdown__menu` | Modifies a dropdown menu to be statically positioned to support custom positioning. |
-| `.pf-m-split-button` | `.pf-v5-c-dropdown__toggle` | Modifies the dropdown toggle area to allow for interactive elements. |
-| `.pf-m-action` | `.pf-v5-c-dropdown__toggle.pf-m-split-button` | Modifies the dropdown toggle for when an action is placed beside a toggle button in a split button dropdown. |
-| `.pf-m-text` | `.pf-v5-c-dropdown__menu-item` | Modifies a menu item to be non-interactive text. |
-| `.pf-m-plain` | `.pf-v5-c-dropdown__toggle` | Modifies to display the toggle with no border. |
-| `.pf-m-text` | `.pf-v5-c-dropdown__toggle` | Modifies the dropdown toggle for the text variation. |
-| `.pf-m-primary` | `.pf-v5-c-dropdown__toggle` | Modifies to display the toggle with primary styles. |
-| `.pf-m-secondary` | `.pf-v5-c-dropdown__toggle` | Modifies to display the toggle with secondary styles. |
-| `.pf-m-full-height` | `.pf-v5-c-dropdown` | Modifies a dropdown to full height of parent. See masthead for use. |
-| `.pf-m-disabled` | `a.pf-v5-c-dropdown__menu-item` | Modifies to display the menu item as disabled. This applies to `a.pf-v5-c-dropdown__menu-item` and should not be used in lieu of the `disabled` attribute on `button.pf-v5-c-dropdown__menu-item`. |
-| `.pf-m-disabled` | `div.pf-v5-c-dropdown__toggle` | Modifies to display the dropdown toggle as disabled. This applies to `div.pf-v5-c-dropdown__toggle` and should not be used in lieu of the `disabled` attribute on `button.pf-v5-c-dropdown__toggle`. When this is used, `disabled` should also be added to any form elements in `div.pf-v5-c-dropdown__toggle`. |
-| `.pf-m-icon` | `.pf-v5-c-dropdown__menu-item` | Modifies an item to support adding an icon. |
-| `.pf-m-active` | `.pf-v5-c-dropdown__toggle` | Modifies the dropdown menu toggle for the active state. |
-| `.pf-m-description` | `.pf-v5-c-dropdown__menu-item` | Modifies an item to support adding a description. |
-| `.pf-m-in-progress` | `.pf-v5-c-dropdown__toggle-check` | Modifies a toggle check element to indicate the check action is in progress. |
+| `.pf-v6-c-dropdown` | `<div>` | Defines the parent wrapper of the dropdown. |
+| `.pf-v6-c-dropdown__toggle` | `<button>` | Defines the dropdown toggle. |
+| `.pf-v6-c-dropdown__toggle-icon` | `<span>` | Defines the dropdown toggle icon. |
+| `.pf-v6-c-dropdown__toggle-text` | `<span>` | Defines the dropdown toggle text. **Required when text is present, adds truncation**. |
+| `.pf-v6-c-dropdown__toggle-check` | `<label>` | Defines a checkbox in the toggle area of a split button dropdown. |
+| `.pf-v6-c-dropdown__toggle-button` | `<button>` | Defines the toggle button for a split button dropdown. |
+| `.pf-v6-c-dropdown__toggle-progress` | `<span>` | Defines the progress element to indicate a dropdown action is in progress. |
+| `.pf-v6-c-dropdown__menu` | `<ul>`, `<div>` | Defines the parent wrapper of the menu items. |
+| `.pf-v6-c-dropdown__menu-item` | `<a>` | Defines a menu item that navigates to another page. |
+| `.pf-v6-c-dropdown__menu-item-icon` | `<span>` | Defines the wrapper for the menu item icon. |
+| `.pf-v6-c-dropdown__menu-item-description` | `<div>` | Defines the wrapper for the menu item description. |
+| `.pf-v6-c-dropdown__menu-item-main` | `<div>` | Defines the wrapper for the menu item main element. Use when the description element is present. |
+| `.pf-v6-c-dropdown__toggle-image` | `<span>` | Defines the wrapper for the dropdown toggle button image. |
+| `.pf-v6-c-dropdown__menu-item` | `<button>` | Defines a menu item that performs an action on the current page. |
+| `.pf-v6-c-dropdown__group` | `<section>` | Defines a group of items in a dropdown. **Required when there is more than one group in a dropdown**. |
+| `.pf-v6-c-dropdown__group-title` | `<h1>` | Defines the title for a group of items in the dropdown menu. |
+| `.pf-m-expanded` | `.pf-v6-c-dropdown` | Modifies for the expanded state. |
+| `.pf-m-top` | `.pf-v6-c-dropdown` | Modifies to display the menu above the toggle. |
+| `.pf-m-align-left{-on-[breakpoint]}` | `.pf-v6-c-dropdown__menu` | Modifies to display the menu aligned to the left edge of the toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v6-c-dropdown__menu` | Modifies to display the menu aligned to the right edge of the toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-static` | `.pf-v6-c-dropdown__menu` | Modifies a dropdown menu to be statically positioned to support custom positioning. |
+| `.pf-m-split-button` | `.pf-v6-c-dropdown__toggle` | Modifies the dropdown toggle area to allow for interactive elements. |
+| `.pf-m-action` | `.pf-v6-c-dropdown__toggle.pf-m-split-button` | Modifies the dropdown toggle for when an action is placed beside a toggle button in a split button dropdown. |
+| `.pf-m-text` | `.pf-v6-c-dropdown__menu-item` | Modifies a menu item to be non-interactive text. |
+| `.pf-m-plain` | `.pf-v6-c-dropdown__toggle` | Modifies to display the toggle with no border. |
+| `.pf-m-text` | `.pf-v6-c-dropdown__toggle` | Modifies the dropdown toggle for the text variation. |
+| `.pf-m-primary` | `.pf-v6-c-dropdown__toggle` | Modifies to display the toggle with primary styles. |
+| `.pf-m-secondary` | `.pf-v6-c-dropdown__toggle` | Modifies to display the toggle with secondary styles. |
+| `.pf-m-full-height` | `.pf-v6-c-dropdown` | Modifies a dropdown to full height of parent. See masthead for use. |
+| `.pf-m-disabled` | `a.pf-v6-c-dropdown__menu-item` | Modifies to display the menu item as disabled. This applies to `a.pf-v6-c-dropdown__menu-item` and should not be used in lieu of the `disabled` attribute on `button.pf-v6-c-dropdown__menu-item`. |
+| `.pf-m-disabled` | `div.pf-v6-c-dropdown__toggle` | Modifies to display the dropdown toggle as disabled. This applies to `div.pf-v6-c-dropdown__toggle` and should not be used in lieu of the `disabled` attribute on `button.pf-v6-c-dropdown__toggle`. When this is used, `disabled` should also be added to any form elements in `div.pf-v6-c-dropdown__toggle`. |
+| `.pf-m-icon` | `.pf-v6-c-dropdown__menu-item` | Modifies an item to support adding an icon. |
+| `.pf-m-active` | `.pf-v6-c-dropdown__toggle` | Modifies the dropdown menu toggle for the active state. |
+| `.pf-m-description` | `.pf-v6-c-dropdown__menu-item` | Modifies an item to support adding a description. |
+| `.pf-m-in-progress` | `.pf-v6-c-dropdown__toggle-check` | Modifies a toggle check element to indicate the check action is in progress. |

package/docs/components/DualListSelector/examples/DualListSelector.md

@@ -1,7 +1,7 @@
 ---
 id: 'Dual list selector'
 section: components
-cssPrefix: pf-v5-c-dual-list-selector
+cssPrefix: pf-v6-c-dual-list-selector
 ---## Examples
 
 ### Basic
@@ -3320,48 +3320,48 @@ cssPrefix: pf-v5-c-dual-list-selector
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
 | `aria-live` | `[element with live text]` | To give screen reader users live feedback about what's happening during interaction with the dual list selector, both during drag and drop interactions and keyboard interactions. **Highly Recommended** |
-| `aria-labelledby="[id of .pf-v5-c-dual-list-selector__status-text]` | `.pf-v5-c-dual-list-selector__list [ul]` | Gives the list an accessible name. |
-| `role="listbox or tree or group"` | `.pf-v5-c-dual-list-selector__list [ul]` | Indicates the list is single, a tree, or a subgroup within the tree. |
-| `aria-multiselectable="true"` | `.pf-v5-c-dual-list-selector__list [ul]` | Indicates the list is multiselectable. |
-| `aria-activedescendant=""` | `.pf-v5-c-dual-list-selector__list [ul]` | Indicates the list has clickable children. |
-| `role="option or treeitem"` | `.pf-v5-c-dual-list-selector__list-item [li]` | Indicates whether the item is part of a tree. |
-| `aria-expanded="true"`      | `.pf-v5-c-dual-list-selector__list-item [li]` | Indicates a treeitem is expanded. |
+| `aria-labelledby="[id of .pf-v6-c-dual-list-selector__status-text]` | `.pf-v6-c-dual-list-selector__list [ul]` | Gives the list an accessible name. |
+| `role="listbox or tree or group"` | `.pf-v6-c-dual-list-selector__list [ul]` | Indicates the list is single, a tree, or a subgroup within the tree. |
+| `aria-multiselectable="true"` | `.pf-v6-c-dual-list-selector__list [ul]` | Indicates the list is multiselectable. |
+| `aria-activedescendant=""` | `.pf-v6-c-dual-list-selector__list [ul]` | Indicates the list has clickable children. |
+| `role="option or treeitem"` | `.pf-v6-c-dual-list-selector__list-item [li]` | Indicates whether the item is part of a tree. |
+| `aria-expanded="true"`      | `.pf-v6-c-dual-list-selector__list-item [li]` | Indicates a treeitem is expanded. |
 
 ### Usage
 
 | Class | Applied | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-dual-list-selector` | `<div>` | Initiates the dual list selector component. **Required** |
-| `.pf-v5-c-dual-list-selector__pane` | `<div>` | Initiates a dual list selector pane. **Required** |
-| `.pf-v5-c-dual-list-selector__header` | `<div>` | Initiates a dual list selector pane header. **Required** |
-| `.pf-v5-c-dual-list-selector__title` | `<div>` | Initiates a dual list selector pane title. **Required** |
-| `.pf-v5-c-dual-list-selector__title-text` | `<div>` | Initiates a dual list selector pane title text. **Required** |
-| `.pf-v5-c-dual-list-selector__tools` | `<div>` | Initiates a dual list selector tools. **Required** |
-| `.pf-v5-c-dual-list-selector__filter` | `<div>` | Initiates a dual list selector pane filter. **Required** |
-| `.pf-v5-c-dual-list-selector__actions` | `<div>` | Initiates a dual list selector pane actions. |
-| `.pf-v5-c-dual-list-selector__actions-item` | `<div>` | Initiates a dual list selector pane actions item. |
-| `.pf-v5-c-dual-list-selector__status` | `<div>` | Initiates a dual list selector pane selected status. **Required** |
-| `.pf-v5-c-dual-list-selector__status-text` | `<span>` | Initiates a dual list selector pane selected status text. **Required** |
-| `.pf-v5-c-dual-list-selector__menu` | `<div>` | Initiates a dual list selector pane menu container. **Required** |
-| `.pf-v5-c-dual-list-selector__list` | `<ul>` | Initiates a dual list selector pane menu list. **Required** |
-| `.pf-v5-c-dual-list-selector__list-item` | `<li>` | Initiates a dual list selector pane menu list item. **Required** |
-| `.pf-v5-c-dual-list-selector__list-item-row` | `<div>` | Initiates a dual list selector pane menu list item row. **Required** |
-| `.pf-v5-c-dual-list-selector__draggable` | `<div>` | Initiates a dual list selector pane draggable element. |
-| `.pf-v5-c-dual-list-selector__item` | `<span>`, `<div>` | Initiates a dual list selector pane menu item. **Required** |
-| `.pf-v5-c-dual-list-selector__item-main` | `<span>` | Initiates a dual list selector pane menu item main container. **Required** |
-| `.pf-v5-c-dual-list-selector__item-check` | `<span>` | Initiates the dual list selector item check. |
-| `.pf-v5-c-dual-list-selector__item-count` | `<span>` | Initiates the dual list selector item count. |
-| `.pf-v5-c-dual-list-selector__item-toggle-icon` | `<span>` | Initiates the dual list selector item toggle icon. |
-| `.pf-v5-c-dual-list-selector__item-toggle` | `<button>` | Initiates the dual list selector item toggle. |
-| `.pf-v5-c-dual-list-selector__item-text` | `<span>` | Initiates a dual list selector pane menu item text. **Required** |
-| `.pf-v5-c-dual-list-selector__controls` | `<div>` | Initiates the dual list selector controls. **Required** |
-| `.pf-v5-c-dual-list-selector__controls-item` | `<div>` | Initiates the dual list selector controls item. **Required** |
-| `.pf-m-available` | `.pf-v5-c-dual-list-selector__pane` | Defines a pane as the available list. |
-| `.pf-m-chosen` | `.pf-v5-c-dual-list-selector__pane` | Defines a pane as the chosen list. |
-| `.pf-m-drag-over` | `.pf-v5-c-dual-list-selector__list` | Modifies the dual list selector list to indicate that a draggable item is being dragged over the list. |
-| `.pf-m-ghost-row` | `.pf-v5-c-dual-list-selector__list-item-row` | Modifies the list item main to be a ghost row. |
-| `.pf-m-selected` | `.pf-v5-c-dual-list-selector__list-item-row` | Modifies the menu item for the selected state. |
-| `.pf-m-check` | `.pf-v5-c-dual-list-selector__list-item-row` | Indicates that an item is selectable with a checkbox. |
-| `.pf-m-expandable` | `.pf-v5-c-dual-list-selector__list-item` | Indicates that an item is expandable. |
-| `.pf-m-expanded` | `.pf-v5-c-dual-list-selector__list-item` | Indicates that an item is expanded. |
-| `.pf-m-disabled` | `.pf-v5-c-dual-list-selector__list-item` | Indicates that an item is disabled. **Note:** If an item is expandable, only the top level item needs the disabled class. |
+| `.pf-v6-c-dual-list-selector` | `<div>` | Initiates the dual list selector component. **Required** |
+| `.pf-v6-c-dual-list-selector__pane` | `<div>` | Initiates a dual list selector pane. **Required** |
+| `.pf-v6-c-dual-list-selector__header` | `<div>` | Initiates a dual list selector pane header. **Required** |
+| `.pf-v6-c-dual-list-selector__title` | `<div>` | Initiates a dual list selector pane title. **Required** |
+| `.pf-v6-c-dual-list-selector__title-text` | `<div>` | Initiates a dual list selector pane title text. **Required** |
+| `.pf-v6-c-dual-list-selector__tools` | `<div>` | Initiates a dual list selector tools. **Required** |
+| `.pf-v6-c-dual-list-selector__filter` | `<div>` | Initiates a dual list selector pane filter. **Required** |
+| `.pf-v6-c-dual-list-selector__actions` | `<div>` | Initiates a dual list selector pane actions. |
+| `.pf-v6-c-dual-list-selector__actions-item` | `<div>` | Initiates a dual list selector pane actions item. |
+| `.pf-v6-c-dual-list-selector__status` | `<div>` | Initiates a dual list selector pane selected status. **Required** |
+| `.pf-v6-c-dual-list-selector__status-text` | `<span>` | Initiates a dual list selector pane selected status text. **Required** |
+| `.pf-v6-c-dual-list-selector__menu` | `<div>` | Initiates a dual list selector pane menu container. **Required** |
+| `.pf-v6-c-dual-list-selector__list` | `<ul>` | Initiates a dual list selector pane menu list. **Required** |
+| `.pf-v6-c-dual-list-selector__list-item` | `<li>` | Initiates a dual list selector pane menu list item. **Required** |
+| `.pf-v6-c-dual-list-selector__list-item-row` | `<div>` | Initiates a dual list selector pane menu list item row. **Required** |
+| `.pf-v6-c-dual-list-selector__draggable` | `<div>` | Initiates a dual list selector pane draggable element. |
+| `.pf-v6-c-dual-list-selector__item` | `<span>`, `<div>` | Initiates a dual list selector pane menu item. **Required** |
+| `.pf-v6-c-dual-list-selector__item-main` | `<span>` | Initiates a dual list selector pane menu item main container. **Required** |
+| `.pf-v6-c-dual-list-selector__item-check` | `<span>` | Initiates the dual list selector item check. |
+| `.pf-v6-c-dual-list-selector__item-count` | `<span>` | Initiates the dual list selector item count. |
+| `.pf-v6-c-dual-list-selector__item-toggle-icon` | `<span>` | Initiates the dual list selector item toggle icon. |
+| `.pf-v6-c-dual-list-selector__item-toggle` | `<button>` | Initiates the dual list selector item toggle. |
+| `.pf-v6-c-dual-list-selector__item-text` | `<span>` | Initiates a dual list selector pane menu item text. **Required** |
+| `.pf-v6-c-dual-list-selector__controls` | `<div>` | Initiates the dual list selector controls. **Required** |
+| `.pf-v6-c-dual-list-selector__controls-item` | `<div>` | Initiates the dual list selector controls item. **Required** |
+| `.pf-m-available` | `.pf-v6-c-dual-list-selector__pane` | Defines a pane as the available list. |
+| `.pf-m-chosen` | `.pf-v6-c-dual-list-selector__pane` | Defines a pane as the chosen list. |
+| `.pf-m-drag-over` | `.pf-v6-c-dual-list-selector__list` | Modifies the dual list selector list to indicate that a draggable item is being dragged over the list. |
+| `.pf-m-ghost-row` | `.pf-v6-c-dual-list-selector__list-item-row` | Modifies the list item main to be a ghost row. |
+| `.pf-m-selected` | `.pf-v6-c-dual-list-selector__list-item-row` | Modifies the menu item for the selected state. |
+| `.pf-m-check` | `.pf-v6-c-dual-list-selector__list-item-row` | Indicates that an item is selectable with a checkbox. |
+| `.pf-m-expandable` | `.pf-v6-c-dual-list-selector__list-item` | Indicates that an item is expandable. |
+| `.pf-m-expanded` | `.pf-v6-c-dual-list-selector__list-item` | Indicates that an item is expanded. |
+| `.pf-m-disabled` | `.pf-v6-c-dual-list-selector__list-item` | Indicates that an item is disabled. **Note:** If an item is expandable, only the top level item needs the disabled class. |

package/docs/components/EmptyState/examples/EmptyState.md

@@ -1,7 +1,7 @@
 ---
 id: Empty state
 section: components
-cssPrefix: pf-v5-c-empty-state
+cssPrefix: pf-v6-c-empty-state
 ---## Examples
 
 ### Basic
@@ -235,28 +235,28 @@ cssPrefix: pf-v5-c-empty-state
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `aria-hidden="true"` | `.pf-v5-c-empty-state__icon` |  Hides icon for assistive technologies. **Required** |
+| `aria-hidden="true"` | `.pf-v6-c-empty-state__icon` |  Hides icon for assistive technologies. **Required** |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-empty-state` | `<div>` |  Initiates an empty state component. The empty state centers its content (`.pf-v5-c-empty-state__content`) vertically and horizontally. **Required** |
-| `.pf-v5-c-empty-state__content` | `<div>` |  Creates the content container. **Required** |
-| `.pf-v5-c-empty-state__header` | `<div>` |  Creates the header container. **Required** |
-| `.pf-v5-c-empty-state__title` | `<div>` |  Creates the empty state title container. **Required** |
-| `.pf-v5-c-empty-state__title-text` | `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<div>` |  Creates the empty state title text container. |
-| `.pf-v5-c-empty-state__icon` | `<div>` |  Creates the empty state icon container. |
-| `.pf-v5-c-empty-state__body` | `<div>` |  Creates the empty state body content. There can be more than one `.pf-v5-c-empty-state__body` elements. |
-| `.pf-v5-c-empty-state__footer` | `<div>` |  Creates the footer container. **Required** |
-| `.pf-v5-c-empty-state__actions` | `<div>` |  Container for actions. **Required** |
-| `.pf-m-xs` | `.pf-v5-c-empty-state` | Modifies the empty state for an extra small variation and max-width. |
-| `.pf-m-sm` | `.pf-v5-c-empty-state` | Modifies the empty state for a small max-width. |
-| `.pf-m-lg` | `.pf-v5-c-empty-state` | Modifies the empty state for a large max-width. |
-| `.pf-m-xl` | `.pf-v5-c-empty-state` | Modifies the empty state for an extra large variation and max-width. |
-| `.pf-m-full-height` | `.pf-v5-c-empty-state` | Modifies the empty state to be `height: 100%`. If you need the empty state content to be centered vertically, you can use this modifier to make the empty state fill the height of its container, and center `.pf-v5-c-empty-state__content`. **Note:** this modifier requires the parent of `.pf-v5-c-empty-state` have an implicit or explicit `height` defined.  |
-| `.pf-m-danger` | `.pf-v5-c-empty-state` | Modifies the empty state for danger status. |
-| `.pf-m-warning` | `.pf-v5-c-empty-state` | Modifies the empty state for warning status. |
-| `.pf-m-success` | `.pf-v5-c-empty-state` | Modifies the empty state for success status. |
-| `.pf-m-info` | `.pf-v5-c-empty-state` | Modifies the empty state for info status. |
-| `.pf-m-custom` | `.pf-v5-c-empty-state` | Modifies the empty state for custom status. |
+| `.pf-v6-c-empty-state` | `<div>` |  Initiates an empty state component. The empty state centers its content (`.pf-v6-c-empty-state__content`) vertically and horizontally. **Required** |
+| `.pf-v6-c-empty-state__content` | `<div>` |  Creates the content container. **Required** |
+| `.pf-v6-c-empty-state__header` | `<div>` |  Creates the header container. **Required** |
+| `.pf-v6-c-empty-state__title` | `<div>` |  Creates the empty state title container. **Required** |
+| `.pf-v6-c-empty-state__title-text` | `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<div>` |  Creates the empty state title text container. |
+| `.pf-v6-c-empty-state__icon` | `<div>` |  Creates the empty state icon container. |
+| `.pf-v6-c-empty-state__body` | `<div>` |  Creates the empty state body content. There can be more than one `.pf-v6-c-empty-state__body` elements. |
+| `.pf-v6-c-empty-state__footer` | `<div>` |  Creates the footer container. **Required** |
+| `.pf-v6-c-empty-state__actions` | `<div>` |  Container for actions. **Required** |
+| `.pf-m-xs` | `.pf-v6-c-empty-state` | Modifies the empty state for an extra small variation and max-width. |
+| `.pf-m-sm` | `.pf-v6-c-empty-state` | Modifies the empty state for a small max-width. |
+| `.pf-m-lg` | `.pf-v6-c-empty-state` | Modifies the empty state for a large max-width. |
+| `.pf-m-xl` | `.pf-v6-c-empty-state` | Modifies the empty state for an extra large variation and max-width. |
+| `.pf-m-full-height` | `.pf-v6-c-empty-state` | Modifies the empty state to be `height: 100%`. If you need the empty state content to be centered vertically, you can use this modifier to make the empty state fill the height of its container, and center `.pf-v6-c-empty-state__content`. **Note:** this modifier requires the parent of `.pf-v6-c-empty-state` have an implicit or explicit `height` defined.  |
+| `.pf-m-danger` | `.pf-v6-c-empty-state` | Modifies the empty state for danger status. |
+| `.pf-m-warning` | `.pf-v6-c-empty-state` | Modifies the empty state for warning status. |
+| `.pf-m-success` | `.pf-v6-c-empty-state` | Modifies the empty state for success status. |
+| `.pf-m-info` | `.pf-v6-c-empty-state` | Modifies the empty state for info status. |
+| `.pf-m-custom` | `.pf-v6-c-empty-state` | Modifies the empty state for custom status. |