@patternfly/patternfly 6.0.0-alpha.114 → 6.0.0-alpha.115

package/components/Page/page.css

@@ -67,7 +67,7 @@
   --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
   --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
   --pf-v6-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-page__header--ZIndex: var(--pf-v6-global--ZIndex--md);
+  --pf-v6-c-page__header--ZIndex: var(--pf-t--global--Zindex--md);
   --pf-v6-c-page__header--MinHeight: 4.75rem;
   --pf-v6-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
@@ -92,11 +92,11 @@
   --pf-v6-c-page__header-tools-item--Display: block;
   --pf-v6-c-page__header-tools--c-button--m-selected--before--Width: auto;
   --pf-v6-c-page__header-tools--c-button--m-selected--before--Height: auto;
-  --pf-v6-c-page__sidebar--ZIndex: var(--pf-v6-global--ZIndex--sm);
+  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--Zindex--sm);
   --pf-v6-c-page__sidebar--Width: 18.125rem;
   --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-page__sidebar--BoxShadow: none;
-  --pf-v6-c-page__sidebar--Transition: var(--pf-v6-global--Transition);
+  --pf-v6-c-page__sidebar--Transition: var(--pf-t--global--transition);
   --pf-v6-c-page__sidebar--TranslateX: -100%;
   --pf-v6-c-page__sidebar--TranslateZ: 0;
   --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
@@ -121,7 +121,7 @@
   --pf-v6-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-t--global--border--width--button--default);
   --pf-v6-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-page__main-container--ZIndex: var(--pf-v6-global--ZIndex--xs);
+  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--Zindex--xs);
   --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
   --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
@@ -140,14 +140,14 @@
   --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
-  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-v6-global--ZIndex--md);
+  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--Zindex--md);
   --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
-  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v6-global--ZIndex--md);
+  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--Zindex--md);
   --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
   --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
-  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v6-global--ZIndex--xs);
+  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--Zindex--xs);
   --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
-  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-v6-global--ZIndex--xs);
+  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--Zindex--xs);
   --pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-nav--PaddingRight: 0;

package/components/Page/page.scss

@@ -1,7 +1,7 @@
 // @debug $page; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
 // stylelint-disable
-$pf-page-v5--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
-$pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
+$pf-page-v6--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
+$pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
 // stylelint-enable
 
 :root {
@@ -11,7 +11,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
 
   // Header
   --#{$page}__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --#{$page}__header--ZIndex: var(--#{$pf-global}--ZIndex--md);
+  --#{$page}__header--ZIndex: var(--pf-t--global--Zindex--md);
   --#{$page}__header--MinHeight: #{pf-size-prem(76px)}; // fixed height for header to ensure consistency across screen sizes.
 
   // Header brand
@@ -65,11 +65,11 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   }
 
   // Sidebar
-  --#{$page}__sidebar--ZIndex: var(--#{$pf-global}--ZIndex--sm);
+  --#{$page}__sidebar--ZIndex: var(--pf-t--global--Zindex--sm);
   --#{$page}__sidebar--Width: #{pf-size-prem(290px)};
   --#{$page}__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --#{$page}__sidebar--BoxShadow: none;
-  --#{$page}__sidebar--Transition: var(--#{$pf-global}--Transition);
+  --#{$page}__sidebar--Transition: var(--pf-t--global--transition);
   --#{$page}__sidebar--TranslateX: -100%;
   --#{$page}__sidebar--TranslateZ: 0;
   --#{$page}__sidebar--m-expanded--TranslateX: 0;
@@ -105,7 +105,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   }
 
   // Container for the main content area (grid area)
-  --#{$page}__main-container--ZIndex: var(--#{$pf-global}--ZIndex--xs);
+  --#{$page}__main-container--ZIndex: var(--pf-t--global--Zindex--xs);
   --#{$page}__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
   --#{$page}__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --#{$page}__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
@@ -130,16 +130,16 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   --#{$page}--section--m-limit-width--MaxWidth: calc(#{pf-size-prem(2000px)} - var(--#{$page}__sidebar--Width));
 
   // Sticky
-  --#{$page}--section--m-sticky-top--ZIndex: var(--#{$pf-global}--ZIndex--md);
+  --#{$page}--section--m-sticky-top--ZIndex: var(--pf-t--global--Zindex--md);
   --#{$page}--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
-  --#{$page}--section--m-sticky-bottom--ZIndex: var(--#{$pf-global}--ZIndex--md);
+  --#{$page}--section--m-sticky-bottom--ZIndex: var(--pf-t--global--Zindex--md);
   --#{$page}--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
 
   // Shadows
   --#{$page}--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
-  --#{$page}--section--m-shadow-bottom--ZIndex: var(--#{$pf-global}--ZIndex--xs);
+  --#{$page}--section--m-shadow-bottom--ZIndex: var(--pf-t--global--Zindex--xs);
   --#{$page}--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
-  --#{$page}--section--m-shadow-top--ZIndex: var(--#{$pf-global}--ZIndex--xs);
+  --#{$page}--section--m-shadow-top--ZIndex: var(--pf-t--global--Zindex--xs);
 
   // Main section horizontal nav
   --#{$page}__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -469,7 +469,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   }
 
   // Responsive height modifiers for sticky top/bottom
-  @each $breakpoint, $breakpoint-value in $pf-page-v5--height-breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-page-v6--height-breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}-height, "");
 
     @include pf-v6-apply-height-breakpoint($breakpoint) {
@@ -532,7 +532,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   background-color: var(--#{$page}__main-nav--BackgroundColor);
 
   // Responsive height modifiers for sticky top/bottom
-  @each $breakpoint, $breakpoint-value in $pf-page-v5--height-breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-page-v6--height-breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}-height, "");
 
     @include pf-v6-apply-height-breakpoint($breakpoint) {
@@ -564,7 +564,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   }
 
   // Responsive height modifiers for sticky top/bottom
-  @each $breakpoint, $breakpoint-value in $pf-page-v5--height-breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-page-v6--height-breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}-height, "");
 
     @include pf-v6-apply-height-breakpoint($breakpoint) {
@@ -617,7 +617,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
     --#{$page}__main-section--BackgroundColor: var(--#{$page}__main-section--m-secondary--BackgroundColor);
   }
 
-  @each $breakpoint, $breakpoint-value in $pf-page-v5--breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-page-v6--breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
 
     @include pf-v6-apply-breakpoint($breakpoint) {

package/components/ProgressStepper/progress-stepper.css

@@ -280,7 +280,7 @@
   border: var(--pf-v6-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-v6-c-progress-stepper__step-icon--BorderColor);
   border-radius: 50%;
 }
-.pf-v6-c-progress-stepper__step-icon .pf-v5-pficon {
+.pf-v6-c-progress-stepper__step-icon .pf-v6-pficon {
   margin-block-start: var(--pf-v6-c-progress-stepper__pficon--MarginTop);
 }
 .pf-v6-c-progress-stepper__step-icon .fa-exclamation-triangle {

package/components/ProgressStepper/progress-stepper.scss

@@ -360,7 +360,7 @@ $pf-v6-c-progress-stepper--breakpoint-map: build-breakpoint-map();
 
   // Align pficons with the font awesome icons
   // stylelint-disable
-  .pf-v5-pficon {
+  .pf-v6-pficon {
     margin-block-start: var(--#{$progress-stepper}__pficon--MarginTop);
   }
 

package/components/Select/select.css

@@ -92,7 +92,7 @@
   --pf-v6-c-select__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-select__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-select__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-select__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
+  --pf-v6-c-select__menu--ZIndex: var(--pf-t--global--Zindex--sm);
   --pf-v6-c-select__menu--Width: auto;
   --pf-v6-c-select__menu--MinWidth: 100%;
   --pf-v6-c-select__menu--m-top--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));

package/components/Select/select.scss

@@ -109,7 +109,7 @@
   --#{$select}__menu--PaddingTop: var(--#{$pf-global}--spacer--sm);
   --#{$select}__menu--PaddingBottom: var(--#{$pf-global}--spacer--sm);
   --#{$select}__menu--Top: calc(100% + var(--#{$pf-global}--spacer--xs)); // The top of the menu must be pushed down to create space between the toggle and menu
-  --#{$select}__menu--ZIndex: var(--#{$pf-global}--ZIndex--sm);
+  --#{$select}__menu--ZIndex: var(--pf-t--global--Zindex--sm);
   --#{$select}__menu--Width: auto;
   --#{$select}__menu--MinWidth: 100%;
   --#{$select}__menu--m-top--TranslateY: calc(-100% - var(--#{$pf-global}--spacer--xs)); // The "dropup" menu must be transformed up and this calculates how much to create space between the toggle and menu

package/components/Sidebar/sidebar.css

@@ -48,7 +48,7 @@
   --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
   --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
   --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
-  --pf-v6-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
+  --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
   --pf-v6-c-sidebar__panel--Top: 0;
   --pf-v6-c-sidebar__panel--md--Top: auto;

package/components/Sidebar/sidebar.scss

@@ -74,7 +74,7 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
 
   // Panel
   --#{$sidebar}__panel--FlexBasis--base: auto;
-  --#{$sidebar}__panel--BoxShadow--base: #{0 pf-size-prem(4px) pf-size-prem(4px) pf-size-prem(-4px) rgba($pf-v5-color-black-1000, .16)}; // TODO NEEDS TOKEN. previous comment:modified so the shadow is only visible on the bottom of the element 
+  --#{$sidebar}__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
   --#{$sidebar}__panel--BoxShadow: var(--#{$sidebar}__panel--BoxShadow--base);
   --#{$sidebar}__panel--Top: 0;
   --#{$sidebar}__panel--md--Top: auto;

package/components/SkipToContent/skip-to-content.css

@@ -1,6 +1,6 @@
 :root {
   --pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
-  --pf-v6-c-skip-to-content--ZIndex: var(--pf-v6-global--ZIndex--2xl);
+  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--Zindex--2xl);
   --pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
 }
 

package/components/SkipToContent/skip-to-content.scss

@@ -2,7 +2,7 @@
 
 :root {
   --#{$skip-to-content}--Top: var(--pf-t--global--spacer--md);
-  --#{$skip-to-content}--ZIndex: var(--#{$pf-global}--ZIndex--2xl);
+  --#{$skip-to-content}--ZIndex: var(--pf-t--global--Zindex--2xl);
   --#{$skip-to-content}--focus--Left: var(--pf-t--global--spacer--md);
 }
 

package/components/Table/table.css

@@ -121,7 +121,7 @@
   --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
+  --pf-v6-c-table__expandable-row--Transition: var(--pf-t--global--transition);
   --pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);

package/components/Table/table.scss

@@ -115,7 +115,7 @@
   --#{$table}__action--PaddingRight: var(--pf-t--global--spacer--sm);
 
   // * Table expandable row
-  --#{$table}__expandable-row--Transition: var(--#{$pf-global}--Transition); // TODO: update to token when available
+  --#{$table}__expandable-row--Transition: var(--pf-t--global--transition);
 
   // * Table expandable row content
   --#{$table}__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);

package/components/Toolbar/toolbar.css

@@ -101,7 +101,7 @@
   --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
   --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
-  --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-v6-global--Transition);
+  --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
   --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
   --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);

package/components/Toolbar/toolbar.scss

@@ -52,7 +52,7 @@ $pf-v6--include-toolbar-breakpoints: true !default;
 
   // * Toolbar expand all
   --#{$toolbar}__expand-all-icon--Rotate: 0;
-  --#{$toolbar}__expand-all-icon--Transition: var(--#{$pf-global}--Transition); // TODO: update when transition is tokenized
+  --#{$toolbar}__expand-all-icon--Transition: var(--pf-t--global--transition);
   --#{$toolbar}__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
 
   // * Toolbar filter group

package/components/TreeView/tree-view.scss

@@ -1,5 +1,5 @@
 // @debug $tree-view; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-$pf-v5-c-tree-view--MaxNesting: 10 !default;
+$pf-v6-c-tree-view--MaxNesting: 10 !default;
 
 :where(:root),
 :where(.#{$tree-view}) {
@@ -491,7 +491,7 @@ $pf-v5-c-tree-view--MaxNesting: 10 !default;
   $root: &;
   $nested-item: &;
 
-  @for $i from 1 through $pf-v5-c-tree-view--MaxNesting {
+  @for $i from 1 through $pf-v6-c-tree-view--MaxNesting {
     #{$nested-item} {
       --#{$tree-view}__list-item__list-item__node-toggle--Left: var(--#{$tree-view}__node--PaddingLeft);
       --#{$tree-view}__node--PaddingLeft: calc(var(--#{$tree-view}__node--nested-indent--base) * #{$i} + var(--#{$tree-view}__node--indent--base));

package/components/Wizard/wizard.css

@@ -36,7 +36,7 @@
   --pf-v6-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v6-global--Transition);
+  --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
   --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
   --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
   --pf-v6-c-wizard__nav-link--before--Width: 1.5rem;

package/components/Wizard/wizard.scss

@@ -52,7 +52,7 @@
   --#{$wizard}__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
   --#{$wizard}__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
   --#{$wizard}__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
-  --#{$wizard}__nav-link-toggle-icon--Transition: var(--#{$pf-global}--Transition);
+  --#{$wizard}__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
   --#{$wizard}__nav-link-toggle-icon--Rotate: 0;
   --#{$wizard}__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
 

package/docs/components/NotificationBadge/examples/NotificationBadge.md

@@ -14,7 +14,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-read">
-      <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
     </span>
   </button>
   <button
@@ -23,7 +23,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Unread notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-unread">
-      <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
     </span>
   </button>
   <button
@@ -32,14 +32,14 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Attention notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-attention">
-      <i class="pf-v5-pficon-attention-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
     </span>
   </button>
   <br />
   <br />
   <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Tasks">
     <span class="pf-v6-c-notification-badge pf-m-read">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
     </span>
   </button>
   <button
@@ -48,7 +48,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Unread tasks"
   >
     <span class="pf-v6-c-notification-badge pf-m-unread">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
     </span>
   </button>
   <button
@@ -57,7 +57,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Attention tasks"
   >
     <span class="pf-v6-c-notification-badge pf-m-attention">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
     </span>
   </button>
 </div>
@@ -74,7 +74,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="24 notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-read">
-      <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
       <span class="pf-v6-c-notification-badge__count">24</span>
     </span>
   </button>
@@ -84,7 +84,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="24 unread notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-unread">
-      <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
       <span class="pf-v6-c-notification-badge__count">24</span>
     </span>
   </button>
@@ -94,7 +94,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="24 attention notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-attention">
-      <i class="pf-v5-pficon-attention-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
       <span class="pf-v6-c-notification-badge__count">24</span>
     </span>
   </button>
@@ -102,7 +102,7 @@ cssPrefix: pf-v6-c-notification-badge
   <br />
   <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="24 tasks">
     <span class="pf-v6-c-notification-badge pf-m-read">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
       <span class="pf-v6-c-notification-badge__count">24</span>
     </span>
   </button>
@@ -112,7 +112,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="24 unread tasks"
   >
     <span class="pf-v6-c-notification-badge pf-m-unread">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
       <span class="pf-v6-c-notification-badge__count">24</span>
     </span>
   </button>
@@ -122,7 +122,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="24 attention tasks"
   >
     <span class="pf-v6-c-notification-badge pf-m-attention">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
       <span class="pf-v6-c-notification-badge__count">24</span>
     </span>
   </button>
@@ -141,7 +141,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-read pf-m-expanded">
-      <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
     </span>
   </button>
   <button
@@ -151,7 +151,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Unread notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-unread pf-m-expanded">
-      <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
     </span>
   </button>
   <button
@@ -161,7 +161,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Attention notifications"
   >
     <span class="pf-v6-c-notification-badge pf-m-attention pf-m-expanded">
-      <i class="pf-v5-pficon-attention-bell" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
     </span>
   </button>
   <br />
@@ -173,7 +173,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Tasks"
   >
     <span class="pf-v6-c-notification-badge pf-m-read pf-m-expanded">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
     </span>
   </button>
   <button
@@ -183,7 +183,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Unread tasks"
   >
     <span class="pf-v6-c-notification-badge pf-m-unread pf-m-expanded">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
     </span>
   </button>
   <button
@@ -193,7 +193,7 @@ cssPrefix: pf-v6-c-notification-badge
     aria-label="Attention tasks"
   >
     <span class="pf-v6-c-notification-badge pf-m-attention pf-m-expanded">
-      <i class="pf-v5-pficon-task" aria-hidden="true"></i>
+      <i class="pf-v6-pficon-task" aria-hidden="true"></i>
     </span>
   </button>
 </div>

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

@@ -29,7 +29,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -80,7 +80,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -140,7 +140,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -197,7 +197,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -254,7 +254,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -311,7 +311,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -368,7 +368,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -425,7 +425,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -485,7 +485,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -545,7 +545,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -602,7 +602,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -684,7 +684,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -808,7 +808,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-in-progress" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-in-progress" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -822,7 +822,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-pending" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-pending" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">
@@ -878,7 +878,7 @@ cssPrefix: pf-v6-c-progress-stepper
   >
     <div class="pf-v6-c-progress-stepper__step-connector">
       <span class="pf-v6-c-progress-stepper__step-icon">
-        <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
+        <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
       </span>
     </div>
     <div class="pf-v6-c-progress-stepper__step-main">

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

@@ -189,7 +189,7 @@ These classes can be used to ensure that the table changes between the tabular a
               type="button"
               aria-label="aria-label="More info""
             >
-              <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>
             </button>
           </span>
         </div>
@@ -222,7 +222,7 @@ These classes can be used to ensure that the table changes between the tabular a
               type="button"
               aria-label="aria-label&#x3D;&quot;More info&quot;"
             >
-              <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>
             </button>
           </span>
         </div>