@patternfly/patternfly 6.2.0-prerelease.1 → 6.2.0-prerelease.11

package/docs/components/JumpLinks/examples/JumpLinks.md

@@ -752,7 +752,7 @@ cssPrefix: pf-v6-c-jump-links
 | `.pf-v6-c-jump-links__link-text` | `<div>` | Initiates the jump links link text. |
 | `.pf-m-vertical` | `.pf-v6-c-jump-links` | Modifies the jump links component to be vertical. |
 | `.pf-m-center` | `.pf-v6-c-jump-links` | Modifies the jump links component to center its list and label. |
-| `.pf-m-expandable{-on-[breakpoint]}` | `.pf-v6-c-jump-links` | Modifies the jump links component to be expandable via a toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). **Note:** works with vertical jump links only. |
-| `.pf-m-non-expandable{-on-[breakpoint]}` | `.pf-v6-c-jump-links` | Modifies the jump links component to be non-expandable at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-expandable{-on-[breakpoint]}` | `.pf-v6-c-jump-links` | Modifies the jump links component to be expandable via a toggle at optional [breakpoint](/tokens/all-patternfly-tokens). **Note:** works with vertical jump links only. |
+| `.pf-m-non-expandable{-on-[breakpoint]}` | `.pf-v6-c-jump-links` | Modifies the jump links component to be non-expandable at optional [breakpoint](/tokens/all-patternfly-tokens). |
 | `.pf-m-expanded` | `.pf-v6-c-jump-links` | Modifies the expandable jump links component for the expanded state. |
 | `.pf-m-current` | `.pf-v6-c-jump-links__item`| Modifies the jump links item to be current. |

package/docs/components/Masthead/examples/masthead.md

@@ -618,4 +618,4 @@ cssPrefix: pf-v6-c-masthead
 | `.pf-v6-c-masthead__brand` | `<div>` | Initiates the masthead content component. |
 | `.pf-v6-c-masthead__logo` | `<a>, <div>` | Initiates the masthead content component. |
 | `.pf-v6-c-masthead__content` | `<div>` | Initiates the masthead content component. |
-| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-masthead` | Modifies masthead horizontal padding at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-masthead` | Modifies masthead horizontal padding at optional [breakpoint](/tokens/all-patternfly-tokens). |

package/docs/components/Menu/examples/Menu.md

@@ -6334,8 +6334,8 @@ cssPrefix: pf-v6-c-menu
 | `.pf-v6-c-menu__item-action-icon` | `<span>` | Initiates the menu item action icon. |
 | `.pf-v6-c-menu__item-external-icon` | `<span>` | Initiates the menu item external icon. |
 | `.pf-v6-c-menu__footer` | `<div>` | Initiates the menu footer. |
-| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v6-c-menu__list`, `.pf-v6-c-menu__list-item`, `.pf-v6-c-menu__group` | Modifies a menu element to be hidden, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v6-c-menu__list`, `.pf-v6-c-menu__list-item`, `.pf-v6-c-menu__group` | Modifies a menu element to be shown, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v6-c-menu__list`, `.pf-v6-c-menu__list-item`, `.pf-v6-c-menu__group` | Modifies a menu element to be hidden, at optional [breakpoint](/tokens/all-patternfly-tokens). |
+| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v6-c-menu__list`, `.pf-v6-c-menu__list-item`, `.pf-v6-c-menu__group` | Modifies a menu element to be shown, at optional [breakpoint](/tokens/all-patternfly-tokens). |
 | `.pf-m-favorite` | `.pf-v6-c-menu__item-action` | Modifies the menu item action to handle the favorite icon. |
 | `.pf-m-favorited` | `.pf-v6-c-menu__item-action.pf-m-favorite` | Modifies the menu item action icon to be favorited. |
 | `.pf-m-selected` | `.pf-v6-c-menu__item` | Modifies the menu item to be selected. |

package/docs/components/Nav/examples/Navigation.md

@@ -230,6 +230,7 @@ cssPrefix: pf-v6-c-nav
         class="pf-v6-c-nav__subnav"
         aria-labelledby="expandable-example3"
         hidden
+        inert
       >
         <ul class="pf-v6-c-nav__list" role="list">
           <li class="pf-v6-c-nav__item">
@@ -376,6 +377,7 @@ cssPrefix: pf-v6-c-nav
         class="pf-v6-c-nav__subnav"
         aria-labelledby="nav-mixed-link4"
         hidden
+        inert
       >
         <ul class="pf-v6-c-nav__list" role="list">
           <li class="pf-v6-c-nav__item">
@@ -442,6 +444,7 @@ cssPrefix: pf-v6-c-nav
         class="pf-v6-c-nav__subnav"
         aria-labelledby="expandable-third-level-example-example-1"
         hidden
+        inert
       >
         <ul class="pf-v6-c-nav__list" role="list">
           <li class="pf-v6-c-nav__item">

package/docs/components/Page/examples/Page.md

@@ -417,8 +417,8 @@ This component provides the basic chrome for a page, including sidebar and main
 | `.pf-m-page-insets` | `.pf-v6-c-page__sidebar-body` | Modifies a sidebar body padding/inset to visually match padding of page elements. |
 | `.pf-m-context-selector` | `.pf-v6-c-page__sidebar-body` | Modifies a sidebar body to contain a context selector. |
 | `.pf-m-inset-none` | `.pf-v6-c-page__sidebar-body` | Removes a sidebar body left/right inset. |
-| `.pf-m-padding{-on-[breakpoint]}` | `.pf-v6-c-page__main-section` | Modifies the main page section to add padding back in at an optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). Should be used with pf-m-no-padding. |
-| `.pf-m-no-padding{-on-[breakpoint]}` | `.pf-v6-c-page__main-section` | Removes padding from the main page section at an optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-padding{-on-[breakpoint]}` | `.pf-v6-c-page__main-section` | Modifies the main page section to add padding back in at an optional [breakpoint](/tokens/all-patternfly-tokens). Should be used with pf-m-no-padding. |
+| `.pf-m-no-padding{-on-[breakpoint]}` | `.pf-v6-c-page__main-section` | Removes padding from the main page section at an optional [breakpoint](/tokens/all-patternfly-tokens). |
 | `.pf-m-fill` | `.pf-v6-c-page__main-container`, `.pf-v6-c-page__main-section`, `.pf-v6-c-page__main-group`, `.pf-v6-c-page__main-wizard`, `.pf-v6-c-page__sidebar-body` | Modifies the element to grow to fill the available space. Note that `.pf-v6-c-page__main-container` must also have `.pf-m-fill` applied in order for the section to have space to stretch to full height.|
 | `.pf-m-no-fill` | `.pf-v6-c-page__main-section`, `.pf-v6-c-page__main-group`, `.pf-v6-c-page__main-wizard`, `.pf-v6-c-page__sidebar-body` | Modifies the element not to grow to fill the available vertical space. |
 | `.pf-m-limit-width` | `.pf-v6-c-page__main-section` | Modifies a page section to limit the `max-width` of the content inside. |

package/docs/components/Pagination/examples/Pagination.md

@@ -1113,13 +1113,13 @@ cssPrefix: pf-v6-c-pagination
 | `.pf-v6-c-pagination__nav` | `<nav>` |  Initiates pagination nav. |
 | `.pf-v6-c-pagination__nav-control` | `<div>` |  Initiates pagination nav control. |
 | `.pf-v6-c-pagination__nav-page-select` | `<div>` |  Initiates pagination nav page select. |
-| `.pf-m-display-summary{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies for summary display pagination component styles at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-display-full{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies for full display pagination component styles at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-display-summary{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies for summary display pagination component styles at optional [breakpoint](/tokens/all-patternfly-tokens). |
+| `.pf-m-display-full{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies for full display pagination component styles at optional [breakpoint](/tokens/all-patternfly-tokens). |
 | `.pf-m-bottom` | `.pf-v6-c-pagination` | Modifies for bottom pagination component styles. |
 | `.pf-m-compact` | `.pf-v6-c-pagination` | Modifies for compact pagination component styles. |
 | `.pf-m-static` | `.pf-v6-c-pagination.pf-m-bottom` | Modifies bottom pagination to not be positioned sticky on summary. |
 | `.pf-m-sticky` | `.pf-v6-c-pagination` | Modifies the pagination to be sticky to its container. It will be sticky to the top of the container by default, and sticky to the bottom of the container when applied to `.pf-v6-c-pagination.pf-m-bottom`. |
-| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies pagination horizontal padding at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies pagination horizontal padding at optional [breakpoint](/tokens/all-patternfly-tokens). |
 | `.pf-m-page-insets` | `.pf-v6-c-pagination` |  Modifies the pagination component padding/inset to visually match padding of page elements. |
 | `.pf-m-first` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the first page button. |
 | `.pf-m-prev` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the previous page button. |

package/docs/components/ProgressStepper/examples/ProgressStepper.md

@@ -933,8 +933,8 @@ Steps can be modified with `.pf-m-success`, `.pf-m-warning`, `.pf-m-danger`, `.p
 | `.progress-stepper__step-title` | `<div>`, `<button>` | Contains the title of the step. **Note:** the step title is a `<button>` when it has `.pf-m-help-text` and is used to trigger a popover with help text. |
 | `.progress-stepper__step-description` | `<div>` | Contains the description of the step. |
 | `.pf-m-center`| `.pf-v6-c-progress-stepper` | Modifies to center each step. |
-| `.pf-m-vertical{-on-[breakpoint]}`| `.pf-v6-c-progress-stepper` | Modifies progress stepper vertical layout at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
-| `.pf-m-horizontal{-on-[breakpoint]}`| `.pf-v6-c-progress-stepper` | Modifies progress stepper horizontal layout at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-vertical{-on-[breakpoint]}`| `.pf-v6-c-progress-stepper` | Modifies progress stepper vertical layout at optional [breakpoint](/tokens/all-patternfly-tokens). |
+| `.pf-m-horizontal{-on-[breakpoint]}`| `.pf-v6-c-progress-stepper` | Modifies progress stepper horizontal layout at optional [breakpoint](/tokens/all-patternfly-tokens). |
 | `.pf-m-compact`| `.pf-v6-c-progress-stepper` | Modifies for compact styling. |
 | `.pf-m-success`| `.pf-v6-c-progress-stepper__step` | Modifies for success styling. |
 | `.pf-m-warning`| `.pf-v6-c-progress-stepper__step` | Modifies for warning styling. |

package/docs/components/Sidebar/examples/Sidebar.md

@@ -265,6 +265,6 @@ cssPrefix: pf-v6-c-sidebar
 | `.pf-m-panel-right` | `.pf-v6-c-sidebar` | Modifies the sidebar to place the panel to the right of the content. |
 | `.pf-m-sticky` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be sticky to the top of the layout. |
 | `.pf-m-static` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be positioned statically. |
-| `.pf-m-width-{default, 25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-sidebar__panel` | Modifies the panel width at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). **Note:** does not apply when the panel is stacked on top of the content. |
+| `.pf-m-width-{default, 25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-sidebar__panel` | Modifies the panel width at optional [breakpoint](/tokens/all-patternfly-tokens). **Note:** does not apply when the panel is stacked on top of the content. |
 | `.pf-m-no-background` | `.pf-v6-c-sidebar`, `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
 | `.pf-m-secondary` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have secondary styling. |

package/docs/components/Table/examples/Table.md

@@ -136,7 +136,7 @@ These classes can be used to ensure that the table changes between the tabular a
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-grid-md`, `.pf-m-grid-lg`, `.pf-m-grid-xl`, `.pf-m-grid-2xl` | `.pf-v6-c-table` | Changes tabular layout to responsive, grid based layout at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-grid-md`, `.pf-m-grid-lg`, `.pf-m-grid-xl`, `.pf-m-grid-2xl` | `.pf-v6-c-table` | Changes tabular layout to responsive, grid based layout at optional [breakpoint](/tokens/all-patternfly-tokens). |
 | `.pf-m-grid` | `.pf-v6-c-table` | Changes tabular layout to responsive, grid based layout. This approach requires JavaScript to set this class at some prescribed viewport width value. |
 
 ## Sortable
@@ -15516,8 +15516,8 @@ Width modifiers control the width of the columns. To control the responsive beha
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v6-c-table tr > th`, `.pf-v6-c-table tr > td` | Hides a table cell at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes), or hides it at all breakpoints with `.pf-m-hidden`. **Note: Needs to apply to all cells in the column you want to hide.** |
-| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v6-c-table tr > th`, `.pf-v6-c-table tr > td` | Shows a table cell at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
+| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v6-c-table tr > th`, `.pf-v6-c-table tr > td` | Hides a table cell at optional [breakpoint](/tokens/all-patternfly-tokens), or hides it at all breakpoints with `.pf-m-hidden`. **Note: Needs to apply to all cells in the column you want to hide.** |
+| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v6-c-table tr > th`, `.pf-v6-c-table tr > td` | Shows a table cell at optional [breakpoint](/tokens/all-patternfly-tokens). |
 
 ## Text control modifiers
 

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

@@ -9136,11 +9136,11 @@ Whenever a list of tabs is unique on the current page, it can be used in a `<nav
 | `.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-inset-{none, sm, md, lg, xl, 2xl}{-on-[md, lg, xl, 2xl]}` | `.pf-v6-c-tabs` | Modifies tabs horizontal padding at optional [breakpoint](/tokens/all-patternfly-tokens). |
 | `.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-expandable{-on-[breakpoint]}` | `.pf-v6-c-tabs` | Modifies the tabs component to be expandable via a toggle at optional [breakpoint](/tokens/all-patternfly-tokens). **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](/tokens/all-patternfly-tokens). |
 | `.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/Toolbar/examples/Toolbar.md

@@ -14,8 +14,8 @@ Toolbar relies on groups (`.pf-v6-c-toolbar__group`) and items (`.pf-v6-c-toolba
 | -- | -- | -- |
 | `.pf-v6-c-toolbar__group` | `--pf-v6-c-toolbar__group--ColumnGap` | `16px` |
 | `.pf-v6-c-toolbar__item` | `--pf-v6-c-toolbar__item--ColumnGap` | `16px` |
-| `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` |  `.pf-v6-c-toolbar__content-section`, `.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). |
-| `.pf-m-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` |  `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column gap and row gap for 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]{-on-[breakpoint]}` |  `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/tokens/all-patternfly-tokens). |
+| `.pf-m-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` |  `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column gap and row gap for toolbar group or item spacing at optional [breakpoint](/tokens/all-patternfly-tokens). |
 
 ### Toolbar item types
 
@@ -37,7 +37,7 @@ Toolbar relies on groups (`.pf-v6-c-toolbar__group`) and items (`.pf-v6-c-toolba
 
 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`.**
+**Available [breakpoints](/tokens/all-patternfly-tokens) are: `-on-sm`, `-on-md`, `-on-lg`, `-on-xl`, and `-on-2xl`.**
 
 ## Examples
 
@@ -154,8 +154,8 @@ Several components in the following examples do not include functional and/or ac
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `--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). |
+| `--pf-v6-c-toolbar__item--Width: {width}` | `.pf-v6-c-toolbar__item` |  Modifies the width value of a toolbar item at optional [breakpoint](/tokens/all-patternfly-tokens). |
+| `--pf-v6-c-toolbar__item--MinWidth: {width}` | `.pf-v6-c-toolbar__item` |  Modifies the min width value of a toolbar item at optional [breakpoint](/tokens/all-patternfly-tokens). |
 
 ## Group types
 
@@ -2646,5 +2646,5 @@ As the toolbar component is a hybrid layout and component, some of its elements
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.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). |
-| `.pf-m-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column and row gap for 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](/tokens/all-patternfly-tokens). |
+| `.pf-m-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column and row gap for toolbar group or item spacing at optional [breakpoint](/tokens/all-patternfly-tokens). |

package/docs/demos/CardView/examples/CardView.md

@@ -254,6 +254,7 @@ section: patterns
               class="pf-v6-c-nav__subnav"
               aria-labelledby="card-view-basic-example-expandable-nav-link2"
               hidden
+              inert
             >
               <ul class="pf-v6-c-nav__list" role="list">
                 <li class="pf-v6-c-nav__item">
@@ -286,6 +287,7 @@ section: patterns
               class="pf-v6-c-nav__subnav"
               aria-labelledby="card-view-basic-example-expandable-nav-link3"
               hidden
+              inert
             >
               <ul class="pf-v6-c-nav__list" role="list">
                 <li class="pf-v6-c-nav__item">

package/docs/demos/Nav/examples/Nav.md

@@ -890,6 +890,7 @@ section: components
               class="pf-v6-c-nav__subnav"
               aria-labelledby="nav-expandable-example-expandable-nav-link2"
               hidden
+              inert
             >
               <ul class="pf-v6-c-nav__list" role="list">
                 <li class="pf-v6-c-nav__item">
@@ -922,6 +923,7 @@ section: components
               class="pf-v6-c-nav__subnav"
               aria-labelledby="nav-expandable-example-expandable-nav-link3"
               hidden
+              inert
             >
               <ul class="pf-v6-c-nav__list" role="list">
                 <li class="pf-v6-c-nav__item">

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

@@ -20,7 +20,7 @@ The flex layout provides two ways of spacing its direct children.
 
 ### Breakpoints
 
-[Breakpoints](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) `-on-sm`, `-on-md`, `-on-lg`, `-on-xl`, and `-on-2xl` are provided.
+[Breakpoints](/tokens/all-patternfly-tokens) `-on-sm`, `-on-md`, `-on-lg`, `-on-xl`, and `-on-2xl` are provided.
 
 ### Usefulness
 

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

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

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

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

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

@@ -34,7 +34,7 @@ The text underneath is hidden.
 
 ### Overview
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-screen-reader-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-screen-reader-on-lg`
 
 ### Usage
 

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

@@ -23,7 +23,7 @@ section: utility-classes
 
 ### Overview
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-text-align-start-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-text-align-start-on-lg`
 
 ### Usage
 

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

@@ -28,7 +28,7 @@ Care should be taken especially when applying background colors, as this can hav
 
 Note that "inverse" background colors are labeled as such to indicate that they are best used with the ["inverse" text colors](/utility-classes/text#inverse-colors).
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-background-color-disabled-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-background-color-disabled-on-lg`
 
 ### Usage
 

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

@@ -83,7 +83,7 @@ section: utility-classes
 
 ### Overview
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-display-inline-block-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-display-inline-block-on-lg`
 
 ### Usage
 

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

@@ -370,7 +370,7 @@ section: utility-classes
 
 ### Overview
 
-For these utilities to have effect, the parent element must be set to `display: flex` or `display: inline-flex`. [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-flex-row-on-lg**
+For these utilities to have effect, the parent element must be set to `display: flex` or `display: inline-flex`. [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-flex-row-on-lg`
 
 <!-- ## Accessibility
 

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

@@ -18,7 +18,7 @@ section: utility-classes
 
 ### Overview
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-float-inline-start-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-float-inline-start-on-lg`
 
 ### Usage
 

package/docs/utilities/Sizing/examples/Sizing.md

@@ -22,7 +22,7 @@ section: utility-classes
 
 ### Usage
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-w-initial-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-w-initial-on-lg`
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
@@ -50,7 +50,7 @@ section: utility-classes
 
 ### Usage
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example .pf-v6-u-w-25vw-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-w-25vw-on-lg`
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
@@ -90,7 +90,7 @@ section: utility-classes
 
 ### Usage
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example .pf-v6-u-h-initial-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-h-initial-on-lg`
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
@@ -130,7 +130,7 @@ section: utility-classes
 
 ### Usage
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example .pf-v6-u-h-25vh-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-h-25vh-on-lg`
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
@@ -188,7 +188,7 @@ section: utility-classes
 | `.pf-v6-u-min-width` | `*` | Sets min-width: `var(--pf-v6-u-min-width--MinWidth{-on-[breakpoint]})`. |
 | `.pf-v6-u-max-width` | `*` | Sets min-width: `var(--pf-v6-u-max-width--MaxWidth{-on-[breakpoint]})`. |
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example --pf-v6-u-min-width--MinWidth-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.--pf-v6-u-min-width--MinWidth-on-lg`
 
 | Custom property | Applied to | Outcome |
 | -- | -- | -- |
@@ -242,7 +242,7 @@ section: utility-classes
 | `.pf-v6-u-min-height` | `*` | Sets min-height: `var(--pf-v6-u-min-height--MinHeight{-on-[breakpoint]})`. |
 | `.pf-v6-u-max-height` | `*` | Sets max-height: `var(--pf-v6-u-max-height--MaxHeight{-on-[breakpoint]})`. |
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example --pf-v6-u-min-height--MinHeight-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.--pf-v6-u-min-height--MinHeight-on-lg`
 
 | Custom property | Applied to | Outcome |
 | -- | -- | -- |

package/docs/utilities/Spacing/examples/Spacing.md

@@ -118,7 +118,7 @@ pf: 'test'
 
 ### Overview
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-m-sm-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-m-sm-on-lg`
 
 ### Margin properties
 

package/docs/utilities/Text/examples/Text.md

@@ -171,7 +171,7 @@ These text utilities can be used to modify text within the PatternFly framework.
 
 Care should be taken especially when applying text colors, as this can have a negative effect on the readability and accessibility of text. Refer to the information on [contrast ratios](/guidelines/colors/#contrast-ratios) for more information.
 
-[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-font-size-xl-on-lg**
+[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-font-size-xl-on-lg`
 
 ### Usage
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.2.0-prerelease.1",
+  "version": "6.2.0-prerelease.11",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -47,11 +47,11 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.0.12",
+    "@patternfly/documentation-framework": "6.5.13",
     "@patternfly/patternfly-a11y": "5.0.0",
-    "@patternfly/react-code-editor": "6.0.0",
-    "@patternfly/react-core": "6.0.0",
-    "@patternfly/react-table": "6.0.0",
+    "@patternfly/react-code-editor": "6.1.0",
+    "@patternfly/react-core": "6.1.0",
+    "@patternfly/react-table": "6.1.0",
     "@starptech/prettyhtml": "^0.10.0",
     "backstopjs": "^6.3.23",
     "cheerio": "^1.0.0-rc.12",

package/patternfly-base-no-globals.css

@@ -5665,7 +5665,7 @@
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
-  text-decoration: none;
+  text-decoration-line: none;
   text-transform: none;
 }
 

package/patternfly-base.css

@@ -117,12 +117,12 @@ pre) {
 
 :where(a) {
   color: var(--pf-t--global--text--color--link--default);
-  text-decoration: var(--pf-t--global--text-decoration--link--line--default);
+  text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
 }
 
 :where(a:hover, a:focus) {
   color: var(--pf-t--global--text--color--link--hover);
-  text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
+  text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
 }
 
 :where(a,
@@ -5801,7 +5801,7 @@ button) {
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
-  text-decoration: none;
+  text-decoration-line: none;
   text-transform: none;
 }
 

package/patternfly-charts.css

@@ -661,4 +661,87 @@
   --pf-v6-chart-theme--multi-color-unordered--ColorScale--3300: var(--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3300);
   --pf-v6-chart-theme--multi-color-unordered--ColorScale--3400: var(--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400);
   --pf-v6-chart-theme--multi-color-unordered--ColorScale--3500: var(--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500);
+}
+
+:where(:root) {
+  --pf-v6-chart-echarts-global--axis--BoundaryGap: false;
+  --pf-v6-chart-echarts-global--axis--axis-label--Show: true;
+  --pf-v6-chart-echarts-global--axis--axis-line--Show: true;
+  --pf-v6-chart-echarts-global--axis--axis-line--item-style--Color: var(--pf-v6-chart-global--Fill--Color--300);
+  --pf-v6-chart-echarts-global--axis--axis-tick--Show: true;
+  --pf-v6-chart-echarts-global--axis--axis-tick--item-style--Color: var(--pf-v6-chart-global--Fill--Color--300);
+  --pf-v6-chart-echarts-global--axis--split-area--Show: false;
+  --pf-v6-chart-echarts-global--axis--split-area--area-style--Color: var(--pf-v6-chart-global--Fill--Color--white);
+  --pf-v6-chart-echarts-global--axis--split-line--Show: false;
+  --pf-v6-chart-echarts-global--label--Color: var(--pf-v6-chart-global--label--Fill);
+  --pf-v6-chart-echarts-BackgroundColor: transparent;
+  --pf-v6-chart-echarts-bar--item-style--BarBorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-bar--item-style--BarBorderWidth: 0;
+  --pf-v6-chart-echarts-boxplot--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-boxplot--item-style--BorderWidth: 0;
+  --pf-v6-chart-echarts-candlestick--item-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-candlestick--item-style--negative--Color: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-candlestick--item-style--positive--Color: var(--pf-v6-chart-global--Fill--Color--white);
+  --pf-v6-chart-echarts-candlestick--item-style--negative--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-candlestick--item-style--positive--BorderColor: var(--pf-v6-chart-global--Fill--Color--white);
+  --pf-v6-chart-echarts-datazoom--HandleSize: 100%;
+  --pf-v6-chart-echarts-funnel--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-funnel--item-style--BorderWidth: 0;
+  --pf-v6-chart-echarts-gauge--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-gauge--item-style--BorderWidth: 0;
+  --pf-v6-chart-echarts-geo--emphasis--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--400);
+  --pf-v6-chart-echarts-geo--emphasis--item-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-geo--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-geo--item-style--BorderWidth: 0.5;
+  --pf-v6-chart-echarts-graph--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-graph--item-style--BorderWidth: 0;
+  --pf-v6-chart-echarts-graph--line-style--Color: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-graph--line-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-graph--Smooth: false;
+  --pf-v6-chart-echarts-graph--SymbolSize: 4;
+  --pf-v6-chart-echarts-graph--Symbol: "rect";
+  --pf-v6-chart-echarts-line--item-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-line--line-style--BorderWidth: 2;
+  --pf-v6-chart-echarts-line--Smooth: false;
+  --pf-v6-chart-echarts-line--SymbolSize: 4;
+  --pf-v6-chart-echarts-line--Symbol: "rect";
+  --pf-v6-chart-echarts-map--emphasis--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--400);
+  --pf-v6-chart-echarts-map--emphasis--item-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-map--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-map--item-style--BorderWidth: 0.5;
+  --pf-v6-chart-echarts-parallel--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-parallel--item-style--BorderWidth: 0;
+  --pf-v6-chart-echarts-pie--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-pie--item-style--BorderWidth: 0;
+  --pf-v6-chart-echarts-sankey--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-sankey--item-style--BorderWidth: 0;
+  --pf-v6-chart-echarts-scatter--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-scatter--item-style--BorderWidth: 0;
+  --pf-v6-chart-echarts-skeleton--label--Color: transparent;
+  --pf-v6-chart-echarts-toolbox--emphasis--item-style--BorderColor: var(--pf-v6-chart-theme--blue--ColorScale--400);
+  --pf-v6-chart-echarts-toolbox--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--500);
+  --pf-v6-chart-echarts-tooltip--axis--pointer--cross-style--Color: var(--pf-v6-chart-global--Fill--Color--300);
+  --pf-v6-chart-echarts-tooltip--axis--pointer--cross-style--Width: 1;
+  --pf-v6-chart-echarts-tooltip--axis--pointer--line-style--Color: var(--pf-v6-chart-global--Fill--Color--300);
+  --pf-v6-chart-echarts-tooltip--axis--pointer--line-style--Width: 1;
+  --pf-v6-chart-echarts-tooltip--backgroundColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-tooltip--text-Style--Color: var(--pf-v6-chart-global--Fill--Color--200);
+  --pf-v6-chart-echarts-timeline--emphasis--control-style--Color: var(--pf-v6-chart-global--Fill--Color--400);
+  --pf-v6-chart-echarts-timeline--emphasis--control-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--400);
+  --pf-v6-chart-echarts-timeline--emphasis--control-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-timeline--emphasis--item-style--Color: var(--pf-v6-chart-global--Fill--Color--white);
+  --pf-v6-chart-echarts-timeline--checkpoint-style--Color: var(--pf-v6-chart-theme--blue--ColorScale--400);
+  --pf-v6-chart-echarts-timeline--checkpoint-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--white);
+  --pf-v6-chart-echarts-timeline--control-style--Color: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-timeline--control-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-timeline--control-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-timeline--item-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-timeline--item-style--Color: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-timeline--line-style--Color: var(--pf-v6-chart-global--Fill--Color--900);
+  --pf-v6-chart-echarts-timeline--line-style--Width: 2;
+  --pf-v6-chart-echarts-radar--item-style--BorderWidth: 1;
+  --pf-v6-chart-echarts-radar--line-style--BorderWidth: 2;
+  --pf-v6-chart-echarts-radar--Smooth: false;
+  --pf-v6-chart-echarts-radar--SymbolSize: 4;
+  --pf-v6-chart-echarts-radar--Symbol: "rect";
 }