@patternfly/patternfly 6.0.0-alpha.192 → 6.0.0-alpha.194

package/components/_index.css

@@ -211,6 +211,7 @@
   --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
   --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
   --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
   --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -259,6 +260,7 @@
   --pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
   --pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
   --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
+  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
   --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
   --pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
 }
@@ -8008,7 +8010,7 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
   --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
   --pf-v6-c-label--m-clickable__content--Cursor: pointer;
-  --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
+  --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
   --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-label--m-outline--BackgroundColor: transparent;
   --pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
@@ -8229,7 +8231,7 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
 }
 .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
-  --pf-v6-c-button--Color: var(--pf-v6-c-label--m-filled__actions--c-button--Color);
+  --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
 }
 .pf-v6-c-label.pf-m-outline {
   --pf-v6-c-label--Color: var(--pf-v6-c-label--m-outline--Color);
@@ -8296,7 +8298,7 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor);
 }
 .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
-  --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
+  --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
 }
 .pf-v6-c-label.pf-m-disabled {
   --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
@@ -11391,7 +11393,6 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart: 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-t--global--z-index--md);
   --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -11401,13 +11402,6 @@ ul.pf-v6-c-list {
   --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--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-t--global--z-index--xs);
-  --pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-page__main-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__main-nav--PaddingInlineEnd: 0;
-  --pf-v6-c-page__main-nav--PaddingInlineStart: 0;
-  --pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__main-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-page__main-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
@@ -11537,21 +11531,18 @@ ul.pf-v6-c-list {
   flex-grow: 0;
 }
 
-.pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
   max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
 }
-.pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
 .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
 .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
 .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
 .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
   align-items: center;
 }
-.pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -11559,7 +11550,6 @@ ul.pf-v6-c-list {
   width: 100%;
 }
 
-.pf-v6-c-page__main-nav,
 .pf-v6-c-page__main-breadcrumb,
 .pf-v6-c-page__main-tabs,
 .pf-v6-c-page__main-section,
@@ -11570,7 +11560,6 @@ ul.pf-v6-c-list {
   flex-direction: column;
   flex-shrink: 0;
 }
-.pf-v6-c-page__main-nav.pf-m-overflow-scroll,
 .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
 .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
 .pf-v6-c-page__main-section.pf-m-overflow-scroll,
@@ -11581,7 +11570,6 @@ ul.pf-v6-c-list {
   flex-shrink: 1;
   overflow: auto;
 }
-.pf-v6-c-page__main-nav.pf-m-shadow-bottom,
 .pf-v6-c-page__main-breadcrumb.pf-m-shadow-bottom,
 .pf-v6-c-page__main-tabs.pf-m-shadow-bottom,
 .pf-v6-c-page__main-section.pf-m-shadow-bottom,
@@ -11591,7 +11579,6 @@ ul.pf-v6-c-list {
   z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
   box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
 }
-.pf-v6-c-page__main-nav.pf-m-shadow-top,
 .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
 .pf-v6-c-page__main-tabs.pf-m-shadow-top,
 .pf-v6-c-page__main-section.pf-m-shadow-top,
@@ -11601,7 +11588,6 @@ ul.pf-v6-c-list {
   z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
   box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
 }
-.pf-v6-c-page__main-nav.pf-m-sticky-top,
 .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
 .pf-v6-c-page__main-tabs.pf-m-sticky-top,
 .pf-v6-c-page__main-section.pf-m-sticky-top,
@@ -11613,7 +11599,6 @@ ul.pf-v6-c-list {
   z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
   box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
 }
-.pf-v6-c-page__main-nav.pf-m-sticky-bottom,
 .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
 .pf-v6-c-page__main-tabs.pf-m-sticky-bottom,
 .pf-v6-c-page__main-section.pf-m-sticky-bottom,
@@ -11626,7 +11611,6 @@ ul.pf-v6-c-list {
   box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
 }
 @media (min-height: 0) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
   .pf-v6-c-page__main-section.pf-m-sticky-top-on-sm-height,
@@ -11638,7 +11622,6 @@ ul.pf-v6-c-list {
     z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
   }
-  .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
   .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
@@ -11652,7 +11635,6 @@ ul.pf-v6-c-list {
   }
 }
 @media (min-height: 40rem) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-md-height,
   .pf-v6-c-page__main-section.pf-m-sticky-top-on-md-height,
@@ -11664,7 +11646,6 @@ ul.pf-v6-c-list {
     z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
   }
-  .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
   .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-md-height,
@@ -11678,7 +11659,6 @@ ul.pf-v6-c-list {
   }
 }
 @media (min-height: 48rem) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
   .pf-v6-c-page__main-section.pf-m-sticky-top-on-lg-height,
@@ -11690,7 +11670,6 @@ ul.pf-v6-c-list {
     z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
   }
-  .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
   .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
@@ -11704,7 +11683,6 @@ ul.pf-v6-c-list {
   }
 }
 @media (min-height: 60rem) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
   .pf-v6-c-page__main-section.pf-m-sticky-top-on-xl-height,
@@ -11716,7 +11694,6 @@ ul.pf-v6-c-list {
     z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
   }
-  .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
   .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
@@ -11730,7 +11707,6 @@ ul.pf-v6-c-list {
   }
 }
 @media (min-height: 80rem) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
   .pf-v6-c-page__main-section.pf-m-sticky-top-on-2xl-height,
@@ -11742,7 +11718,6 @@ ul.pf-v6-c-list {
     z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
   }
-  .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
   .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
   .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
   .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
@@ -11788,48 +11763,12 @@ ul.pf-v6-c-list {
 
 .pf-v6-c-page__main,
 .pf-v6-c-page__main-drawer,
-.pf-v6-c-page__main-group,
-.pf-v6-c-page__main-list {
+.pf-v6-c-page__main-group {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
 }
 
-.pf-v6-c-page__main-nav {
-  padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
-  padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
-  background-color: var(--pf-v6-c-page__main-nav--BackgroundColor);
-}
-.pf-v6-c-page__main-nav.pf-m-sticky-top, .pf-v6-c-page__main-group.pf-m-sticky-top .pf-v6-c-page__main-nav:last-child {
-  padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
-}
-@media (min-height: 0) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v6-c-page__main-nav:last-child {
-    padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
-  }
-}
-@media (min-height: 40rem) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v6-c-page__main-nav:last-child {
-    padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
-  }
-}
-@media (min-height: 48rem) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v6-c-page__main-nav:last-child {
-    padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
-  }
-}
-@media (min-height: 60rem) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-nav:last-child {
-    padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
-  }
-}
-@media (min-height: 80rem) {
-  .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-nav:last-child {
-    padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
-  }
-}
-
 .pf-v6-c-page__main-subnav {
   padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
@@ -11884,9 +11823,6 @@ ul.pf-v6-c-list {
   padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
   background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
 }
-.pf-v6-c-page__main-nav + .pf-v6-c-page__main-tabs {
-  --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart);
-}
 .pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
   --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
 }
@@ -12050,10 +11986,6 @@ ul.pf-v6-c-list {
   flex-shrink: 0;
 }
 
-.pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
-  padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
-}
 .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
   padding-inline-start: 0;
   padding-inline-end: 0;

package/docs/components/Label/examples/Label.md

@@ -5989,13 +5989,13 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
 ### Compact
 
 ```html
-<span class="pf-v6-c-label pf-m-compact">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact">
   <span class="pf-v6-c-label__content">
     <span class="pf-v6-c-label__text">Compact</span>
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact">
   <span class="pf-v6-c-label__content">
     <span class="pf-v6-c-label__icon">
       <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
@@ -6004,7 +6004,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact">
   <span class="pf-v6-c-label__content">
     <span
       class="pf-v6-c-label__text"
@@ -6026,7 +6026,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact">
   <span class="pf-v6-c-label__content">
     <span class="pf-v6-c-label__icon">
       <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
@@ -6051,19 +6051,19 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact pf-m-clickable">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-clickable">
   <a class="pf-v6-c-label__content pf-m-clickable" href="#">
     <span class="pf-v6-c-label__text">Compact link</span>
   </a>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact pf-m-clickable">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-clickable">
   <button class="pf-v6-c-label__content pf-m-clickable" type="button">
     <span class="pf-v6-c-label__text">Compact button</span>
   </button>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact pf-m-clickable">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-clickable">
   <a class="pf-v6-c-label__content pf-m-clickable" href="#">
     <span
       class="pf-v6-c-label__text"
@@ -6085,7 +6085,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact pf-m-clickable">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-clickable">
   <button class="pf-v6-c-label__content pf-m-clickable" type="button">
     <span
       class="pf-v6-c-label__text"
@@ -6107,7 +6107,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact">
   <span class="pf-v6-c-label__content">
     <span class="pf-v6-c-label__icon">
       <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
@@ -6119,7 +6119,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact">
+<span class="pf-v6-c-label pf-m-filled pf-m-compact">
   <span class="pf-v6-c-label__content">
     <span class="pf-v6-c-label__icon">
       <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
@@ -6145,7 +6145,9 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact pf-m-disabled pf-m-clickable">
+<span
+  class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-disabled pf-m-clickable"
+>
   <a
     class="pf-v6-c-label__content pf-m-clickable"
     href="#"
@@ -6176,7 +6178,9 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
   </span>
 </span>
 
-<span class="pf-v6-c-label pf-m-compact pf-m-disabled pf-m-clickable">
+<span
+  class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-disabled pf-m-clickable"
+>
   <button class="pf-v6-c-label__content pf-m-clickable" type="button" disabled>
     <span class="pf-v6-c-label__icon">
       <i class="fas fa-fw fa-cube" aria-hidden="true"></i>

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

@@ -296,9 +296,6 @@ wrapperTag: div
       <section class="pf-v6-c-page__main-subnav">
         <code>.pf-v6-c-page__main-subnav</code> for horizontal subnav navigation
       </section>
-      <section class="pf-v6-c-page__main-nav">
-        <code>.pf-v6-c-page__main-nav</code> for tertiary navigation
-      </section>
       <section class="pf-v6-c-page__main-tabs">
         <code>.pf-v6-c-page__main-tabs</code> for tabs
       </section>
@@ -390,7 +387,6 @@ This component provides the basic chrome for a page, including sidebar and main
 | `.pf-v6-c-page__sidebar` | `<aside>` | Declares the page sidebar. |
 | `.pf-v6-c-page__sidebar-body` | `<div>` | Creates a wrapper within the sidebar to hold content. **Note: The last/only `.pf-v6-c-page__sidebar-body` element will grow to fill the available vertical space. You can change this behavior using `.pf-m-fill` and `.pf-m-no-fill`, which are documented below.** |
 | `.pf-v6-c-page__main` | `<main>` | Declares the main page area. |
-| `.pf-v6-c-page__main-nav` | `<section>` | Creates a container to nest the (deprecated) tertiary navigation component in the main page area. |
 | `.pf-v6-c-page__main-subnav` | `<section>` | Creates a container to nest the horizontal subnav navigation component in the main page area. |
 | `.pf-v6-c-page__main-breadcrumb` | `<section>` | Creates a container to nest the breadcrumb component in the main page area. |
 | `.pf-v6-c-page__main-section` | `<section>` | Creates a section container in the main page area. **Note: This section will not fill the vertical space. You can change this behavior using `.pf-m-fill` and `.pf-m-no-fill`, which are documented below.**  |

package/docs/demos/AboutModal/examples/AboutModal.md

@@ -111,10 +111,10 @@ This demo implements the about modal, including the backdrop.
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button

package/docs/demos/Alert/examples/Alert.md

@@ -109,10 +109,10 @@ section: components
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button
@@ -486,10 +486,10 @@ section: components
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button
@@ -963,10 +963,10 @@ section: components
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button

package/docs/demos/BackToTop/examples/BackToTop.md

@@ -110,10 +110,10 @@ cssPrefix: pf-d-back-to-top
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button

package/docs/demos/Banner/examples/Banner.md

@@ -111,10 +111,10 @@ wrapperTag: div
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button
@@ -576,10 +576,10 @@ wrapperTag: div
             <div class="pf-v6-c-toolbar__content">
               <div class="pf-v6-c-toolbar__content-section">
                 <div
-                  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+                  class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
                 >
                   <div
-                    class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                    class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
                   >
                     <div class="pf-v6-c-toolbar__item">
                       <button

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

@@ -109,10 +109,10 @@ section: patterns
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button

package/docs/demos/Dashboard/examples/Dashboard.md

@@ -107,10 +107,10 @@ cssPrefix: pf-d-dashboard
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button

package/docs/demos/DataList/examples/DataList.md

@@ -110,10 +110,10 @@ wrapperTag: div
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button
@@ -935,10 +935,10 @@ wrapperTag: div
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button
@@ -1771,10 +1771,10 @@ wrapperTag: div
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button
@@ -3291,10 +3291,10 @@ wrapperTag: div
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button

package/docs/demos/DescriptionList/examples/DescriptionList.md

@@ -110,10 +110,10 @@ cssPrefix: pf-d-description-list
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button
@@ -475,10 +475,10 @@ cssPrefix: pf-d-description-list
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button
@@ -1111,10 +1111,10 @@ cssPrefix: pf-d-description-list
         <div class="pf-v6-c-toolbar__content">
           <div class="pf-v6-c-toolbar__content-section">
             <div
-              class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
+              class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
             >
               <div
-                class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
+                class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
               >
                 <div class="pf-v6-c-toolbar__item">
                   <button