@patternfly/react-core 4.233.1 → 4.234.2

package/dist/umd/react-core.min.css

@@ -16804,6 +16804,212 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
 }
 
+.pf-c-popover {
+  --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
+  --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
+  --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
+  --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
+  --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
+  --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
+  --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
+  --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
+  --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
+  --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
+  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
+  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
+  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
+  --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
+  --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
+  --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
+  --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-popover__arrow--m-top--TranslateX: -50%;
+  --pf-c-popover__arrow--m-top--TranslateY: 50%;
+  --pf-c-popover__arrow--m-top--Rotate: 45deg;
+  --pf-c-popover__arrow--m-right--TranslateX: -50%;
+  --pf-c-popover__arrow--m-right--TranslateY: -50%;
+  --pf-c-popover__arrow--m-right--Rotate: 45deg;
+  --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
+  --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
+  --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
+  --pf-c-popover__arrow--m-left--TranslateX: 50%;
+  --pf-c-popover__arrow--m-left--TranslateY: -50%;
+  --pf-c-popover__arrow--m-left--Rotate: 45deg;
+  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
+  --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
+  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
+  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
+  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
+  --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
+  --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
+  --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
+  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
+  position: relative;
+  min-width: var(--pf-c-popover--MinWidth);
+  max-width: var(--pf-c-popover--MaxWidth);
+  font-size: var(--pf-c-popover--FontSize);
+  box-shadow: var(--pf-c-popover--BoxShadow);
+}
+
+.pf-c-popover.pf-m-no-padding {
+  --pf-c-popover__content--PaddingTop: 0px;
+  --pf-c-popover__content--PaddingRight: 0px;
+  --pf-c-popover__content--PaddingBottom: 0px;
+  --pf-c-popover__content--PaddingLeft: 0px;
+}
+
+.pf-c-popover.pf-m-width-auto {
+  --pf-c-popover--MinWidth: auto;
+  --pf-c-popover--MaxWidth: none;
+}
+
+.pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
+  bottom: 0;
+  left: 50%;
+  transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
+}
+
+.pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
+  top: 0;
+  left: 50%;
+  transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
+}
+
+.pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
+  top: 50%;
+  right: 0;
+  transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
+}
+
+.pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
+  top: 50%;
+  left: 0;
+  transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
+}
+
+.pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
+  top: var(--pf-c-popover__arrow--Height);
+}
+
+.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
+  top: auto;
+  bottom: 0;
+}
+
+.pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
+  left: var(--pf-c-popover__arrow--Width);
+}
+
+.pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
+  right: 0;
+  left: auto;
+}
+
+.pf-c-popover.pf-m-danger {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
+}
+
+.pf-c-popover.pf-m-warning {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
+}
+
+.pf-c-popover.pf-m-success {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
+}
+
+.pf-c-popover.pf-m-default {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
+}
+
+.pf-c-popover.pf-m-info {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
+}
+
+.pf-c-popover__content {
+  position: relative;
+  padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
+  background-color: var(--pf-c-popover__content--BackgroundColor);
+}
+
+.pf-c-popover__content > .pf-c-title {
+  margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
+}
+
+.pf-c-popover__content > .pf-c-button {
+  position: absolute;
+  top: var(--pf-c-popover--c-button--Top);
+  right: var(--pf-c-popover--c-button--Right);
+}
+
+.pf-c-popover__content > .pf-c-button + * {
+  padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
+}
+
+.pf-c-popover__arrow {
+  position: absolute;
+  width: var(--pf-c-popover__arrow--Width);
+  height: var(--pf-c-popover__arrow--Height);
+  pointer-events: none;
+  background-color: var(--pf-c-popover__arrow--BackgroundColor);
+  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
+}
+
+.pf-c-popover__title {
+  flex: 0 0 auto;
+  margin-bottom: var(--pf-c-popover__title--MarginBottom);
+  font-family: var(--pf-c-popover__title--FontFamily);
+  font-size: var(--pf-c-popover__title--FontSize);
+  line-height: var(--pf-c-popover__title--LineHeight);
+}
+
+.pf-c-popover__title.pf-m-icon {
+  display: flex;
+}
+
+.pf-c-popover__title-icon {
+  margin-right: var(--pf-c-popover__title-icon--MarginRight);
+  color: var(--pf-c-popover__title-icon--Color);
+}
+
+.pf-c-popover__title-text {
+  color: var(--pf-c-popover__title-text--Color, inherit);
+}
+
+.pf-c-popover__body {
+  word-wrap: break-word;
+}
+
+.pf-c-popover__footer {
+  margin-top: var(--pf-c-popover__footer--MarginTop);
+}
+
+:where(.pf-theme-dark) .pf-c-popover {
+  --pf-c-popover--BoxShadow: none;
+  --pf-c-popover__arrow--BoxShadow: none;
+  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
+  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
+  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
+  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
+}
+
+:where(.pf-theme-dark) .pf-c-popover,
+:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
+  border: 4px solid var(--pf-global--BorderColor--400);
+}
+
 .pf-c-progress {
   --pf-c-progress--GridGap: var(--pf-global--spacer--md);
   --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
@@ -17690,212 +17896,6 @@ label.pf-c-radio, .pf-c-radio__label,
   cursor: not-allowed;
 }
 
-.pf-c-popover {
-  --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
-  --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
-  --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
-  --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
-  --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
-  --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
-  --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
-  --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
-  --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
-  --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
-  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
-  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
-  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
-  --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
-  --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
-  --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
-  --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-popover__arrow--m-top--TranslateX: -50%;
-  --pf-c-popover__arrow--m-top--TranslateY: 50%;
-  --pf-c-popover__arrow--m-top--Rotate: 45deg;
-  --pf-c-popover__arrow--m-right--TranslateX: -50%;
-  --pf-c-popover__arrow--m-right--TranslateY: -50%;
-  --pf-c-popover__arrow--m-right--Rotate: 45deg;
-  --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
-  --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
-  --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
-  --pf-c-popover__arrow--m-left--TranslateX: 50%;
-  --pf-c-popover__arrow--m-left--TranslateY: -50%;
-  --pf-c-popover__arrow--m-left--Rotate: 45deg;
-  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
-  --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
-  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
-  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
-  --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
-  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
-  position: relative;
-  min-width: var(--pf-c-popover--MinWidth);
-  max-width: var(--pf-c-popover--MaxWidth);
-  font-size: var(--pf-c-popover--FontSize);
-  box-shadow: var(--pf-c-popover--BoxShadow);
-}
-
-.pf-c-popover.pf-m-no-padding {
-  --pf-c-popover__content--PaddingTop: 0px;
-  --pf-c-popover__content--PaddingRight: 0px;
-  --pf-c-popover__content--PaddingBottom: 0px;
-  --pf-c-popover__content--PaddingLeft: 0px;
-}
-
-.pf-c-popover.pf-m-width-auto {
-  --pf-c-popover--MinWidth: auto;
-  --pf-c-popover--MaxWidth: none;
-}
-
-.pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
-  bottom: 0;
-  left: 50%;
-  transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
-}
-
-.pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
-  top: 0;
-  left: 50%;
-  transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
-}
-
-.pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
-  top: 50%;
-  right: 0;
-  transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
-}
-
-.pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
-  top: 50%;
-  left: 0;
-  transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
-}
-
-.pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
-  top: var(--pf-c-popover__arrow--Height);
-}
-
-.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
-  top: auto;
-  bottom: 0;
-}
-
-.pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
-  left: var(--pf-c-popover__arrow--Width);
-}
-
-.pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
-  right: 0;
-  left: auto;
-}
-
-.pf-c-popover.pf-m-danger {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
-}
-
-.pf-c-popover.pf-m-warning {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
-}
-
-.pf-c-popover.pf-m-success {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
-}
-
-.pf-c-popover.pf-m-default {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
-}
-
-.pf-c-popover.pf-m-info {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
-}
-
-.pf-c-popover__content {
-  position: relative;
-  padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
-  background-color: var(--pf-c-popover__content--BackgroundColor);
-}
-
-.pf-c-popover__content > .pf-c-title {
-  margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
-}
-
-.pf-c-popover__content > .pf-c-button {
-  position: absolute;
-  top: var(--pf-c-popover--c-button--Top);
-  right: var(--pf-c-popover--c-button--Right);
-}
-
-.pf-c-popover__content > .pf-c-button + * {
-  padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
-}
-
-.pf-c-popover__arrow {
-  position: absolute;
-  width: var(--pf-c-popover__arrow--Width);
-  height: var(--pf-c-popover__arrow--Height);
-  pointer-events: none;
-  background-color: var(--pf-c-popover__arrow--BackgroundColor);
-  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
-}
-
-.pf-c-popover__title {
-  flex: 0 0 auto;
-  margin-bottom: var(--pf-c-popover__title--MarginBottom);
-  font-family: var(--pf-c-popover__title--FontFamily);
-  font-size: var(--pf-c-popover__title--FontSize);
-  line-height: var(--pf-c-popover__title--LineHeight);
-}
-
-.pf-c-popover__title.pf-m-icon {
-  display: flex;
-}
-
-.pf-c-popover__title-icon {
-  margin-right: var(--pf-c-popover__title-icon--MarginRight);
-  color: var(--pf-c-popover__title-icon--Color);
-}
-
-.pf-c-popover__title-text {
-  color: var(--pf-c-popover__title-text--Color, inherit);
-}
-
-.pf-c-popover__body {
-  word-wrap: break-word;
-}
-
-.pf-c-popover__footer {
-  margin-top: var(--pf-c-popover__footer--MarginTop);
-}
-
-:where(.pf-theme-dark) .pf-c-popover {
-  --pf-c-popover--BoxShadow: none;
-  --pf-c-popover__arrow--BoxShadow: none;
-  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
-  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
-  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
-  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
-}
-
-:where(.pf-theme-dark) .pf-c-popover,
-:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
-  border: 4px solid var(--pf-global--BorderColor--400);
-}
-
 .pf-c-select {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -20894,6 +20894,44 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
 }
 
+.pf-c-timestamp {
+  --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-timestamp--Color: var(--pf-global--Color--200);
+  --pf-c-timestamp--OutlineOffset: 0.1875rem;
+  --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
+  --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
+  --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
+  --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
+  --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
+  display: inline-block;
+  font-size: var(--pf-c-timestamp--FontSize);
+  color: var(--pf-c-timestamp--Color);
+  outline-offset: var(--pf-c-timestamp--OutlineOffset);
+}
+
+.pf-c-timestamp.pf-m-help-text {
+  cursor: pointer;
+  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
+  text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
+  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
+  text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
+  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
+}
+
+.pf-c-timestamp.pf-m-help-text:hover {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
+}
+
+.pf-c-timestamp.pf-m-help-text:focus {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
+}
+
 .pf-c-title {
   --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
   --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);