@patternfly/patternfly 6.0.0-alpha.23 → 6.0.0-alpha.25

package/patternfly.css

@@ -7586,26 +7586,28 @@ button) {
   --pf-v5-c-background-image--BackgroundPosition: bottom left;
 }
 
-.pf-v5-c-back-to-top {
-  --pf-v5-c-back-to-top--Right: var(--pf-v5-global--spacer--2xl);
-  --pf-v5-c-back-to-top--Bottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-back-to-top--md--Bottom: var(--pf-v5-global--spacer--2xl);
-  --pf-v5-c-back-to-top--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
-  --pf-v5-c-back-to-top--c-button--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
-  --pf-v5-c-back-to-top--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-back-to-top--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-back-to-top--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-back-to-top--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-back-to-top--c-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg-bottom);
-  position: absolute;
-  inset-block-end: var(--pf-v5-c-back-to-top--Bottom);
-  inset-inline-end: var(--pf-v5-c-back-to-top--Right);
+:root {
+  --pf-v5-c-back-to-top--Right: var(--pf-t--global--spacer--2xl);
+  --pf-v5-c-back-to-top--Bottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-back-to-top--md--Bottom: var(--pf-t--global--spacer--2xl);
+  --pf-v5-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-back-to-top--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-back-to-top--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-back-to-top--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-back-to-top--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
 }
 @media (min-width: 768px) {
-  .pf-v5-c-back-to-top {
+  :root {
     --pf-v5-c-back-to-top--Bottom: var(--pf-v5-c-back-to-top--md--Bottom);
   }
 }
+
+.pf-v5-c-back-to-top {
+  position: absolute;
+  inset-block-end: var(--pf-v5-c-back-to-top--Bottom);
+  inset-inline-end: var(--pf-v5-c-back-to-top--Right);
+}
 .pf-v5-c-back-to-top.pf-m-hidden {
   display: none;
 }
@@ -23093,29 +23095,26 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 
 .pf-v5-c-popover {
-  --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
+  --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-v5-global--BoxShadow--lg);
-  --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
-  --pf-v5-c-popover--m-danger__title-text--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-popover--m-warning__title-text--Color: var(--pf-v5-global--warning-color--200);
-  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--200);
-  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--200);
-  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--300);
-  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-popover__content--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-popover__content--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-popover__content--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-popover__content--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-popover__arrow--Width: var(--pf-v5-global--arrow--width-lg);
-  --pf-v5-c-popover__arrow--Height: var(--pf-v5-global--arrow--width-lg);
-  --pf-v5-c-popover__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
-  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --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;
@@ -23128,21 +23127,27 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --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__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - var(--pf-v5-global--spacer--form-element));
-  --pf-v5-c-popover__close--Right: calc(var(--pf-v5-c-popover__content--PaddingRight) - var(--pf-v5-global--spacer--md));
-  --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
-  --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
-  --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-popover__title-icon--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-popover__footer--MarginTop: var(--pf-v5-global--spacer--md);
+  --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);
   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 {
@@ -23193,43 +23198,38 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 .pf-v5-c-popover:is(.pf-m-left-top,
 .pf-m-right-top) {
-  --pf-v5-c-popover__arrow--Top: 0;
+  --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-v5-c-popover:is(.pf-m-left-bottom,
 .pf-m-right-bottom) {
   --pf-v5-c-popover__arrow--Top: auto;
-  --pf-v5-c-popover__arrow--Bottom: 0;
+  --pf-v5-c-popover__arrow--Bottom: var(--pf-v5-c-popover__arrow--m-inline-bottom--Bottom);
 }
 .pf-v5-c-popover:is(.pf-m-top-left,
 .pf-m-bottom-left) {
-  --pf-v5-c-popover__arrow--Left: 0;
+  --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-v5-c-popover:is(.pf-m-top-right,
 .pf-m-bottom-right) {
-  --pf-v5-c-popover__arrow--Right: 0;
+  --pf-v5-c-popover__arrow--Right: var(--pf-v5-c-popover__arrow--m-block-right--Right);
   --pf-v5-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-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-danger__title-text--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-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-warning__title-text--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-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-success__title-text--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-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-custom__title-text--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-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-info__title-text--Color);
 }
 
 .pf-v5-c-popover__content {
@@ -23239,6 +23239,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   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);
 }
 
 .pf-v5-c-popover__close {
@@ -23284,8 +23285,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 .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);
-  line-height: var(--pf-v5-c-popover__title-text--LineHeight);
-  color: var(--pf-v5-c-popover__title-text--Color, inherit);
+  font-weight: var(--pf-v5-c-popover__title-text--FontWeight);
+  color: var(--pf-v5-c-popover__title-text--Color);
 }
 
 .pf-v5-c-popover__body {
@@ -23296,18 +23297,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
-  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-popover {
-  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
-  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
-}
-
 .pf-v5-c-progress {
   --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
   --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);