@patternfly/patternfly 6.0.0-alpha.170 → 6.0.0-alpha.171

package/components/Alert/alert.css

@@ -14,8 +14,8 @@
   --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - 0.0625rem);
-  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
+  --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-alert__toggle-icon--Rotate: 0;
   --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
@@ -23,10 +23,7 @@
   --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
   --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
-  --pf-v6-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v6-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
-  --pf-v6-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-alert__title--max-lines: 1;
   --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -160,10 +157,7 @@
 
 .pf-v6-c-alert__title {
   grid-area: title;
-  font-family: var(--pf-v6-c-alert__title--FontFamily);
-  font-size: var(--pf-v6-c-alert__title--FontSize);
   font-weight: var(--pf-v6-c-alert__title--FontWeight);
-  line-height: var(--pf-v6-c-alert__title--LineHeight);
   color: var(--pf-v6-c-alert__title--Color);
   word-break: break-word;
 }

package/components/Alert/alert.scss

@@ -19,8 +19,8 @@
   --#{$alert}--FontSize: var(--pf-t--global--font--size--body--default);
 
   // Toggle
-  --#{$alert}__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - #{pf-size-prem(1px)});
-  --#{$alert}__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
+  --#{$alert}__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --#{$alert}__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --#{$alert}__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
 
   // Toggle icon
@@ -34,10 +34,7 @@
   --#{$alert}__icon--FontSize: var(--pf-t--global--icon--size--md);
 
   // Title
-  --#{$alert}__title--FontFamily: var(--pf-t--global--font--family--heading);
-  --#{$alert}__title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --#{$alert}__title--FontWeight: var(--pf-t--global--font--weight--heading);
-  --#{$alert}__title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --#{$alert}__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --#{$alert}__title--Color: var(--pf-t--global--text--color--regular);
   --#{$alert}__title--max-lines: 1;
 
@@ -203,10 +200,7 @@
 
 .#{$alert}__title {
   grid-area: title;
-  font-family: var(--#{$alert}__title--FontFamily);
-  font-size: var(--#{$alert}__title--FontSize);
   font-weight: var(--#{$alert}__title--FontWeight);
-  line-height: var(--#{$alert}__title--LineHeight);
   color: var(--#{$alert}__title--Color);
   word-break: break-word;
 

package/components/Card/card.css

@@ -12,7 +12,7 @@
   --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
+  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);

package/components/Card/card.scss

@@ -14,7 +14,7 @@
   --#{$card}__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --#{$card}__title-text--Color: var(--pf-t--global--text--color--regular);
   --#{$card}__title-text--FontFamily: var(--pf-t--global--font--family--heading);
-  --#{$card}__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
+  --#{$card}__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
   --#{$card}__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
   --#{$card}__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
   --#{$card}--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);

package/components/Hint/hint.css

@@ -9,10 +9,7 @@
   --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
   --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v6-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
-  --pf-v6-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -60,10 +57,7 @@
 
 .pf-v6-c-hint__title {
   align-self: center;
-  font-family: var(--pf-v6-c-hint__title--FontFamily);
-  font-size: var(--pf-v6-c-hint__title--FontSize);
   font-weight: var(--pf-v6-c-hint__title--FontWeight);
-  line-height: var(--pf-v6-c-hint__title--LineHeight);
 }
 
 .pf-v6-c-hint__body {

package/components/Hint/hint.scss

@@ -13,10 +13,7 @@
   --#{$hint}--Color: var(--pf-t--global--text--color--regular);
 
   // Hint Title
-  --#{$hint}__title--FontFamily: var(--pf-t--global--font--family--heading);
-  --#{$hint}__title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --#{$hint}__title--FontWeight: var(--pf-t--global--font--weight--heading);
-  --#{$hint}__title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --#{$hint}__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
 
   // Hint Body
   --#{$hint}__body--FontSize: var(--pf-t--global--font--size--body--default);
@@ -74,10 +71,7 @@
 
 .#{$hint}__title {
   align-self: center;
-  font-family: var(--#{$hint}__title--FontFamily);
-  font-size: var(--#{$hint}__title--FontSize);
   font-weight: var(--#{$hint}__title--FontWeight);
-  line-height: var(--#{$hint}__title--LineHeight);
 }
 
 .#{$hint}__body {

package/components/NotificationDrawer/notification-drawer.css

@@ -44,10 +44,7 @@
   --pf-v6-c-notification-drawer__list-item-header--MarginBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-notification-drawer__list-item-header-icon--Color: inherit;
   --pf-v6-c-notification-drawer__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-notification-drawer__list-item-header-title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v6-c-notification-drawer__list-item-header-title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
-  --pf-v6-c-notification-drawer__list-item-header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-notification-drawer__list-item-header-title--max-lines: 1;
   --pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
@@ -186,10 +183,7 @@
 }
 
 .pf-v6-c-notification-drawer__list-item-header-title {
-  font-family: var(--pf-v6-c-notification-drawer__list-item-header-title--FontFamily);
-  font-size: var(--pf-v6-c-notification-drawer__list-item-header-title--FontSize);
   font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
-  line-height: var(--pf-v6-c-notification-drawer__list-item-header-title--LineHeight);
   word-break: break-word;
 }
 .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {

package/components/NotificationDrawer/notification-drawer.scss

@@ -62,10 +62,7 @@
   --#{$notification-drawer}__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
 
   // List item header title
-  --#{$notification-drawer}__list-item-header-title--FontFamily: var(--pf-t--global--font--family--heading);
-  --#{$notification-drawer}__list-item-header-title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --#{$notification-drawer}__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
-  --#{$notification-drawer}__list-item-header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --#{$notification-drawer}__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --#{$notification-drawer}__list-item-header-title--max-lines: 1;
 
   // List item description
@@ -229,10 +226,7 @@
 }
 
 .#{$notification-drawer}__list-item-header-title {
-  font-family: var(--#{$notification-drawer}__list-item-header-title--FontFamily);
-  font-size: var(--#{$notification-drawer}__list-item-header-title--FontSize);
   font-weight: var(--#{$notification-drawer}__list-item-header-title--FontWeight);
-  line-height: var(--#{$notification-drawer}__list-item-header-title--LineHeight);
   word-break: break-word;
 
   &.pf-m-truncate {

package/components/Popover/popover.css

@@ -35,17 +35,16 @@
   --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
-  --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - (var(--pf-t--global--spacer--control--vertical--compact) * 1.5));
+  --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
   --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
   --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
-  --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
   --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
   --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
 }
 
@@ -188,7 +187,6 @@
 }
 
 .pf-v6-c-popover__title-text {
-  font-family: var(--pf-v6-c-popover__title-text--FontFamily);
   font-size: var(--pf-v6-c-popover__title-text--FontSize);
   font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
   color: var(--pf-v6-c-popover__title-text--Color);

package/components/Popover/popover.scss

@@ -47,7 +47,7 @@
   --#{$popover}__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
 
   // Close
-  --#{$popover}__close--InsetBlockStart: calc(var(--#{$popover}__content--PaddingBlockStart) - (var(--pf-t--global--spacer--control--vertical--compact) * 1.5)); // align top of button with top of text
+  --#{$popover}__close--InsetBlockStart: calc(var(--#{$popover}__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default)); // align top of button with top of text 
   --#{$popover}__close--InsetInlineEnd: var(--#{$popover}__content--PaddingInlineEnd); // align right of content
   --#{$popover}__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
 
@@ -56,14 +56,13 @@
 
   // Title text
   --#{$popover}__title-text--Color: var(--pf-t--global--text--color--regular);
-  --#{$popover}__title-text--FontFamily: var(--pf-t--global--font--family--body);
-  --#{$popover}__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
   --#{$popover}__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --#{$popover}__title-text--FontSize: var(--pf-t--global--font--size--body--default);
 
   // Title icon
   --#{$popover}__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --#{$popover}__title-icon--Color: var(--pf-t--global--icon--color--regular);
-  --#{$popover}__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --#{$popover}__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
 
   // Footer
   --#{$popover}__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
@@ -238,6 +237,7 @@
 .#{$popover}__title {
   display: flex;
   flex: 0 0 auto;
+
 }
 
 .#{$popover}__title-icon {
@@ -247,7 +247,6 @@
 }
 
 .#{$popover}__title-text {
-  font-family: var(--#{$popover}__title-text--FontFamily);
   font-size: var(--#{$popover}__title-text--FontSize);
   font-weight: var(--#{$popover}__title-text--FontWeight);
   color: var(--#{$popover}__title-text--Color);

package/components/Wizard/wizard.css

@@ -443,7 +443,9 @@
 
 .pf-v6-c-wizard__main {
   z-index: var(--pf-v6-c-wizard__main--ZIndex);
-  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
   overflow-x: hidden;
   overflow-y: auto;
   word-break: break-word;
@@ -458,6 +460,9 @@
 .pf-v6-c-wizard__main-body.pf-m-no-padding {
   padding: 0;
 }
+.pf-v6-c-wizard__main-body:last-child {
+  flex-grow: 1;
+}
 
 .pf-v6-c-wizard__footer {
   position: relative;

package/components/Wizard/wizard.scss

@@ -538,7 +538,9 @@
 
 .#{$wizard}__main {
   z-index: var(--#{$wizard}__main--ZIndex);
-  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
   overflow-x: hidden;
   overflow-y: auto;
   word-break: break-word;
@@ -553,6 +555,10 @@
   &.pf-m-no-padding {
     padding: 0;
   }
+
+  &:last-child { 
+    flex-grow: 1; 
+  }
 }
 
 .#{$wizard}__footer {

package/components/_index.css

@@ -391,8 +391,8 @@
   --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - 0.0625rem);
-  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
+  --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-alert__toggle-icon--Rotate: 0;
   --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
@@ -400,10 +400,7 @@
   --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
   --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
-  --pf-v6-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v6-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
-  --pf-v6-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-alert__title--max-lines: 1;
   --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -537,10 +534,7 @@
 
 .pf-v6-c-alert__title {
   grid-area: title;
-  font-family: var(--pf-v6-c-alert__title--FontFamily);
-  font-size: var(--pf-v6-c-alert__title--FontSize);
   font-weight: var(--pf-v6-c-alert__title--FontWeight);
-  line-height: var(--pf-v6-c-alert__title--LineHeight);
   color: var(--pf-v6-c-alert__title--Color);
   word-break: break-word;
 }
@@ -2211,7 +2205,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
+  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -7054,10 +7048,7 @@ select ~ .pf-v6-c-form-control__utilities {
   --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
   --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v6-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
-  --pf-v6-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -7105,10 +7096,7 @@ select ~ .pf-v6-c-form-control__utilities {
 
 .pf-v6-c-hint__title {
   align-self: center;
-  font-family: var(--pf-v6-c-hint__title--FontFamily);
-  font-size: var(--pf-v6-c-hint__title--FontSize);
   font-weight: var(--pf-v6-c-hint__title--FontWeight);
-  line-height: var(--pf-v6-c-hint__title--LineHeight);
 }
 
 .pf-v6-c-hint__body {
@@ -11273,10 +11261,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-notification-drawer__list-item-header--MarginBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-notification-drawer__list-item-header-icon--Color: inherit;
   --pf-v6-c-notification-drawer__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-notification-drawer__list-item-header-title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v6-c-notification-drawer__list-item-header-title--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
-  --pf-v6-c-notification-drawer__list-item-header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-notification-drawer__list-item-header-title--max-lines: 1;
   --pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
@@ -11415,10 +11400,7 @@ ul.pf-v6-c-list {
 }
 
 .pf-v6-c-notification-drawer__list-item-header-title {
-  font-family: var(--pf-v6-c-notification-drawer__list-item-header-title--FontFamily);
-  font-size: var(--pf-v6-c-notification-drawer__list-item-header-title--FontSize);
   font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
-  line-height: var(--pf-v6-c-notification-drawer__list-item-header-title--LineHeight);
   word-break: break-word;
 }
 .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
@@ -12743,17 +12725,16 @@ ul.pf-v6-c-list {
   --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
-  --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - (var(--pf-t--global--spacer--control--vertical--compact) * 1.5));
+  --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
   --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
   --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
-  --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
   --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
   --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
 }
 
@@ -12896,7 +12877,6 @@ ul.pf-v6-c-list {
 }
 
 .pf-v6-c-popover__title-text {
-  font-family: var(--pf-v6-c-popover__title-text--FontFamily);
   font-size: var(--pf-v6-c-popover__title-text--FontSize);
   font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
   color: var(--pf-v6-c-popover__title-text--Color);
@@ -22865,7 +22845,9 @@ label.pf-v6-c-tree-view__node-text {
 
 .pf-v6-c-wizard__main {
   z-index: var(--pf-v6-c-wizard__main--ZIndex);
-  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
   overflow-x: hidden;
   overflow-y: auto;
   word-break: break-word;
@@ -22880,6 +22862,9 @@ label.pf-v6-c-tree-view__node-text {
 .pf-v6-c-wizard__main-body.pf-m-no-padding {
   padding: 0;
 }
+.pf-v6-c-wizard__main-body:last-child {
+  flex-grow: 1;
+}
 
 .pf-v6-c-wizard__footer {
   position: relative;

package/docs/components/Accordion/examples/Accordion.md

@@ -578,7 +578,7 @@ cssPrefix: pf-v6-c-accordion
 
 ### Toggle icon at start
 
-```html isBeta
+```html
 <div class="pf-v6-c-accordion pf-m-toggle-start">
   <div class="pf-v6-c-accordion__item">
     <h3>

package/docs/components/Button/examples/Button.md

@@ -1835,7 +1835,7 @@ Sed hendrerit nisi in cursus maximus. Ut malesuada nisi turpis, in condimentum v
 
 ### Counts
 
-```html isBeta
+```html
 <button class="pf-v6-c-button pf-m-primary" type="button">
   <span class="pf-v6-c-button__text">View issues</span>
   <span class="pf-v6-c-button__count">

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

@@ -6441,7 +6441,7 @@ This style of label is used to indicate overflow within a label group.
 
 **Note: Editable label behavior must be handled with JavaScript.**
 
-```html isBeta
+```html
 <span class="pf-v6-c-label pf-m-filled pf-m-editable pf-m-blue">
   <button
     class="pf-v6-c-label__content"
@@ -6523,7 +6523,7 @@ This style of label is used to indicate overflow within a label group.
 
 This style of label is used to add new labels to a label group.
 
-```html isBeta
+```html
 <button class="pf-v6-c-label pf-m-add" type="button">
   <span class="pf-v6-c-label__content">
     <span class="pf-v6-c-label__text">Add Label</span>
@@ -7190,7 +7190,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
 
 ### Editable labels, dynamic label group
 
-```html isBeta
+```html
 <div class="pf-v6-c-label-group pf-m-editable">
   <div class="pf-v6-c-label-group__main">
     <ul
@@ -7298,7 +7298,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
 
 ### Editable labels, label active, dynamic label group
 
-```html isBeta
+```html
 <div class="pf-v6-c-label-group pf-m-editable">
   <div class="pf-v6-c-label-group__main">
     <ul
@@ -7484,7 +7484,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
 
 ### Mixed labels (static / editable), dynamic label group
 
-```html isBeta
+```html
 <div class="pf-v6-c-label-group pf-m-editable">
   <div class="pf-v6-c-label-group__main">
     <ul

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

@@ -394,7 +394,7 @@ cssPrefix: pf-v6-c-menu
 
 ### With flyout
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-flyout">
   <div class="pf-v6-c-menu__content">
     <ul class="pf-v6-c-menu__list" role="menu">
@@ -558,7 +558,7 @@ cssPrefix: pf-v6-c-menu
 
 ### With flyout menu top
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-flyout">
   <div class="pf-v6-c-menu__content">
     <ul class="pf-v6-c-menu__list" role="menu">
@@ -722,7 +722,7 @@ cssPrefix: pf-v6-c-menu
 
 ### With flyout menu left
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-flyout">
   <div class="pf-v6-c-menu__content">
     <ul class="pf-v6-c-menu__list" role="menu">
@@ -886,7 +886,7 @@ cssPrefix: pf-v6-c-menu
 
 ### With flyout menu left top
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-flyout">
   <div class="pf-v6-c-menu__content">
     <ul class="pf-v6-c-menu__list" role="menu">
@@ -1050,7 +1050,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Drilldown
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-drilldown">
   <div class="pf-v6-c-menu__content">
     <ul class="pf-v6-c-menu__list" role="menu">
@@ -1569,7 +1569,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Drilldown level two
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
   <div
     class="pf-v6-c-menu__content"
@@ -2091,7 +2091,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Drilldown level three
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
   <div
     class="pf-v6-c-menu__content"
@@ -2613,7 +2613,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Drilldown level four
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
   <div
     class="pf-v6-c-menu__content"
@@ -3138,7 +3138,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Scrollable drilldown
 
-```html isBeta
+```html
 <div
   class="pf-v6-c-menu pf-m-drilldown pf-m-scrollable"
   style="--pf-v6-c-menu__content--MaxHeight: 180px;"
@@ -3660,7 +3660,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Width modified drilldown
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-drilldown" style="--pf-v6-c-menu--Width: 350px;">
   <div class="pf-v6-c-menu__content">
     <ul class="pf-v6-c-menu__list" role="menu">
@@ -4179,7 +4179,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Drilldown with breadcrumbs - level 1
 
-```html isBeta
+```html
 <div class="pf-v6-c-menu pf-m-drilldown">
   <div class="pf-v6-c-menu__content">
     <ul class="pf-v6-c-menu__list" role="menu">
@@ -4359,7 +4359,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Drilldown with breadcrumbs - level 2
 
-```html isBeta
+```html
 <div
   class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
   style="--pf-v6-c-menu__content--Height: 74px;"
@@ -4567,7 +4567,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Drilldown with breadcrumbs - level 3
 
-```html isBeta
+```html
 <div
   class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
   style="--pf-v6-c-menu__content--Height: 111px;"
@@ -4799,7 +4799,7 @@ cssPrefix: pf-v6-c-menu
 
 ### Drilldown with breadcrumbs - level 4
 
-```html isBeta
+```html
 <div
   class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
   style="--pf-v6-c-menu__content--Height: 185px;"
@@ -5034,27 +5034,27 @@ cssPrefix: pf-v6-c-menu
 
 <!--
 ### Drilldown managed height
-```hbs isBeta
+```hbs
 {{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
 ```
 
 ### Drilldown managed height level two
-```hbs isBeta
+```hbs
 {{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-2" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 193px;"'}}
 ```
 
 ### Drilldown managed height level three
-```hbs isBeta
+```hbs
 {{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-3" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 233px;"'}}
 ```
 
 ### Drilldown managed height level four
-```hbs isBeta
+```hbs
 {{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-4" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--IsDrilledIn--list-3="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
 ```
 
 ### Drilldown with breadcrumbs and managed height - level 4
-```hbs isBeta
+```hbs
 {{#> menu menu--id="drilldown-with-breadcrumbs-and-managed-height-level-4" menu--modifier="pf-m-drilldown pf-m-drilled-in" menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
   {{> menu-breadcrumbs--Drilldown breadcrumb--id="drilldown-with-breadcrumbs-level-4" menu-breadcrumbs--Drilldown--IsLevel4="true"}}
   {{> menu-content--Breadcrumbs menu-content--Breadcrumbs--level2="true" menu-content--Breadcrumbs--level3="true" menu-content--Breadcrumbs--level4="true"}}