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

package/docs/components/Tabs/examples/Tabs.md

@@ -1,7 +1,7 @@
 ---
 id: Tabs
 section: components
-cssPrefix: pf-v5-c-tabs
+cssPrefix: pf-v6-c-tabs
 ---import './Tabs.css'
 
 # Examples
@@ -106,8 +106,8 @@ cssPrefix: pf-v5-c-tabs
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-disabled` | `a.pf-v5-c-tabs__link` | Modifies a tabs link for disabled styles. |
-| `.pf-m-aria-disabled` | `.pf-v5-c-tabs__link` | Modifies a tabs link for disabled styles, but is still hoverable/focusable. |
+| `.pf-m-disabled` | `a.pf-v6-c-tabs__link` | Modifies a tabs link for disabled styles. |
+| `.pf-m-aria-disabled` | `.pf-v6-c-tabs__link` | Modifies a tabs link for disabled styles, but is still hoverable/focusable. |
 
 ## Overflow
 
@@ -240,8 +240,8 @@ cssPrefix: pf-v5-c-tabs
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-scrollable` | `.pf-v5-c-tabs` | Enables the directional scroll buttons. |
-| `.pf-v5-c-tabs__scroll-button` | `<div>` | Initiates a tabs component scroll button container. |
+| `.pf-m-scrollable` | `.pf-v6-c-tabs` | Enables the directional scroll buttons. |
+| `.pf-v6-c-tabs__scroll-button` | `<div>` | Initiates a tabs component scroll button container. |
 
 ### Horizontal overflow example
 
@@ -1845,8 +1845,8 @@ cssPrefix: pf-v5-c-tabs
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-inset-{none, sm, md, lg, xl, 2xl, 3xl}{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v5-c-tabs` | Modifies the tabs component padding/inset to visually match padding of other adjacent components. |
-| `.pf-m-page-insets` | `.pf-v5-c-tabs` | Modifies the tabs component padding/inset to visually match padding of page elements. |
+| `.pf-m-inset-{none, sm, md, lg, xl, 2xl, 3xl}{-on-[sm, md, lg, xl, 2xl]}` | `.pf-v6-c-tabs` | Modifies the tabs component padding/inset to visually match padding of other adjacent components. |
+| `.pf-m-page-insets` | `.pf-v6-c-tabs` | Modifies the tabs component padding/inset to visually match padding of page elements. |
 
 ## Icons
 
@@ -2596,7 +2596,7 @@ cssPrefix: pf-v5-c-tabs
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-fill`  | `.pf-v5-c-tabs` | Modifies the tabs to fill the available space. **Required** |
+| `.pf-m-fill`  | `.pf-v6-c-tabs` | Modifies the tabs to fill the available space. **Required** |
 
 ## Tabs as navigation
 
@@ -8453,34 +8453,34 @@ Whenever a list of tabs is unique on the current page, it can be used in a `<nav
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-tabs` | `<nav>`, `<div>` | Initiates the tabs component. **Required** |
-| `.pf-v5-c-tabs__list` | `<ul>` | Initiates a tabs component list. **Required** |
-| `.pf-v5-c-tabs__item` | `<li>` | Initiates a tabs component item. **Required** |
-| `.pf-v5-c-tabs__item-text` | `<span>` | Initiates a tabs component item icon. **Required** |
-| `.pf-v5-c-tabs__item-icon` | `<span>` | Initiates a tabs component item text. **Required** |
-| `.pf-v5-c-tabs__item-close` | `<span>` | Initiates a tabs component item close. |
-| `.pf-v5-c-tabs__item-close-icon` | `<span>` | Initiates a tabs component item close icon. |
-| `.pf-v5-c-tabs__link` | `<button>`, `<a>` | Initiates a tabs component link. **Required** |
-| `.pf-v5-c-tabs__scroll-button` | `<div>` | Initiates a tabs component scroll button container. |
-| `.pf-v5-c-tabs__add` | `<span>` | Initiates a tabs component add button. |
-| `.pf-v5-c-tabs__toggle` | `<div>` | Initiates a tabs expandable toggle. |
-| `.pf-v5-c-tabs__toggle-button` | `<button>` | Initiates a tabs expandable toggle button. |
-| `.pf-v5-c-tabs__toggle-icon` | `<span>` | Initiates a tabs expandable toggle icon. |
-| `.pf-v5-c-tabs__toggle-text` | `<span>` | Initiates a tabs expandable toggle text. |
-| `.pf-m-tubtab` | `.pf-v5-c-tabs` | Applies subtab styling to the tab component. |
-| `.pf-m-no-border-bottom` | `.pf-v5-c-tabs` | Removes bottom border from a tab component. |
-| `.pf-m-box` | `.pf-v5-c-tabs` | Applies box styling to the tab component. |
-| `.pf-m-vertical` | `.pf-v5-c-tabs` | Applies vertical styling to the tab component. |
-| `.pf-m-fill` | `.pf-v5-c-tabs` | Modifies the tabs to fill the available space. |
-| `.pf-m-current` | `.pf-v5-c-tabs__item` | Indicates that a tab item is currently selected. |
-| `.pf-m-action` | `.pf-v5-c-tabs__item` | Indicates that a tab item contains actions other than the tab link. |
-| `.pf-m-overflow` | `.pf-v5-c-tabs__item` | Applies overflow menu styling to a tab item. |
-| `.pf-m-expanded` | `.pf-v5-c-tabs__item` | Applies expanded styling to the overflow menu tab item. |
-| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[md, lg, xl, 2xl]}` | `.pf-v5-c-tabs` | Modifies tabs horizontal padding at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-page-insets` | `.pf-v5-c-tabs` | Modifies the tabs component padding/inset to visually match padding of page elements. |
-| `.pf-m-secondary` | `.pf-v5-c-tabs.pf-m-box` | Modifies the tabs component tab background colors for the box variant. |
-| `.pf-m-expandable{-on-[breakpoint]}` | `.pf-v5-c-tabs` | Modifies the tabs component to be expandable via a toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). **Note:** works with vertical tabs only. |
-| `.pf-m-non-expandable{-on-[breakpoint]}` | `.pf-v5-c-tabs` | Modifies the tabs component to be non-expandable at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-expanded` | `.pf-v5-c-tabs` | Modifies the expandable tabs component for the expanded state. |
-| `.pf-m-disabled` | `a.pf-v5-c-tabs__link` | Modifies a tabs link for disabled styles. |
-| `.pf-m-aria-disabled` | `.pf-v5-c-tabs__link` | Modifies a tabs link for disabled styles, but is still hoverable/focusable. |
+| `.pf-v6-c-tabs` | `<nav>`, `<div>` | Initiates the tabs component. **Required** |
+| `.pf-v6-c-tabs__list` | `<ul>` | Initiates a tabs component list. **Required** |
+| `.pf-v6-c-tabs__item` | `<li>` | Initiates a tabs component item. **Required** |
+| `.pf-v6-c-tabs__item-text` | `<span>` | Initiates a tabs component item icon. **Required** |
+| `.pf-v6-c-tabs__item-icon` | `<span>` | Initiates a tabs component item text. **Required** |
+| `.pf-v6-c-tabs__item-close` | `<span>` | Initiates a tabs component item close. |
+| `.pf-v6-c-tabs__item-close-icon` | `<span>` | Initiates a tabs component item close icon. |
+| `.pf-v6-c-tabs__link` | `<button>`, `<a>` | Initiates a tabs component link. **Required** |
+| `.pf-v6-c-tabs__scroll-button` | `<div>` | Initiates a tabs component scroll button container. |
+| `.pf-v6-c-tabs__add` | `<span>` | Initiates a tabs component add button. |
+| `.pf-v6-c-tabs__toggle` | `<div>` | Initiates a tabs expandable toggle. |
+| `.pf-v6-c-tabs__toggle-button` | `<button>` | Initiates a tabs expandable toggle button. |
+| `.pf-v6-c-tabs__toggle-icon` | `<span>` | Initiates a tabs expandable toggle icon. |
+| `.pf-v6-c-tabs__toggle-text` | `<span>` | Initiates a tabs expandable toggle text. |
+| `.pf-m-tubtab` | `.pf-v6-c-tabs` | Applies subtab styling to the tab component. |
+| `.pf-m-no-border-bottom` | `.pf-v6-c-tabs` | Removes bottom border from a tab component. |
+| `.pf-m-box` | `.pf-v6-c-tabs` | Applies box styling to the tab component. |
+| `.pf-m-vertical` | `.pf-v6-c-tabs` | Applies vertical styling to the tab component. |
+| `.pf-m-fill` | `.pf-v6-c-tabs` | Modifies the tabs to fill the available space. |
+| `.pf-m-current` | `.pf-v6-c-tabs__item` | Indicates that a tab item is currently selected. |
+| `.pf-m-action` | `.pf-v6-c-tabs__item` | Indicates that a tab item contains actions other than the tab link. |
+| `.pf-m-overflow` | `.pf-v6-c-tabs__item` | Applies overflow menu styling to a tab item. |
+| `.pf-m-expanded` | `.pf-v6-c-tabs__item` | Applies expanded styling to the overflow menu tab item. |
+| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[md, lg, xl, 2xl]}` | `.pf-v6-c-tabs` | Modifies tabs horizontal padding at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-page-insets` | `.pf-v6-c-tabs` | Modifies the tabs component padding/inset to visually match padding of page elements. |
+| `.pf-m-secondary` | `.pf-v6-c-tabs.pf-m-box` | Modifies the tabs component tab background colors for the box variant. |
+| `.pf-m-expandable{-on-[breakpoint]}` | `.pf-v6-c-tabs` | Modifies the tabs component to be expandable via a toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). **Note:** works with vertical tabs only. |
+| `.pf-m-non-expandable{-on-[breakpoint]}` | `.pf-v6-c-tabs` | Modifies the tabs component to be non-expandable at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-expanded` | `.pf-v6-c-tabs` | Modifies the expandable tabs component for the expanded state. |
+| `.pf-m-disabled` | `a.pf-v6-c-tabs__link` | Modifies a tabs link for disabled styles. |
+| `.pf-m-aria-disabled` | `.pf-v6-c-tabs__link` | Modifies a tabs link for disabled styles, but is still hoverable/focusable. |

package/docs/components/TextInputGroup/examples/TextInputGroup.md

@@ -1,7 +1,7 @@
 ---
 id: 'Text input group'
 section: components
-cssPrefix: pf-v5-c-text-input-group
+cssPrefix: pf-v6-c-text-input-group
 ---import './TextInputGroup.css'
 
 ## Examples

package/docs/components/Tile/examples/Tile.md

@@ -1,7 +1,7 @@
 ---
 id: Tile
 section: components
-cssPrefix: pf-v5-c-tile
+cssPrefix: pf-v6-c-tile
 ---import './Tile.css'
 
 ## Examples
@@ -993,19 +993,19 @@ cssPrefix: pf-v5-c-tile
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `tabindex="0"` | `.pf-v5-c-tile` | Inserts the tile into the tab order of the page so that it is focusable. **Required** |
-| `tabindex="-1"` | `.pf-v5-c-tile` | Removes the tile from keyboard focus when it is disabled. |
+| `tabindex="0"` | `.pf-v6-c-tile` | Inserts the tile into the tab order of the page so that it is focusable. **Required** |
+| `tabindex="-1"` | `.pf-v6-c-tile` | Removes the tile from keyboard focus when it is disabled. |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-tile` | `<div>` | Initiates a tile. **Required**  |
-| `.pf-v5-c-tile__header` | `<div>` | Initiates the tile header. |
-| `.pf-v5-c-tile__title` | `<div>` | Initiates the tile title. |
-| `.pf-v5-c-tile__icon` | `<div>` | Initiates the tile icon or image. |
-| `.pf-v5-c-tile__body` | `<div>` | Initiates the tile body. |
-| `.pf-m-selected` | `.pf-v5-c-tile` | Modifies the tile for the selected state. |
-| `.pf-m-disabled` | `.pf-v5-c-tile` | Modifies the tile for the disabled state. |
-| `.pf-m-stacked` | `.pf-v5-c-tile__header` | Modifies the tile header to be stacked vertically. |
-| `.pf-m-display-lg` | `.pf-v5-c-tile` | Modifies the tile to have large display styling. |
+| `.pf-v6-c-tile` | `<div>` | Initiates a tile. **Required**  |
+| `.pf-v6-c-tile__header` | `<div>` | Initiates the tile header. |
+| `.pf-v6-c-tile__title` | `<div>` | Initiates the tile title. |
+| `.pf-v6-c-tile__icon` | `<div>` | Initiates the tile icon or image. |
+| `.pf-v6-c-tile__body` | `<div>` | Initiates the tile body. |
+| `.pf-m-selected` | `.pf-v6-c-tile` | Modifies the tile for the selected state. |
+| `.pf-m-disabled` | `.pf-v6-c-tile` | Modifies the tile for the disabled state. |
+| `.pf-m-stacked` | `.pf-v6-c-tile__header` | Modifies the tile header to be stacked vertically. |
+| `.pf-m-display-lg` | `.pf-v6-c-tile` | Modifies the tile to have large display styling. |

package/docs/components/Timestamp/examples/Timestamp.md

@@ -2,7 +2,7 @@
 id: Timestamp
 beta: true
 section: components
-cssPrefix: pf-v5-c-timestamp
+cssPrefix: pf-v6-c-timestamp
 ---## Examples
 
 ### Basic
@@ -57,6 +57,6 @@ cssPrefix: pf-v5-c-timestamp
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-timestamp` | `<span>` | Creates a timestamp. **Required** |
-| `.pf-v5-c-timestamp__text` | `<time>` | Creates the visual text of the timestamp. **Required** |
-| `.pf-m-help-text`| `.pf-v5-c-timestamp` | Modifies styling for a timestamp that has help text. |
+| `.pf-v6-c-timestamp` | `<span>` | Creates a timestamp. **Required** |
+| `.pf-v6-c-timestamp__text` | `<time>` | Creates the visual text of the timestamp. **Required** |
+| `.pf-m-help-text`| `.pf-v6-c-timestamp` | Modifies styling for a timestamp that has help text. |

package/docs/components/Title/examples/Title.md

@@ -1,7 +1,7 @@
 ---
 id: Title
 section: components
-cssPrefix: pf-v5-c-title
+cssPrefix: pf-v6-c-title
 ---## Examples
 
 ### Size modifiers
@@ -38,27 +38,27 @@ The content component defines margin on headers. To regain the same spacing use,
 
 | Title | Margin top | Margin bottom |
 | -- | -- | -- |
-| 4xl | `.pf-v5-u-mt-lg` | `.pf-v5-u-mb-sm` |
-| 3xl | `.pf-v5-u-mt-lg` | `.pf-v5-u-mb-sm` |
-| 2xl | `.pf-v5-u-mt-lg` | `.pf-v5-u-mb-sm` |
-| xl | `.pf-v5-u-mt-lg` | `.pf-v5-u-mb-sm` |
-| lg | `.pf-v5-u-mt-lg` | `.pf-v5-u-mb-sm` |
-| md | `.pf-v5-u-mt-lg` | `.pf-v5-u-mb-sm` |
+| 4xl | `.pf-v6-u-mt-lg` | `.pf-v6-u-mb-sm` |
+| 3xl | `.pf-v6-u-mt-lg` | `.pf-v6-u-mb-sm` |
+| 2xl | `.pf-v6-u-mt-lg` | `.pf-v6-u-mb-sm` |
+| xl | `.pf-v6-u-mt-lg` | `.pf-v6-u-mb-sm` |
+| lg | `.pf-v6-u-mt-lg` | `.pf-v6-u-mb-sm` |
+| md | `.pf-v6-u-mt-lg` | `.pf-v6-u-mb-sm` |
 
 ### Usage
 
 | Class | Applied | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-title` | `*` |  Initiates a title. Always use it with a modifier class. |
-| `.pf-m-4xl` | `.pf-v5-c-title` | Modifies for 4xl size |
-| `.pf-m-3xl` | `.pf-v5-c-title` | Modifies for 3xl size |
-| `.pf-m-2xl` | `.pf-v5-c-title` | Modifies for 2xl size |
-| `.pf-m-xl` | `.pf-v5-c-title` | Modifies for xl size |
-| `.pf-m-lg` | `.pf-v5-c-title` | Modifies for lg size |
-| `.pf-m-md` | `.pf-v5-c-title` | Modifies for md size |
-| `.pf-m-h1` | `.pf-v5-c-title` | Modifies for default h1 size |
-| `.pf-m-h2` | `.pf-v5-c-title` | Modifies for default h2 size |
-| `.pf-m-h3` | `.pf-v5-c-title` | Modifies for default h3 size |
-| `.pf-m-h4` | `.pf-v5-c-title` | Modifies for default h4 size |
-| `.pf-m-h5` | `.pf-v5-c-title` | Modifies for default h5 size |
-| `.pf-m-h6` | `.pf-v5-c-title` | Modifies for default h6 size |
+| `.pf-v6-c-title` | `*` |  Initiates a title. Always use it with a modifier class. |
+| `.pf-m-4xl` | `.pf-v6-c-title` | Modifies for 4xl size |
+| `.pf-m-3xl` | `.pf-v6-c-title` | Modifies for 3xl size |
+| `.pf-m-2xl` | `.pf-v6-c-title` | Modifies for 2xl size |
+| `.pf-m-xl` | `.pf-v6-c-title` | Modifies for xl size |
+| `.pf-m-lg` | `.pf-v6-c-title` | Modifies for lg size |
+| `.pf-m-md` | `.pf-v6-c-title` | Modifies for md size |
+| `.pf-m-h1` | `.pf-v6-c-title` | Modifies for default h1 size |
+| `.pf-m-h2` | `.pf-v6-c-title` | Modifies for default h2 size |
+| `.pf-m-h3` | `.pf-v6-c-title` | Modifies for default h3 size |
+| `.pf-m-h4` | `.pf-v6-c-title` | Modifies for default h4 size |
+| `.pf-m-h5` | `.pf-v6-c-title` | Modifies for default h5 size |
+| `.pf-m-h6` | `.pf-v6-c-title` | Modifies for default h6 size |

package/docs/components/ToggleGroup/examples/toggle-group.md

@@ -1,7 +1,7 @@
 ---
 id: Toggle group
 section: components
-cssPrefix: pf-v5-c-toggle-group
+cssPrefix: pf-v6-c-toggle-group
 ---import './toggle-group.css'
 
 ## Examples
@@ -321,17 +321,17 @@ cssPrefix: pf-v5-c-toggle-group
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `aria-label="[button label text]"` | `.pf-v5-c-toggle-group__button` | Provides an accessible name for the button when an icon is used instead of text. **Required when icon is used with no supporting text** |
-| `disabled` | `.pf-v5-c-toggle-group__button` | When a button element is used, indicates that it is unavailable and removes it from keyboard focus. **Required when button is disabled** |
+| `aria-label="[button label text]"` | `.pf-v6-c-toggle-group__button` | Provides an accessible name for the button when an icon is used instead of text. **Required when icon is used with no supporting text** |
+| `disabled` | `.pf-v6-c-toggle-group__button` | When a button element is used, indicates that it is unavailable and removes it from keyboard focus. **Required when button is disabled** |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-toggle-group` | `<div>` | Initiates the toggle group. **Required** |
-| `.pf-v5-c-toggle-group__button` | `<button>` | Initiates the toggle group button. **Required** |
-| `.pf-v5-c-toggle-group__item` | `<div>` | Initiates the toggle group item wrapper. **Required** |
-| `.pf-v5-c-toggle-group__text` | `<span>` | Initiates the toggle button text element. |
-| `.pf-v5-c-toggle-group__icon` | `<span>` | Initiates the toggle button icon element. |
-| `.pf-m-compact` | `.pf-v5-c-toggle-group` | Modifies the toggle group for compact styles. |
-| `.pf-m-selected` | `.pf-v5-c-toggle-group__button` | Modifies the toggle button group button for the selected state. |
+| `.pf-v6-c-toggle-group` | `<div>` | Initiates the toggle group. **Required** |
+| `.pf-v6-c-toggle-group__button` | `<button>` | Initiates the toggle group button. **Required** |
+| `.pf-v6-c-toggle-group__item` | `<div>` | Initiates the toggle group item wrapper. **Required** |
+| `.pf-v6-c-toggle-group__text` | `<span>` | Initiates the toggle button text element. |
+| `.pf-v6-c-toggle-group__icon` | `<span>` | Initiates the toggle button icon element. |
+| `.pf-m-compact` | `.pf-v6-c-toggle-group` | Modifies the toggle group for compact styles. |
+| `.pf-m-selected` | `.pf-v6-c-toggle-group__button` | Modifies the toggle button group button for the selected state. |

package/docs/components/Toolbar/examples/Toolbar.md

@@ -1,39 +1,39 @@
 ---
 id: Toolbar
 section: components
-cssPrefix: pf-v5-c-toolbar
+cssPrefix: pf-v6-c-toolbar
 ---import './Toolbar.css'
 
 <!-- TODO: add documentation for resize observer/responsive variable usage -->
 
-Toolbar relies on groups (`.pf-v5-c-toolbar__group`) and items (`.pf-v5-c-toolbar__item`), with default col/row gap values. Groups and items can be siblings and/or items can be nested within groups. Modifier selectors adjust spacing based on the type of group. The default `column-gap` value for items and groups is set to `--pf-v5-c--ColumnGap`, whose value is `--pf-t--global--spacer--sm` or 8px.
+Toolbar relies on groups (`.pf-v6-c-toolbar__group`) and items (`.pf-v6-c-toolbar__item`), with default col/row gap values. Groups and items can be siblings and/or items can be nested within groups. Modifier selectors adjust spacing based on the type of group. The default `column-gap` value for items and groups is set to `--pf-v6-c--ColumnGap`, whose value is `--pf-t--global--spacer--sm` or 8px.
 
 ### Default spacing for items and groups:
 
 | Class | CSS Variable | Computed Value |
 | -- | -- | -- |
-| `.pf-v5-c-toolbar__group` | `--pf-v5-c-toolbar__group--ColumnGap` | `8px` |
-| `.pf-v5-c-toolbar__item` | `--pf-v5-c-toolbar__item--ColumnGap` | `8px` |
+| `.pf-v6-c-toolbar__group` | `--pf-v6-c-toolbar__group--ColumnGap` | `8px` |
+| `.pf-v6-c-toolbar__item` | `--pf-v6-c-toolbar__item--ColumnGap` | `8px` |
 
 ### Toolbar item types
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-pagination` | `.pf-v5-c-toolbar__item` | Initiates pagination and margin. |
+| `.pf-m-pagination` | `.pf-v6-c-toolbar__item` | Initiates pagination and margin. |
 
 ### Modifiers
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-[hidden/visible]` | `.pf-v5-c-toolbar > *` | Modifies toolbar element to be hidden/visible. |
-| `.pf-m-flex-grow` | `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies toolbar element to `flex-grow: 1`, allowing it to consume available main-axis space. |
-| `.pf-m-align-[start/end]` | `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies toolbar [main axis](https://developer.mozilla.org/en-US/docs/Glossary/Main_Axis) element alignment. |
-| `.pf-m-align-items-[stretch/baseline/start/center/end]` | `.pf-v5-c-toolbar__content`, `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies toolbar element [cross axis](https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis) child alignment. |
-| `.pf-m-align-self-[stretch/baseline/start/center/end]` | `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies toolbar element [cross axis](https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis) self alignment. |
+| `.pf-m-[hidden/visible]` | `.pf-v6-c-toolbar > *` | Modifies toolbar element to be hidden/visible. |
+| `.pf-m-flex-grow` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar element to `flex-grow: 1`, allowing it to consume available main-axis space. |
+| `.pf-m-align-[start/end]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar [main axis](https://developer.mozilla.org/en-US/docs/Glossary/Main_Axis) element alignment. |
+| `.pf-m-align-items-[stretch/baseline/start/center/end]` | `.pf-v6-c-toolbar__content`, `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar element [cross axis](https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis) child alignment. |
+| `.pf-m-align-self-[stretch/baseline/start/center/end]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar element [cross axis](https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis) self alignment. |
 
 ### Special notes
 
-Several components in the following examples do not include functional and/or accessibility specifications (for example `.pf-v5-c-select`, `.pf-v5-c-options-menu`). Rather, `.pf-v5-c-toolbar` focuses on functionality and accessibility specifications that apply to it only.
+Several components in the following examples do not include functional and/or accessibility specifications (for example `.pf-v6-c-select`, `.pf-v6-c-options-menu`). Rather, `.pf-v6-c-toolbar` focuses on functionality and accessibility specifications that apply to it only.
 
 **Available [breakpoints](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) are: `-on-sm`, `-on-md`, `-on-lg`, `-on-xl`, and `-on-2xl`.**
 
@@ -68,8 +68,8 @@ Several components in the following examples do not include functional and/or ac
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-toolbar__item` | `<div>` | Initiates the toolbar component item. **Required** |
-| `.pf-v5-c-toolbar__group` | `<div>` | Initiates the toolbar component group. |
+| `.pf-v6-c-toolbar__item` | `<div>` | Initiates the toolbar component item. **Required** |
+| `.pf-v6-c-toolbar__group` | `<div>` | Initiates the toolbar component group. |
 
 ### Adjusted group column gap
 
@@ -136,8 +136,8 @@ Several components in the following examples do not include functional and/or ac
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-column-gap-[none/sm/md/lg]` | `.pf-v5-c-toolbar__group` | Modifies toolbar group child spacing. |
-| `.pf-m-inset-[none/sm/md/lg/xl/2xl]` | `.pf-v5-c-toolbar` | Modifies toolbar horizontal. |
+| `.pf-m-column-gap-[none/sm/md/lg]` | `.pf-v6-c-toolbar__group` | Modifies toolbar group child spacing. |
+| `.pf-m-inset-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar` | Modifies toolbar horizontal. |
 
 ### Width control
 
@@ -148,7 +148,7 @@ Several components in the following examples do not include functional and/or ac
       <div class="pf-v6-c-toolbar__group">
         <div
           class="pf-v6-c-toolbar__item"
-          style="--pf-v5-c-toolbar__item--Width: 80px; --pf-v5-c-toolbar__item--Width-on-xl: 10rem"
+          style="--pf-v6-c-toolbar__item--Width: 80px; --pf-v6-c-toolbar__item--Width-on-xl: 10rem"
         >Item</div>
         <div class="pf-v6-c-toolbar__item">Item</div>
       </div>
@@ -165,8 +165,8 @@ Several components in the following examples do not include functional and/or ac
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `--pf-v5-c-toolbar__item--Width: {width}` | `.pf-v5-c-toolbar__item` |  Modifies the width value of a toolbar item at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `--pf-v5-c-toolbar__item--MinWidth: {width}` | `.pf-v5-c-toolbar__item` |  Modifies the min width value of a toolbar item at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `--pf-v6-c-toolbar__item--Width: {width}` | `.pf-v6-c-toolbar__item` |  Modifies the width value of a toolbar item at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `--pf-v6-c-toolbar__item--MinWidth: {width}` | `.pf-v6-c-toolbar__item` |  Modifies the min width value of a toolbar item at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
 
 ### Group types
 
@@ -271,8 +271,8 @@ Several components in the following examples do not include functional and/or ac
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-filter-group` | `.pf-v5-c-toolbar__group` | Modifies toolbar group column gap. |
-| `.pf-m-icon-button-group` | `.pf-v5-c-toolbar__group` | Modifies toolbar group column gap. |
+| `.pf-m-filter-group` | `.pf-v6-c-toolbar__group` | Modifies toolbar group column gap. |
+| `.pf-m-icon-button-group` | `.pf-v6-c-toolbar__group` | Modifies toolbar group column gap. |
 
 ### Toggle group
 
@@ -498,24 +498,24 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `hidden` | `.pf-v5-c-toolbar__item`, `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__toggle`, `.pf-v5-c-toolbar__expandable-content` |  Indicates that the toggle group element is hidden. **Required** |
-| `aria-expanded="[true/false]"` | `.pf-v5-c-toolbar__toggle > .pf-v5-c-button` |  Indicates that the expandable content is visible/hidden. **Required** |
-| `aria-controls="[id of expandable content]"` | `.pf-v5-c-toolbar__toggle > .pf-v5-c-button` |  Identifies the expanded content controlled by the toggle button. **Required** |
-| `id="[expandable-content_id]"` | `.pf-v5-c-toolbar__expandable-content` | Provides a reference for toggle button description. **Required** |
+| `hidden` | `.pf-v6-c-toolbar__item`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__toggle`, `.pf-v6-c-toolbar__expandable-content` |  Indicates that the toggle group element is hidden. **Required** |
+| `aria-expanded="[true/false]"` | `.pf-v6-c-toolbar__toggle > .pf-v6-c-button` |  Indicates that the expandable content is visible/hidden. **Required** |
+| `aria-controls="[id of expandable content]"` | `.pf-v6-c-toolbar__toggle > .pf-v6-c-button` |  Identifies the expanded content controlled by the toggle button. **Required** |
+| `id="[expandable-content_id]"` | `.pf-v6-c-toolbar__expandable-content` | Provides a reference for toggle button description. **Required** |
 
 ### Responsive attributes
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `aria-haspopup=true` | `.pf-v5-c-toolbar__toggle > .pf-v5-c-button` | When expandable content appears above content (mobile viewport), `aria-haspopup=true` should be applied to indicate that focus should be trapped. **Required** |
+| `aria-haspopup=true` | `.pf-v6-c-toolbar__toggle > .pf-v6-c-button` | When expandable content appears above content (mobile viewport), `aria-haspopup=true` should be applied to indicate that focus should be trapped. **Required** |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-[show/hide][-on-[sm/md/lg/xl/2xl]]` | `.pf-v5-c-toolbar__group.pf-m-toggle-group`, `.pf-v5-c-toolbar__expandable-content` | Modifies toolbar element visibility. |
-| `.pf-m-chip-container` | `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__group` | Modifies the toolbar element for applied filters layout. |
-| `.pf-m-expanded` | `.pf-v5-c-toolbar__expandable-content`, `.pf-v5-c-toolbar__toggle` | Modifies the component for the expanded state. |
+| `.pf-m-[show/hide][-on-[sm/md/lg/xl/2xl]]` | `.pf-v6-c-toolbar__group.pf-m-toggle-group`, `.pf-v6-c-toolbar__expandable-content` | Modifies toolbar element visibility. |
+| `.pf-m-chip-container` | `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group` | Modifies the toolbar element for applied filters layout. |
+| `.pf-m-expanded` | `.pf-v6-c-toolbar__expandable-content`, `.pf-v6-c-toolbar__toggle` | Modifies the component for the expanded state. |
 
 ### Selected
 
@@ -2242,47 +2242,47 @@ As the toolbar component is a hybrid layout and component, some of its elements
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-toolbar` | `<div>` | Initiates the toolbar component. **Required** |
-| `.pf-v5-c-toolbar__item` | `<div>` | Initiates a toolbar item. **Required** |
-| `.pf-v5-c-toolbar__group` | `<div>` | Initiates a toolbar group. |
-| `.pf-v5-c-toolbar__content` | `<div>` | Initiates a toolbar content container. **Required** |
-| `.pf-v5-c-toolbar__content-section` | `<div>` | Initiates a toolbar content section. This is used to separate static elements from dynamic elements within a content container. There should be no more than one `.pf-v5-c-toolbar__content-section` per `.pf-v5-c-toolbar__content` **Required** |
-| `.pf-v5-c-toolbar__expandable-content` | `<div>` | Initiates a toolbar expandable content section. |
-| `.pf-m-sticky` | `.pf-v5-c-toolbar` | Modifies toolbar component to be sticky to the top of its container. |
-| `.pf-m-full-height` | `.pf-v5-c-toolbar`, `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__group` | Modifies toolbar component to full height of its container and removes vertical padding. |
-| `.pf-m-static` | `.pf-v5-c-toolbar` | Modifies expandable content section to position itself to the nearest absolutely positioned parent outside of the toolbar component. This is used primarily for masthead toolbar. |
-| `.pf-m-expanded` | `.pf-v5-c-toolbar__expandable-content` | Modifies expandable content section for the expanded state. |
-| `.pf-m-expanded` | `.pf-v5-c-toolbar__item.pf-m-expand-all` | Modifies an expand all button for the expanded state. |
-| `.pf-m-icon-button-group` | `.pf-v5-c-toolbar__group` | Initiates icon button group spacing. |
-| `.pf-m-filter-group` | `.pf-v5-c-toolbar__group` | Initiates filter group spacing. |
-| `.pf-m-chip-container` | `.pf-v5-c-toolbar__content`, `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__group` | Modifies the toolbar element for applied filters layout. |
-| `.pf-m-overflow-container` | `.pf-v5-c-toolbar__item`, `.pf-v5-c-toolbar__group` | Modifies the toolbar element to hide overflow and respond to available space. Used for horizontal navigation. |
-| `.pf-m-expanded` | `.pf-v5-c-toolbar__expandable-content`, `.pf-v5-c-toolbar__toggle` | Modifies the component for the expanded state. |
-| `.pf-m-[wrap/nowrap]` | `.pf-v5-c-toolbar__content`, `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies the toolbar element to wrap/not wrap. |
-| `.pf-m-align-[start/end]` | `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies toolbar [main axis](https://developer.mozilla.org/en-US/docs/Glossary/Main_Axis) element alignment. |
-| `.pf-m-align-items-[stretch/baseline/start/center/end]` | `.pf-v5-c-toolbar__content`, `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies toolbar element [cross axis](https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis) child alignment. |
-| `.pf-m-align-self-[stretch/baseline/start/center/end]` | `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies toolbar element [cross axis](https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis) self alignment. |
+| `.pf-v6-c-toolbar` | `<div>` | Initiates the toolbar component. **Required** |
+| `.pf-v6-c-toolbar__item` | `<div>` | Initiates a toolbar item. **Required** |
+| `.pf-v6-c-toolbar__group` | `<div>` | Initiates a toolbar group. |
+| `.pf-v6-c-toolbar__content` | `<div>` | Initiates a toolbar content container. **Required** |
+| `.pf-v6-c-toolbar__content-section` | `<div>` | Initiates a toolbar content section. This is used to separate static elements from dynamic elements within a content container. There should be no more than one `.pf-v6-c-toolbar__content-section` per `.pf-v6-c-toolbar__content` **Required** |
+| `.pf-v6-c-toolbar__expandable-content` | `<div>` | Initiates a toolbar expandable content section. |
+| `.pf-m-sticky` | `.pf-v6-c-toolbar` | Modifies toolbar component to be sticky to the top of its container. |
+| `.pf-m-full-height` | `.pf-v6-c-toolbar`, `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group` | Modifies toolbar component to full height of its container and removes vertical padding. |
+| `.pf-m-static` | `.pf-v6-c-toolbar` | Modifies expandable content section to position itself to the nearest absolutely positioned parent outside of the toolbar component. This is used primarily for masthead toolbar. |
+| `.pf-m-expanded` | `.pf-v6-c-toolbar__expandable-content` | Modifies expandable content section for the expanded state. |
+| `.pf-m-expanded` | `.pf-v6-c-toolbar__item.pf-m-expand-all` | Modifies an expand all button for the expanded state. |
+| `.pf-m-icon-button-group` | `.pf-v6-c-toolbar__group` | Initiates icon button group spacing. |
+| `.pf-m-filter-group` | `.pf-v6-c-toolbar__group` | Initiates filter group spacing. |
+| `.pf-m-chip-container` | `.pf-v6-c-toolbar__content`, `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group` | Modifies the toolbar element for applied filters layout. |
+| `.pf-m-overflow-container` | `.pf-v6-c-toolbar__item`, `.pf-v6-c-toolbar__group` | Modifies the toolbar element to hide overflow and respond to available space. Used for horizontal navigation. |
+| `.pf-m-expanded` | `.pf-v6-c-toolbar__expandable-content`, `.pf-v6-c-toolbar__toggle` | Modifies the component for the expanded state. |
+| `.pf-m-[wrap/nowrap]` | `.pf-v6-c-toolbar__content`, `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies the toolbar element to wrap/not wrap. |
+| `.pf-m-align-[start/end]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar [main axis](https://developer.mozilla.org/en-US/docs/Glossary/Main_Axis) element alignment. |
+| `.pf-m-align-items-[stretch/baseline/start/center/end]` | `.pf-v6-c-toolbar__content`, `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar element [cross axis](https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis) child alignment. |
+| `.pf-m-align-self-[stretch/baseline/start/center/end]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar element [cross axis](https://developer.mozilla.org/en-US/docs/Glossary/Cross_Axis) self alignment. |
 
 ### Accessibility
 
 | Attribute | Applied to | Outcome |
 | -- | -- | -- |
-| `hidden` | `.pf-v5-c-toolbar__item`, `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__toggle`, `.pf-v5-c-toolbar__expandable-content` |  Indicates that the toolbar element is hidden. **Required** |
-| `aria-expanded="[true/false]"` | `.pf-v5-c-toolbar__toggle > .pf-v5-c-button` |  Indicates the the expandable content is hidden/visible. **Required** |
-| `aria-controls="[id of expandable content]"` | `.pf-v5-c-toolbar__toggle > .pf-v5-c-button` |  Identifies the expanded content controlled by the toggle button. **Required** |
-| `id="[expandable-content_id]"` | `.pf-v5-c-toolbar__expandable-content` | Provides a reference for toggle button description. **Required** |
-| `aria-label="Expand all"` | `.pf-v5-c-toolbar__item.pf-m-expand-all` | Provides an accessible label for the expand all item button. **Required** |
-| `aria-label="Collapse all"` | `.pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded` | Provides an accessible label for the expand all item button. **Required** |
+| `hidden` | `.pf-v6-c-toolbar__item`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__toggle`, `.pf-v6-c-toolbar__expandable-content` |  Indicates that the toolbar element is hidden. **Required** |
+| `aria-expanded="[true/false]"` | `.pf-v6-c-toolbar__toggle > .pf-v6-c-button` |  Indicates the the expandable content is hidden/visible. **Required** |
+| `aria-controls="[id of expandable content]"` | `.pf-v6-c-toolbar__toggle > .pf-v6-c-button` |  Identifies the expanded content controlled by the toggle button. **Required** |
+| `id="[expandable-content_id]"` | `.pf-v6-c-toolbar__expandable-content` | Provides a reference for toggle button description. **Required** |
+| `aria-label="Expand all"` | `.pf-v6-c-toolbar__item.pf-m-expand-all` | Provides an accessible label for the expand all item button. **Required** |
+| `aria-label="Collapse all"` | `.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded` | Provides an accessible label for the expand all item button. **Required** |
 
 ### Toggle group usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-toggle-group` | `.pf-v5-c-toolbar__group` | Modifies toolbar group to control when, and at which breakpoint, filters will be hidden/shown. By default, all filters are hidden until the specified breakpoint is reached. |
-| `.pf-m-[show/hide]` | `.pf-v5-c-toolbar__group.pf-m-toggle-group`, `.pf-v5-c-toolbar__expandable-content` | Modifies toolbar element to hidden. |
+| `.pf-m-toggle-group` | `.pf-v6-c-toolbar__group` | Modifies toolbar group to control when, and at which breakpoint, filters will be hidden/shown. By default, all filters are hidden until the specified breakpoint is reached. |
+| `.pf-m-[show/hide]` | `.pf-v6-c-toolbar__group.pf-m-toggle-group`, `.pf-v6-c-toolbar__expandable-content` | Modifies toolbar element to hidden. |
 
 ### Spacer system
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v5-c-toolbar__group`, `.pf-v5-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |

package/docs/components/Tooltip/examples/Tooltip.md

@@ -1,7 +1,7 @@
 ---
 id: Tooltip
 section: components
-cssPrefix: pf-v5-c-tooltip
+cssPrefix: pf-v6-c-tooltip
 ---import "./Tooltip.css"
 
 ## Examples
@@ -132,11 +132,11 @@ A tooltip is used to provide contextual information for another component on hov
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-tooltip` | `<div>` |  Creates a tooltip. Always use with a modifier class that positions the tooltip relative to the element it describes. **Required**|
-| `.pf-v5-c-tooltip__arrow` | `<div>` |  Creates an arrow pointing towards the element the tooltip describes. **Required** |
-| `.pf-v5-c-tooltip__content` | `<div>` |  Creates the body of the tooltip. **Required** |
-| `.pf-m-left{-top/bottom}` | `.pf-v5-c-tooltip` | Positions the tooltip to the left (or left top/left bottom) of the element. |
-| `.pf-m-right{-top/bottom}` | `.pf-v5-c-tooltip` | Positions the tooltip to the right (or right top/right bottom) of the element. |
-| `.pf-m-top{-left/right}` | `.pf-v5-c-tooltip` | Positions the tooltip to the top (or top left/top right) of the element. |
-| `.pf-m-bottom{-left/right}` | `.pf-v5-c-tooltip` | Positions the tooltip to the bottom (or bottom left/bottom right) of the element. |
-| `.pf-m-text-align-left` | `.pf-v5-c-tooltip__content` | Modifies tooltip content to text align left. |
+| `.pf-v6-c-tooltip` | `<div>` |  Creates a tooltip. Always use with a modifier class that positions the tooltip relative to the element it describes. **Required**|
+| `.pf-v6-c-tooltip__arrow` | `<div>` |  Creates an arrow pointing towards the element the tooltip describes. **Required** |
+| `.pf-v6-c-tooltip__content` | `<div>` |  Creates the body of the tooltip. **Required** |
+| `.pf-m-left{-top/bottom}` | `.pf-v6-c-tooltip` | Positions the tooltip to the left (or left top/left bottom) of the element. |
+| `.pf-m-right{-top/bottom}` | `.pf-v6-c-tooltip` | Positions the tooltip to the right (or right top/right bottom) of the element. |
+| `.pf-m-top{-left/right}` | `.pf-v6-c-tooltip` | Positions the tooltip to the top (or top left/top right) of the element. |
+| `.pf-m-bottom{-left/right}` | `.pf-v6-c-tooltip` | Positions the tooltip to the bottom (or bottom left/bottom right) of the element. |
+| `.pf-m-text-align-left` | `.pf-v6-c-tooltip__content` | Modifies tooltip content to text align left. |