@patternfly/patternfly 6.0.0-alpha.22 → 6.0.0-alpha.24

package/patternfly.css

@@ -23093,29 +23093,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 +23125,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 +23196,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 +23237,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 +23283,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 +23295,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);
@@ -30886,20 +30873,21 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
 }
 
-.pf-v5-c-tooltip {
+:root {
   --pf-v5-c-tooltip--MaxWidth: 18.75rem;
-  --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
-  --pf-v5-c-tooltip__content--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v5-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-tooltip__content--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
+  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
+  --pf-v5-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
   --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
-  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
-  --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--md);
+  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
+  --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
   --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
   --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
   --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -30912,6 +30900,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
   --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
   --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
+}
+
+.pf-v5-c-tooltip {
   position: relative;
   max-width: var(--pf-v5-c-tooltip--MaxWidth);
   box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -30984,6 +30975,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
   text-align: center;
   word-break: break-word;
   background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
+  border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
 }
 .pf-v5-c-tooltip__content.pf-m-text-align-left {
   text-align: start;
@@ -31005,15 +30997,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   transform: translateX(var(--pf-v5-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v5-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v5-c-tooltip__arrow--Rotate, 0));
 }
 
-: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-tooltip {
-  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-}
-
 .pf-v5-c-truncate {
   --pf-v5-c-truncate--MinWidth: 12ch;
   --pf-v5-c-truncate__start--MinWidth: 6ch;