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

package/components/Page/page.scss

@@ -123,7 +123,7 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   // Wizard main section
   --#{$page}__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --#{$page}__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
-  --#{$page}__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--button--default);
+  --#{$page}__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
 }
 
 .#{$page} {

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;
 }
@@ -1425,7 +1419,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-button--BackgroundColor: transparent;
   --pf-v6-c-button--BorderColor: transparent;
-  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-button--TextDecoration: none;
   --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
@@ -1433,11 +1427,11 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
   --pf-v6-c-button--hover--BackgroundColor: transparent;
   --pf-v6-c-button--hover--BorderColor: transparent;
-  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-button--hover--TextDecoration: none;
   --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
   --pf-v6-c-button--m-clicked--BorderColor: transparent;
-  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
   --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -1567,13 +1561,13 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
-  --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default--default);
+  --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
   --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
   --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
-  --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--default--hover);
+  --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
   --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
   --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
-  --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--default--clicked);
+  --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
   --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
   --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
   --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
@@ -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);
@@ -2266,7 +2260,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-card--m-full-height--Height: 100%;
   --pf-v6-c-card--m-plain--BorderColor: transparent;
   --pf-v6-c-card--m-plain--BackgroundColor: transparent;
-  --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--button--horizontal--compact) * -1);
+  --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--compact) * -1);
   --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
 }
 
@@ -3656,8 +3650,8 @@ ol) {
   --pf-v6-c-data-list--cell--WordBreak: normal;
   --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
   --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
-  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
-  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
+  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
   --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
   --pf-v6-c-data-list__toggle-icon--Rotate: 0;
@@ -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 {
@@ -7996,12 +7984,12 @@ label.pf-v6-c-input-group__text {
   --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-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --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);
   --pf-v6-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
-  --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
@@ -8011,11 +7999,11 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v6-c-label--m-add--BackgroundColor: transparent;
   --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v6-c-label--m-add--hover--BackgroundColor: transparent;
   --pf-v6-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
-  --pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-label--m-compact--PaddingBlockStart: 0;
   --pf-v6-c-label--m-compact--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
@@ -10026,22 +10014,22 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
   --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
   --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
   --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -10081,13 +10069,13 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
   --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
   --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
-  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
   --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
-  --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
   --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
-  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
   --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
@@ -10097,7 +10085,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
-  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
   --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
@@ -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 {
@@ -11621,7 +11603,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
 }
 @media (min-width: 1200px) {
   :where(:root, .pf-v6-c-page) {
@@ -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"}}