@patternfly/patternfly 6.0.0-alpha.98 → 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. |