@patternfly/patternfly 6.0.0-alpha.90 → 6.0.0-alpha.92

package/components/Panel/panel.css

@@ -1,94 +1,94 @@
 :root,
-.pf-v5-c-panel {
-  --pf-v5-c-panel--Width: auto;
-  --pf-v5-c-panel--MinWidth: auto;
-  --pf-v5-c-panel--MaxWidth: none;
-  --pf-v5-c-panel--ZIndex: auto;
-  --pf-v5-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v5-c-panel--BoxShadow: none;
-  --pf-v5-c-panel--before--BorderWidth: 0;
-  --pf-v5-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v5-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v5-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
-  --pf-v5-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v5-c-panel--m-raised--ZIndex: var(--pf-t--global--Zindex--sm);
-  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v5-c-panel__header--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__header--PaddingRight: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__header--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__header--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__main--MaxHeight: none;
-  --pf-v5-c-panel__main--Overflow: visible;
-  --pf-v5-c-panel__main-body--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__main-body--PaddingRight: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__main-body--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__main-body--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__footer--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__footer--PaddingRight: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__footer--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__footer--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v5-c-panel__footer--BoxShadow: none;
-  --pf-v5-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
-  --pf-v5-c-panel--m-scrollable__main--Overflow: auto;
-  --pf-v5-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(0 0 0 / 16%);
+.pf-v6-c-panel {
+  --pf-v6-c-panel--Width: auto;
+  --pf-v6-c-panel--MinWidth: auto;
+  --pf-v6-c-panel--MaxWidth: none;
+  --pf-v6-c-panel--ZIndex: auto;
+  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-panel--BoxShadow: none;
+  --pf-v6-c-panel--before--BorderWidth: 0;
+  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v6-c-panel__header--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__header--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__header--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__header--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__main--MaxHeight: none;
+  --pf-v6-c-panel__main--Overflow: visible;
+  --pf-v6-c-panel__main-body--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__main-body--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__main-body--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__main-body--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__footer--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__footer--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__footer--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__footer--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__footer--BoxShadow: none;
+  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
+  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
+  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(0 0 0 / 16%);
 }
 
-.pf-v5-c-panel {
+.pf-v6-c-panel {
   position: relative;
-  z-index: var(--pf-v5-c-panel--ZIndex);
-  width: var(--pf-v5-c-panel--Width);
-  min-width: var(--pf-v5-c-panel--MinWidth);
-  max-width: var(--pf-v5-c-panel--MaxWidth);
-  background-color: var(--pf-v5-c-panel--BackgroundColor);
-  box-shadow: var(--pf-v5-c-panel--BoxShadow);
+  z-index: var(--pf-v6-c-panel--ZIndex);
+  width: var(--pf-v6-c-panel--Width);
+  min-width: var(--pf-v6-c-panel--MinWidth);
+  max-width: var(--pf-v6-c-panel--MaxWidth);
+  background-color: var(--pf-v6-c-panel--BackgroundColor);
+  box-shadow: var(--pf-v6-c-panel--BoxShadow);
 }
-.pf-v5-c-panel::before {
+.pf-v6-c-panel::before {
   position: absolute;
   inset: 0;
   pointer-events: none;
   content: "";
-  border: var(--pf-v5-c-panel--before--BorderWidth) solid var(--pf-v5-c-panel--before--BorderColor);
+  border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
 }
-.pf-v5-c-panel.pf-m-bordered {
-  --pf-v5-c-panel--before--BorderWidth: var(--pf-v5-c-panel--m-bordered--before--BorderWidth);
+.pf-v6-c-panel.pf-m-bordered {
+  --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
 }
-.pf-v5-c-panel.pf-m-secondary {
-  --pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-secondary--BackgroundColor);
+.pf-v6-c-panel.pf-m-secondary {
+  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
 }
-.pf-v5-c-panel.pf-m-raised {
-  --pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-raised--BackgroundColor);
-  --pf-v5-c-panel--BoxShadow: var(--pf-v5-c-panel--m-raised--BoxShadow);
-  --pf-v5-c-panel--ZIndex: var(--pf-v5-c-panel--m-raised--ZIndex);
+.pf-v6-c-panel.pf-m-raised {
+  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
+  --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
+  --pf-v6-c-panel--ZIndex: var(--pf-v6-c-panel--m-raised--ZIndex);
 }
-.pf-v5-c-panel.pf-m-scrollable {
-  --pf-v5-c-panel__main--MaxHeight: var(--pf-v5-c-panel--m-scrollable__main--MaxHeight);
-  --pf-v5-c-panel__main--Overflow: var(--pf-v5-c-panel--m-scrollable__main--Overflow);
-  --pf-v5-c-panel__footer--BoxShadow: var(--pf-v5-c-panel--m-scrollable__footer--BoxShadow);
+.pf-v6-c-panel.pf-m-scrollable {
+  --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
+  --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
+  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
 }
 
-.pf-v5-c-panel__header {
-  padding-block-start: var(--pf-v5-c-panel__header--PaddingTop);
-  padding-block-end: var(--pf-v5-c-panel__header--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-panel__header--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-panel__header--PaddingRight);
+.pf-v6-c-panel__header {
+  padding-block-start: var(--pf-v6-c-panel__header--PaddingTop);
+  padding-block-end: var(--pf-v6-c-panel__header--PaddingBottom);
+  padding-inline-start: var(--pf-v6-c-panel__header--PaddingLeft);
+  padding-inline-end: var(--pf-v6-c-panel__header--PaddingRight);
 }
 
-.pf-v5-c-panel__main {
-  max-height: var(--pf-v5-c-panel__main--MaxHeight);
-  overflow: var(--pf-v5-c-panel__main--Overflow);
+.pf-v6-c-panel__main {
+  max-height: var(--pf-v6-c-panel__main--MaxHeight);
+  overflow: var(--pf-v6-c-panel__main--Overflow);
 }
 
-.pf-v5-c-panel__main-body {
-  padding-block-start: var(--pf-v5-c-panel__main-body--PaddingTop);
-  padding-block-end: var(--pf-v5-c-panel__main-body--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-panel__main-body--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-panel__main-body--PaddingRight);
+.pf-v6-c-panel__main-body {
+  padding-block-start: var(--pf-v6-c-panel__main-body--PaddingTop);
+  padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBottom);
+  padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingLeft);
+  padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingRight);
 }
 
-.pf-v5-c-panel__footer {
-  padding-block-start: var(--pf-v5-c-panel__footer--PaddingTop);
-  padding-block-end: var(--pf-v5-c-panel__footer--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-panel__footer--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-panel__footer--PaddingRight);
-  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
+.pf-v6-c-panel__footer {
+  padding-block-start: var(--pf-v6-c-panel__footer--PaddingTop);
+  padding-block-end: var(--pf-v6-c-panel__footer--PaddingBottom);
+  padding-inline-start: var(--pf-v6-c-panel__footer--PaddingLeft);
+  padding-inline-end: var(--pf-v6-c-panel__footer--PaddingRight);
+  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
 }

package/components/Popover/popover.css

@@ -1,200 +1,200 @@
-.pf-v5-c-popover {
-  --pf-v5-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
-  --pf-v5-c-popover--MaxWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
-  --pf-v5-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v5-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
-  --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
-  --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
-  --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
-  --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
-  --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
-  --pf-v5-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v5-c-popover__content--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v5-c-popover__content--PaddingRight: var(--pf-t--global--spacer--md);
-  --pf-v5-c-popover__content--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v5-c-popover__content--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v5-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
-  --pf-v5-c-popover__arrow--Width: 0.9375rem;
-  --pf-v5-c-popover__arrow--Height: 0.9375rem;
-  --pf-v5-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v5-c-popover__arrow--m-top--TranslateX: -50%;
-  --pf-v5-c-popover__arrow--m-top--TranslateY: 50%;
-  --pf-v5-c-popover__arrow--m-top--Rotate: 45deg;
-  --pf-v5-c-popover__arrow--m-right--TranslateX: -50%;
-  --pf-v5-c-popover__arrow--m-right--TranslateY: -50%;
-  --pf-v5-c-popover__arrow--m-right--Rotate: 45deg;
-  --pf-v5-c-popover__arrow--m-bottom--TranslateX: -50%;
-  --pf-v5-c-popover__arrow--m-bottom--TranslateY: -50%;
-  --pf-v5-c-popover__arrow--m-bottom--Rotate: 45deg;
-  --pf-v5-c-popover__arrow--m-left--TranslateX: 50%;
-  --pf-v5-c-popover__arrow--m-left--TranslateY: -50%;
-  --pf-v5-c-popover__arrow--m-left--Rotate: 45deg;
-  --pf-v5-c-popover__arrow--m-inline-top--Top: var(--pf-t--global--border--radius--medium);
-  --pf-v5-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
-  --pf-v5-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
-  --pf-v5-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
-  --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
-  --pf-v5-c-popover__close--Right: var(--pf-v5-c-popover__content--PaddingRight);
-  --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
-  --pf-v5-c-popover__header--MarginBottom: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v5-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
-  --pf-v5-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
-  --pf-v5-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
-  --pf-v5-c-popover__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v5-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
-  --pf-v5-c-popover__footer--MarginTop: var(--pf-t--global--spacer--md);
+.pf-v6-c-popover {
+  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingLeft) + var(--pf-v6-c-popover__content--PaddingRight) + 18.75rem);
+  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingLeft) + var(--pf-v6-c-popover__content--PaddingRight) + 18.75rem);
+  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
+  --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v6-c-popover__content--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v6-c-popover__content--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v6-c-popover__content--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v6-c-popover__content--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-popover__arrow--Width: 0.9375rem;
+  --pf-v6-c-popover__arrow--Height: 0.9375rem;
+  --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
+  --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
+  --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
+  --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
+  --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
+  --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
+  --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
+  --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
+  --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
+  --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
+  --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
+  --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
+  --pf-v6-c-popover__arrow--m-inline-top--Top: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-popover__close--Top: calc(var(--pf-v6-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
+  --pf-v6-c-popover__close--Right: var(--pf-v6-c-popover__content--PaddingRight);
+  --pf-v6-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
+  --pf-v6-c-popover__header--MarginBottom: 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-icon--MarginRight: 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__footer--MarginTop: var(--pf-t--global--spacer--md);
   position: relative;
-  min-width: var(--pf-v5-c-popover--MinWidth);
-  max-width: var(--pf-v5-c-popover--MaxWidth);
-  font-size: var(--pf-v5-c-popover--FontSize);
-  border-radius: var(--pf-v5-c-popover--BorderRadius);
-  box-shadow: var(--pf-v5-c-popover--BoxShadow);
-}
-.pf-v5-c-popover.pf-m-no-padding {
-  --pf-v5-c-popover__content--PaddingTop: 0px;
-  --pf-v5-c-popover__content--PaddingRight: 0px;
-  --pf-v5-c-popover__content--PaddingBottom: 0px;
-  --pf-v5-c-popover__content--PaddingLeft: 0px;
-}
-.pf-v5-c-popover.pf-m-width-auto {
-  --pf-v5-c-popover--MinWidth: auto;
-  --pf-v5-c-popover--MaxWidth: none;
-}
-.pf-v5-c-popover:is(.pf-m-top,
+  min-width: var(--pf-v6-c-popover--MinWidth);
+  max-width: var(--pf-v6-c-popover--MaxWidth);
+  font-size: var(--pf-v6-c-popover--FontSize);
+  border-radius: var(--pf-v6-c-popover--BorderRadius);
+  box-shadow: var(--pf-v6-c-popover--BoxShadow);
+}
+.pf-v6-c-popover.pf-m-no-padding {
+  --pf-v6-c-popover__content--PaddingTop: 0px;
+  --pf-v6-c-popover__content--PaddingRight: 0px;
+  --pf-v6-c-popover__content--PaddingBottom: 0px;
+  --pf-v6-c-popover__content--PaddingLeft: 0px;
+}
+.pf-v6-c-popover.pf-m-width-auto {
+  --pf-v6-c-popover--MinWidth: auto;
+  --pf-v6-c-popover--MaxWidth: none;
+}
+.pf-v6-c-popover:is(.pf-m-top,
 .pf-m-top-left,
 .pf-m-top-right) {
-  --pf-v5-c-popover__arrow--Bottom: var(--pf-v5-c-popover--m-top--Bottom, 0);
-  --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover--m-top--Left, 50%);
-  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-top--TranslateX);
-  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-top--TranslateY);
-  --pf-v5-c-popover__arrow--Rotate: var(--pf-v5-c-popover__arrow--m-top--Rotate);
+  --pf-v6-c-popover__arrow--Bottom: var(--pf-v6-c-popover--m-top--Bottom, 0);
+  --pf-v6-c-popover__arrow--Left: var(--pf-v6-c-popover--m-top--Left, 50%);
+  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
+  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
+  --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
 }
-.pf-v5-c-popover:is(.pf-m-bottom,
+.pf-v6-c-popover:is(.pf-m-bottom,
 .pf-m-bottom-left,
 .pf-m-bottom-right) {
-  --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover--m-bottom--Top, 0);
-  --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover--m-bottom--Left, 50%);
-  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-bottom--TranslateX);
-  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-bottom--TranslateY);
-  --pf-v5-c-popover__arrow--Rotate: var(--pf-v5-c-popover__arrow--m-bottom--Rotate);
+  --pf-v6-c-popover__arrow--Top: var(--pf-v6-c-popover--m-bottom--Top, 0);
+  --pf-v6-c-popover__arrow--Left: var(--pf-v6-c-popover--m-bottom--Left, 50%);
+  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
+  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
+  --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
 }
-.pf-v5-c-popover:is(.pf-m-left,
+.pf-v6-c-popover:is(.pf-m-left,
 .pf-m-left-top,
 .pf-m-left-bottom) {
-  --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover--m-left--Top, 50%);
-  --pf-v5-c-popover__arrow--Right: var(--pf-v5-c-popover--m-left--Right, 0);
-  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-left--TranslateX);
-  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-left--TranslateY);
-  --pf-v5-c-popover__arrow--Rotate: var(--pf-v5-c-popover__arrow--m-left--Rotate);
+  --pf-v6-c-popover__arrow--Top: var(--pf-v6-c-popover--m-left--Top, 50%);
+  --pf-v6-c-popover__arrow--Right: var(--pf-v6-c-popover--m-left--Right, 0);
+  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
+  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
+  --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
 }
-.pf-v5-c-popover:is(.pf-m-right,
+.pf-v6-c-popover:is(.pf-m-right,
 .pf-m-right-top,
 .pf-m-right-bottom) {
-  --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover--m-right--Top, 50%);
-  --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover--m-right--Left, 0);
-  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-right--TranslateX);
-  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-right--TranslateY);
-  --pf-v5-c-popover__arrow--Rotate: var(--pf-v5-c-popover__arrow--m-right--Rotate);
+  --pf-v6-c-popover__arrow--Top: var(--pf-v6-c-popover--m-right--Top, 50%);
+  --pf-v6-c-popover__arrow--Left: var(--pf-v6-c-popover--m-right--Left, 0);
+  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
+  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
+  --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
 }
-.pf-v5-c-popover:is(.pf-m-left-top,
+.pf-v6-c-popover:is(.pf-m-left-top,
 .pf-m-right-top) {
-  --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover__arrow--m-inline-top--Top);
-  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-top--TranslateY);
+  --pf-v6-c-popover__arrow--Top: var(--pf-v6-c-popover__arrow--m-inline-top--Top);
+  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
 }
-.pf-v5-c-popover:is(.pf-m-left-bottom,
+.pf-v6-c-popover:is(.pf-m-left-bottom,
 .pf-m-right-bottom) {
-  --pf-v5-c-popover__arrow--Top: auto;
-  --pf-v5-c-popover__arrow--Bottom: var(--pf-v5-c-popover__arrow--m-inline-bottom--Bottom);
+  --pf-v6-c-popover__arrow--Top: auto;
+  --pf-v6-c-popover__arrow--Bottom: var(--pf-v6-c-popover__arrow--m-inline-bottom--Bottom);
 }
-.pf-v5-c-popover:is(.pf-m-top-left,
+.pf-v6-c-popover:is(.pf-m-top-left,
 .pf-m-bottom-left) {
-  --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover__arrow--m-block-left--Left);
-  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-left--TranslateX);
+  --pf-v6-c-popover__arrow--Left: var(--pf-v6-c-popover__arrow--m-block-left--Left);
+  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
 }
-.pf-v5-c-popover:is(.pf-m-top-right,
+.pf-v6-c-popover:is(.pf-m-top-right,
 .pf-m-bottom-right) {
-  --pf-v5-c-popover__arrow--Right: var(--pf-v5-c-popover__arrow--m-block-right--Right);
-  --pf-v5-c-popover__arrow--Left: auto;
+  --pf-v6-c-popover__arrow--Right: var(--pf-v6-c-popover__arrow--m-block-right--Right);
+  --pf-v6-c-popover__arrow--Left: auto;
 }
-.pf-v5-c-popover.pf-m-danger {
-  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-danger__title-icon--Color);
+.pf-v6-c-popover.pf-m-danger {
+  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
 }
-.pf-v5-c-popover.pf-m-warning {
-  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-warning__title-icon--Color);
+.pf-v6-c-popover.pf-m-warning {
+  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
 }
-.pf-v5-c-popover.pf-m-success {
-  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-success__title-icon--Color);
+.pf-v6-c-popover.pf-m-success {
+  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
 }
-.pf-v5-c-popover.pf-m-custom {
-  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-custom__title-icon--Color);
+.pf-v6-c-popover.pf-m-custom {
+  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
 }
-.pf-v5-c-popover.pf-m-info {
-  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-info__title-icon--Color);
+.pf-v6-c-popover.pf-m-info {
+  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
 }
 
-.pf-v5-c-popover__content {
+.pf-v6-c-popover__content {
   position: relative;
-  padding-block-start: var(--pf-v5-c-popover__content--PaddingTop);
-  padding-block-end: var(--pf-v5-c-popover__content--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-popover__content--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-popover__content--PaddingRight);
-  background-color: var(--pf-v5-c-popover__content--BackgroundColor);
-  border-radius: var(--pf-v5-c-popover__content--BorderRadius);
+  padding-block-start: var(--pf-v6-c-popover__content--PaddingTop);
+  padding-block-end: var(--pf-v6-c-popover__content--PaddingBottom);
+  padding-inline-start: var(--pf-v6-c-popover__content--PaddingLeft);
+  padding-inline-end: var(--pf-v6-c-popover__content--PaddingRight);
+  background-color: var(--pf-v6-c-popover__content--BackgroundColor);
+  border-radius: var(--pf-v6-c-popover__content--BorderRadius);
 }
 
-.pf-v5-c-popover__close {
+.pf-v6-c-popover__close {
   position: absolute;
-  inset-block-start: var(--pf-v5-c-popover__close--Top);
-  inset-inline-end: var(--pf-v5-c-popover__close--Right);
+  inset-block-start: var(--pf-v6-c-popover__close--Top);
+  inset-inline-end: var(--pf-v6-c-popover__close--Right);
 }
-.pf-v5-c-popover__close + * {
-  padding-inline-end: var(--pf-v5-c-popover__close--sibling--PaddingRight);
+.pf-v6-c-popover__close + * {
+  padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingRight);
 }
 
-.pf-v5-c-popover__arrow {
+.pf-v6-c-popover__arrow {
   position: absolute;
-  top: var(--pf-v5-c-popover__arrow--Top, auto);
-  right: var(--pf-v5-c-popover__arrow--Right, auto);
-  bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
-  left: var(--pf-v5-c-popover__arrow--Left, auto);
-  width: var(--pf-v5-c-popover__arrow--Width);
-  height: var(--pf-v5-c-popover__arrow--Height);
+  top: var(--pf-v6-c-popover__arrow--Top, auto);
+  right: var(--pf-v6-c-popover__arrow--Right, auto);
+  bottom: var(--pf-v6-c-popover__arrow--Bottom, auto);
+  left: var(--pf-v6-c-popover__arrow--Left, auto);
+  width: var(--pf-v6-c-popover__arrow--Width);
+  height: var(--pf-v6-c-popover__arrow--Height);
   pointer-events: none;
-  background-color: var(--pf-v5-c-popover__arrow--BackgroundColor);
-  box-shadow: var(--pf-v5-c-popover__arrow--BoxShadow);
-  transform: translateX(var(--pf-v5-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v5-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v5-c-popover__arrow--Rotate, 0));
+  background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
+  box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
+  transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
 }
 
-.pf-v5-c-popover__header {
-  margin-block-end: var(--pf-v5-c-popover__header--MarginBottom);
+.pf-v6-c-popover__header {
+  margin-block-end: var(--pf-v6-c-popover__header--MarginBottom);
 }
 
-.pf-v5-c-popover__title {
+.pf-v6-c-popover__title {
   display: flex;
   flex: 0 0 auto;
 }
 
-.pf-v5-c-popover__title-icon {
-  margin-inline-end: var(--pf-v5-c-popover__title-icon--MarginRight);
-  font-size: var(--pf-v5-c-popover__title-icon--FontSize);
-  color: var(--pf-v5-c-popover__title-icon--Color);
+.pf-v6-c-popover__title-icon {
+  margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginRight);
+  font-size: var(--pf-v6-c-popover__title-icon--FontSize);
+  color: var(--pf-v6-c-popover__title-icon--Color);
 }
 
-.pf-v5-c-popover__title-text {
-  font-family: var(--pf-v5-c-popover__title-text--FontFamily);
-  font-size: var(--pf-v5-c-popover__title-text--FontSize);
-  font-weight: var(--pf-v5-c-popover__title-text--FontWeight);
-  color: var(--pf-v5-c-popover__title-text--Color);
+.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);
 }
 
-.pf-v5-c-popover__body {
+.pf-v6-c-popover__body {
   word-wrap: break-word;
 }
 
-.pf-v5-c-popover__footer {
-  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
+.pf-v6-c-popover__footer {
+  margin-block-start: var(--pf-v6-c-popover__footer--MarginTop);
 }