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

package/docs/components/CodeBlock/examples/CodeBlock.md

@@ -1,7 +1,7 @@
 ---
 id: 'Code block'
 section: components
-cssPrefix: pf-v5-c-code-block
+cssPrefix: pf-v6-c-code-block
 ---## Examples
 
 ### Basic
@@ -171,10 +171,10 @@ name: azure-sample-repo<div
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-code-block` | `<div>` | Initiates the code block component. **Required** |
-| `.pf-v5-c-code-block__header` | `<div>` | Initiates the code block header. |
-| `.pf-v5-c-code-block__actions` | `<div>` | Initiates the code block actions. |
-| `.pf-v5-c-code-block__actions-item` | `<div>` | Initiates a code block action item. |
-| `.pf-v5-c-code-block__content` | `<div>` | Initiates the code block content. **Required** |
-| `.pf-v5-c-code-block__pre` | `<pre>` | Initiates the code block `<pre>` element. **Required** |
-| `.pf-v5-c-code-block__code` | `<code>` | Initiates the code block `<code>` element. **Required** |
+| `.pf-v6-c-code-block` | `<div>` | Initiates the code block component. **Required** |
+| `.pf-v6-c-code-block__header` | `<div>` | Initiates the code block header. |
+| `.pf-v6-c-code-block__actions` | `<div>` | Initiates the code block actions. |
+| `.pf-v6-c-code-block__actions-item` | `<div>` | Initiates a code block action item. |
+| `.pf-v6-c-code-block__content` | `<div>` | Initiates the code block content. **Required** |
+| `.pf-v6-c-code-block__pre` | `<pre>` | Initiates the code block `<pre>` element. **Required** |
+| `.pf-v6-c-code-block__code` | `<code>` | Initiates the code block `<code>` element. **Required** |

package/docs/components/CodeEditor/examples/CodeEditor.md

@@ -1,7 +1,7 @@
 ---
 id: Code editor
 section: components
-cssPrefix: pf-v5-c-code-editor
+cssPrefix: pf-v6-c-code-editor
 ---## Examples
 
 ### Default
@@ -234,7 +234,7 @@ cssPrefix: pf-v5-c-code-editor
       <div class="pf-v6-c-code-editor__keyboard-shortcuts">
         <button class="pf-v6-c-button pf-m-link" type="button">
           <span class="pf-v6-c-button__icon pf-m-start">
-            <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
+            <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
           </span>
           View shortcuts
         </button>
@@ -264,15 +264,15 @@ cssPrefix: pf-v5-c-code-editor
 
 | Class                                      | Applied to | Outcome                                                                                       |
 | ------------------------------------------ | ---------- | --------------------------------------------------------------------------------------------- |
-| `.pf-v5-c-code-editor`                     | `<div>`    | Initiates the code editor component. **Required**                                             |
-| `.pf-v5-c-code-editor__header`             | `<div>`    | Initiates the code editor header used for the controls and tab elements. **Required**         |
-| `.pf-v5-c-code-editor__header-content`     | `<div>`    | Initiates the code editor header content used for the controls and tab elements. **Required** |
-| `.pf-v5-c-code-editor__main`               | `<div>`    | Initiates the main container for a code editor e.g. Monaco **Required**                       |
-| `.pf-v5-c-code-editor__code`               | `<div>`    | Initiates the container for code without a JS code editor. Comes with PatternFly styling.     |
-| `.pf-v5-c-code-editor__controls`           | `<div>`    | Initiates the code editor controls.                                                           |
-| `.pf-v5-c-code-editor__header-main`        | `<div>`    | Initiates the code editor header content area.                                                |
-| `.pf-v5-c-code-editor__keyboard-shortcuts` | `<div>`    | Initiates the code editor header keyboard shortcuts area.                                     |
-| `.pf-v5-c-code-editor__tab`                | `<div>`    | Initiates the code editor tab.                                                                |
-| `.pf-v5-c-code-editor__tab-text`           | `<span>`   | Initiates the code editor tab text.                                                           |
-| `.pf-v5-c-code-editor__tab-icon`           | `<span>`   | Initiates the code editor tab icon.                                                           |
-| `.pf-v5-c-code-editor__upload`             | `<div>`    | Initiates the code editor upload border.                                                      |
+| `.pf-v6-c-code-editor`                     | `<div>`    | Initiates the code editor component. **Required**                                             |
+| `.pf-v6-c-code-editor__header`             | `<div>`    | Initiates the code editor header used for the controls and tab elements. **Required**         |
+| `.pf-v6-c-code-editor__header-content`     | `<div>`    | Initiates the code editor header content used for the controls and tab elements. **Required** |
+| `.pf-v6-c-code-editor__main`               | `<div>`    | Initiates the main container for a code editor e.g. Monaco **Required**                       |
+| `.pf-v6-c-code-editor__code`               | `<div>`    | Initiates the container for code without a JS code editor. Comes with PatternFly styling.     |
+| `.pf-v6-c-code-editor__controls`           | `<div>`    | Initiates the code editor controls.                                                           |
+| `.pf-v6-c-code-editor__header-main`        | `<div>`    | Initiates the code editor header content area.                                                |
+| `.pf-v6-c-code-editor__keyboard-shortcuts` | `<div>`    | Initiates the code editor header keyboard shortcuts area.                                     |
+| `.pf-v6-c-code-editor__tab`                | `<div>`    | Initiates the code editor tab.                                                                |
+| `.pf-v6-c-code-editor__tab-text`           | `<span>`   | Initiates the code editor tab text.                                                           |
+| `.pf-v6-c-code-editor__tab-icon`           | `<span>`   | Initiates the code editor tab icon.                                                           |
+| `.pf-v6-c-code-editor__upload`             | `<div>`    | Initiates the code editor upload border.                                                      |

package/docs/components/Content/examples/Content.md

@@ -1,7 +1,7 @@
 ---
 id: Text
 section: components
-cssPrefix: pf-v5-c-content
+cssPrefix: pf-v6-c-content
 ---## Examples
 
 ### Basic
@@ -161,7 +161,7 @@ cssPrefix: pf-v5-c-content
 
 ### Overview
 
-When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use `pf-v5-c-content` as container. It can handle almost any HTML tag:
+When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use `pf-v6-c-content` as container. It can handle almost any HTML tag:
 
 * `<p>` paragraphs
 * `<ul>` `<ol>` `<dl>` lists
@@ -169,7 +169,7 @@ When you can't use the CSS classes you want, or when you just want to directly u
 * `<blockquote>` quotes
 * `<em>` and `<strong>`
 
-This `pf-v5-c-content` class can be used in any context where you just want to (or can only) write some text.
+This `pf-v6-c-content` class can be used in any context where you just want to (or can only) write some text.
 
 This component is an exception to the variable system since we style type selectors.
 
@@ -177,6 +177,6 @@ This component is an exception to the variable system since we style type select
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-content` | `<div>`, `<section>`, or `<article>` | Generates vertical rhythm and typographic treatment to html elements. |
-| `.pf-m-visited` | `.pf-v5-c-content`, `<a>` | Modifies all links in a content block to include visited styles. Can also be applied to a single link in a content block. |
+| `.pf-v6-c-content` | `<div>`, `<section>`, or `<article>` | Generates vertical rhythm and typographic treatment to html elements. |
+| `.pf-m-visited` | `.pf-v6-c-content`, `<a>` | Modifies all links in a content block to include visited styles. Can also be applied to a single link in a content block. |
 | `.pf-m-plain` | `<ul>`, `<ol>` | Removes the list marker and indentation. |

package/docs/components/ContextSelector/deprecated/context-selector.md

@@ -2,7 +2,7 @@
 id: Context selector
 section: components
 subsection: menus
-cssPrefix: pf-v5-c-context-selector
+cssPrefix: pf-v6-c-context-selector
 deprecated: true
 ---import './context-selector.css'
 
@@ -880,30 +880,30 @@ deprecated: true
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `aria-expanded="false"` | `.pf-v5-c-context-selector__toggle` |  Indicates that the menu is hidden. |
-| `aria-expanded="true"` | `.pf-v5-c-context-selector__toggle` |  Indicates that the menu is visible. |
-| `aria-hidden="true"` | `.pf-v5-c-context-selector__toggle-icon > *` | Hides the icon from assistive technologies. |
-| `disabled` | `button.pf-v5-c-context-selector__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-context-selector__menu-item` | When the menu item uses a link element, indicates that it is unavailable. |
-| `tabindex="-1"` | `a.pf-v5-c-context-selector__menu-item` | When the menu item uses a link element, removes it from keyboard focus. |
+| `aria-expanded="false"` | `.pf-v6-c-context-selector__toggle` |  Indicates that the menu is hidden. |
+| `aria-expanded="true"` | `.pf-v6-c-context-selector__toggle` |  Indicates that the menu is visible. |
+| `aria-hidden="true"` | `.pf-v6-c-context-selector__toggle-icon > *` | Hides the icon from assistive technologies. |
+| `disabled` | `button.pf-v6-c-context-selector__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-context-selector__menu-item` | When the menu item uses a link element, indicates that it is unavailable. |
+| `tabindex="-1"` | `a.pf-v6-c-context-selector__menu-item` | When the menu item uses a link element, removes it from keyboard focus. |
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v5-c-context-selector` | `<div>` | Initiates a context selector.|
-| `.pf-v5-c-context-selector__toggle` | `<button>` | Initiates a toggle. |
-| `.pf-v5-c-context-selector__toggle-text` | `<span>` | Initiates text inside the toggle. |
-| `.pf-v5-c-context-selector__toggle-icon` | `<span>` | Inititiates the toggle icon wrapper. |
-| `.pf-v5-c-context-selector__menu` | `<div>` | Initiaties a menu. |
-| `.pf-v5-c-context-selector__menu-search` | `<div>` | Initiates a container for the search input group. |
-| `.pf-v5-c-context-selector__menu-list` | `<ul>` | Initiaties an unordered list of menu items that sits under the input container. |
-| `.pf-v5-c-context-selector__menu-footer` | `<div>` | Initiaties a menu footer. |
-| `.pf-v5-c-context-selector__menu-list-item` | `<li>` | Initiaties a menu item. |
-| `.pf-m-expanded` | `.pf-v5-c-context-selector` | Modifies for the expanded state. |
-| `.pf-m-active` | `.pf-v5-c-context-selector__toggle` | Forces display of the active state of the toggle. |
-| `.pf-m-plain.pf-m-text` | `.pf-v5-c-context-selector__toggle` | Modifies the context selector toggle for plain text styles. |
-| `.pf-m-disabled` | `a.pf-v5-c-context-selector__menu-list-item` | Modifies an item for the disabled state.|
-| `.pf-m-full-height` | `.pf-v5-c-context-selector` | Modifies a context selector to full height of parent. See masthead for use. |
-| `.pf-m-large` | `.pf-v5-c-context-selector` | Modifies toggle height to be large. |
-| `.pf-m-page-insets` | `.pf-v5-c-context-selector` | Modifies toggle and menu insets to match the responsive page chrome insets. |
+| `.pf-v6-c-context-selector` | `<div>` | Initiates a context selector.|
+| `.pf-v6-c-context-selector__toggle` | `<button>` | Initiates a toggle. |
+| `.pf-v6-c-context-selector__toggle-text` | `<span>` | Initiates text inside the toggle. |
+| `.pf-v6-c-context-selector__toggle-icon` | `<span>` | Inititiates the toggle icon wrapper. |
+| `.pf-v6-c-context-selector__menu` | `<div>` | Initiaties a menu. |
+| `.pf-v6-c-context-selector__menu-search` | `<div>` | Initiates a container for the search input group. |
+| `.pf-v6-c-context-selector__menu-list` | `<ul>` | Initiaties an unordered list of menu items that sits under the input container. |
+| `.pf-v6-c-context-selector__menu-footer` | `<div>` | Initiaties a menu footer. |
+| `.pf-v6-c-context-selector__menu-list-item` | `<li>` | Initiaties a menu item. |
+| `.pf-m-expanded` | `.pf-v6-c-context-selector` | Modifies for the expanded state. |
+| `.pf-m-active` | `.pf-v6-c-context-selector__toggle` | Forces display of the active state of the toggle. |
+| `.pf-m-plain.pf-m-text` | `.pf-v6-c-context-selector__toggle` | Modifies the context selector toggle for plain text styles. |
+| `.pf-m-disabled` | `a.pf-v6-c-context-selector__menu-list-item` | Modifies an item for the disabled state.|
+| `.pf-m-full-height` | `.pf-v6-c-context-selector` | Modifies a context selector to full height of parent. See masthead for use. |
+| `.pf-m-large` | `.pf-v6-c-context-selector` | Modifies toggle height to be large. |
+| `.pf-m-page-insets` | `.pf-v6-c-context-selector` | Modifies toggle and menu insets to match the responsive page chrome insets. |