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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/components/BackToTop/back-to-top.css +17 -15
  2. package/components/BackToTop/back-to-top.scss +12 -11
  3. package/components/Popover/popover.css +42 -51
  4. package/components/Popover/popover.scss +44 -53
  5. package/components/Tooltip/tooltip.scss +1 -1
  6. package/docs/components/Popover/examples/Popover.md +1 -1
  7. package/package.json +2 -2
  8. package/patternfly-no-globals.css +59 -70
  9. package/patternfly-theme-dark-unversioned.css +59 -70
  10. package/patternfly.css +59 -70
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
  13. package/components/Popover/themes/dark/popover.scss +0 -11
package/patternfly-no-globals.css CHANGED
@@ -7470,26 +7470,28 @@
7470
7470
  --pf-v5-c-background-image--BackgroundPosition: bottom left;
7471
7471
  }
7472
7472
 
7473
- .pf-v5-c-back-to-top {
7474
- --pf-v5-c-back-to-top--Right: var(--pf-v5-global--spacer--2xl);
7475
- --pf-v5-c-back-to-top--Bottom: var(--pf-v5-global--spacer--lg);
7476
- --pf-v5-c-back-to-top--md--Bottom: var(--pf-v5-global--spacer--2xl);
7477
- --pf-v5-c-back-to-top--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
7478
- --pf-v5-c-back-to-top--c-button--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
7479
- --pf-v5-c-back-to-top--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
7480
- --pf-v5-c-back-to-top--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
7481
- --pf-v5-c-back-to-top--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
7482
- --pf-v5-c-back-to-top--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
7483
- --pf-v5-c-back-to-top--c-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg-bottom);
7484
- position: absolute;
7485
- inset-block-end: var(--pf-v5-c-back-to-top--Bottom);
7486
- inset-inline-end: var(--pf-v5-c-back-to-top--Right);
7473
+ :root {
7474
+ --pf-v5-c-back-to-top--Right: var(--pf-t--global--spacer--2xl);
7475
+ --pf-v5-c-back-to-top--Bottom: var(--pf-t--global--spacer--lg);
7476
+ --pf-v5-c-back-to-top--md--Bottom: var(--pf-t--global--spacer--2xl);
7477
+ --pf-v5-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
7478
+ --pf-v5-c-back-to-top--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
7479
+ --pf-v5-c-back-to-top--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
7480
+ --pf-v5-c-back-to-top--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
7481
+ --pf-v5-c-back-to-top--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
7482
+ --pf-v5-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
7487
7483
  }
7488
7484
  @media (min-width: 768px) {
7489
- .pf-v5-c-back-to-top {
7485
+ :root {
7490
7486
  --pf-v5-c-back-to-top--Bottom: var(--pf-v5-c-back-to-top--md--Bottom);
7491
7487
  }
7492
7488
  }
7489
+
7490
+ .pf-v5-c-back-to-top {
7491
+ position: absolute;
7492
+ inset-block-end: var(--pf-v5-c-back-to-top--Bottom);
7493
+ inset-inline-end: var(--pf-v5-c-back-to-top--Right);
7494
+ }
7493
7495
  .pf-v5-c-back-to-top.pf-m-hidden {
7494
7496
  display: none;
7495
7497
  }
@@ -22977,29 +22979,26 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22977
22979
  }
22978
22980
 
22979
22981
  .pf-v5-c-popover {
22980
- --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
22982
+ --pf-v5-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
22981
22983
  --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
22982
22984
  --pf-v5-c-popover--MaxWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
22983
- --pf-v5-c-popover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
22984
- --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
22985
- --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
22986
- --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
22987
- --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
22988
- --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
22989
- --pf-v5-c-popover--m-danger__title-text--Color: var(--pf-v5-global--danger-color--200);
22990
- --pf-v5-c-popover--m-warning__title-text--Color: var(--pf-v5-global--warning-color--200);
22991
- --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--200);
22992
- --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--200);
22993
- --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--300);
22994
- --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22995
- --pf-v5-c-popover__content--PaddingTop: var(--pf-v5-global--spacer--md);
22996
- --pf-v5-c-popover__content--PaddingRight: var(--pf-v5-global--spacer--md);
22997
- --pf-v5-c-popover__content--PaddingBottom: var(--pf-v5-global--spacer--md);
22998
- --pf-v5-c-popover__content--PaddingLeft: var(--pf-v5-global--spacer--md);
22999
- --pf-v5-c-popover__arrow--Width: var(--pf-v5-global--arrow--width-lg);
23000
- --pf-v5-c-popover__arrow--Height: var(--pf-v5-global--arrow--width-lg);
23001
- --pf-v5-c-popover__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
23002
- --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22985
+ --pf-v5-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
22986
+ --pf-v5-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
22987
+ --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
22988
+ --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
22989
+ --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
22990
+ --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
22991
+ --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
22992
+ --pf-v5-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
22993
+ --pf-v5-c-popover__content--PaddingTop: var(--pf-t--global--spacer--md);
22994
+ --pf-v5-c-popover__content--PaddingRight: var(--pf-t--global--spacer--md);
22995
+ --pf-v5-c-popover__content--PaddingBottom: var(--pf-t--global--spacer--md);
22996
+ --pf-v5-c-popover__content--PaddingLeft: var(--pf-t--global--spacer--md);
22997
+ --pf-v5-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
22998
+ --pf-v5-c-popover__arrow--Width: 0.9375rem;
22999
+ --pf-v5-c-popover__arrow--Height: 0.9375rem;
23000
+ --pf-v5-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
23001
+ --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23003
23002
  --pf-v5-c-popover__arrow--m-top--TranslateX: -50%;
23004
23003
  --pf-v5-c-popover__arrow--m-top--TranslateY: 50%;
23005
23004
  --pf-v5-c-popover__arrow--m-top--Rotate: 45deg;
@@ -23012,21 +23011,27 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23012
23011
  --pf-v5-c-popover__arrow--m-left--TranslateX: 50%;
23013
23012
  --pf-v5-c-popover__arrow--m-left--TranslateY: -50%;
23014
23013
  --pf-v5-c-popover__arrow--m-left--Rotate: 45deg;
23015
- --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - var(--pf-v5-global--spacer--form-element));
23016
- --pf-v5-c-popover__close--Right: calc(var(--pf-v5-c-popover__content--PaddingRight) - var(--pf-v5-global--spacer--md));
23017
- --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
23018
- --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
23019
- --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
23020
- --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
23021
- --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
23022
- --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
23023
- --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
23024
- --pf-v5-c-popover__title-icon--FontSize: var(--pf-v5-global--FontSize--md);
23025
- --pf-v5-c-popover__footer--MarginTop: var(--pf-v5-global--spacer--md);
23014
+ --pf-v5-c-popover__arrow--m-inline-top--Top: var(--pf-t--global--border--radius--medium);
23015
+ --pf-v5-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
23016
+ --pf-v5-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
23017
+ --pf-v5-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
23018
+ --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
23019
+ --pf-v5-c-popover__close--Right: var(--pf-v5-c-popover__content--PaddingRight);
23020
+ --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
23021
+ --pf-v5-c-popover__header--MarginBottom: var(--pf-t--global--spacer--sm);
23022
+ --pf-v5-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
23023
+ --pf-v5-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
23024
+ --pf-v5-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
23025
+ --pf-v5-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
23026
+ --pf-v5-c-popover__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
23027
+ --pf-v5-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
23028
+ --pf-v5-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
23029
+ --pf-v5-c-popover__footer--MarginTop: var(--pf-t--global--spacer--md);
23026
23030
  position: relative;
23027
23031
  min-width: var(--pf-v5-c-popover--MinWidth);
23028
23032
  max-width: var(--pf-v5-c-popover--MaxWidth);
23029
23033
  font-size: var(--pf-v5-c-popover--FontSize);
23034
+ border-radius: var(--pf-v5-c-popover--BorderRadius);
23030
23035
  box-shadow: var(--pf-v5-c-popover--BoxShadow);
23031
23036
  }
23032
23037
  .pf-v5-c-popover.pf-m-no-padding {
@@ -23077,43 +23082,38 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23077
23082
  }
23078
23083
  .pf-v5-c-popover:is(.pf-m-left-top,
23079
23084
  .pf-m-right-top) {
23080
- --pf-v5-c-popover__arrow--Top: 0;
23085
+ --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover__arrow--m-inline-top--Top);
23081
23086
  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-top--TranslateY);
23082
23087
  }
23083
23088
  .pf-v5-c-popover:is(.pf-m-left-bottom,
23084
23089
  .pf-m-right-bottom) {
23085
23090
  --pf-v5-c-popover__arrow--Top: auto;
23086
- --pf-v5-c-popover__arrow--Bottom: 0;
23091
+ --pf-v5-c-popover__arrow--Bottom: var(--pf-v5-c-popover__arrow--m-inline-bottom--Bottom);
23087
23092
  }
23088
23093
  .pf-v5-c-popover:is(.pf-m-top-left,
23089
23094
  .pf-m-bottom-left) {
23090
- --pf-v5-c-popover__arrow--Left: 0;
23095
+ --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover__arrow--m-block-left--Left);
23091
23096
  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-left--TranslateX);
23092
23097
  }
23093
23098
  .pf-v5-c-popover:is(.pf-m-top-right,
23094
23099
  .pf-m-bottom-right) {
23095
- --pf-v5-c-popover__arrow--Right: 0;
23100
+ --pf-v5-c-popover__arrow--Right: var(--pf-v5-c-popover__arrow--m-block-right--Right);
23096
23101
  --pf-v5-c-popover__arrow--Left: auto;
23097
23102
  }
23098
23103
  .pf-v5-c-popover.pf-m-danger {
23099
23104
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-danger__title-icon--Color);
23100
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-danger__title-text--Color);
23101
23105
  }
23102
23106
  .pf-v5-c-popover.pf-m-warning {
23103
23107
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-warning__title-icon--Color);
23104
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-warning__title-text--Color);
23105
23108
  }
23106
23109
  .pf-v5-c-popover.pf-m-success {
23107
23110
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-success__title-icon--Color);
23108
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-success__title-text--Color);
23109
23111
  }
23110
23112
  .pf-v5-c-popover.pf-m-custom {
23111
23113
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-custom__title-icon--Color);
23112
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-custom__title-text--Color);
23113
23114
  }
23114
23115
  .pf-v5-c-popover.pf-m-info {
23115
23116
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-info__title-icon--Color);
23116
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-info__title-text--Color);
23117
23117
  }
23118
23118
 
23119
23119
  .pf-v5-c-popover__content {
@@ -23123,6 +23123,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23123
23123
  padding-inline-start: var(--pf-v5-c-popover__content--PaddingLeft);
23124
23124
  padding-inline-end: var(--pf-v5-c-popover__content--PaddingRight);
23125
23125
  background-color: var(--pf-v5-c-popover__content--BackgroundColor);
23126
+ border-radius: var(--pf-v5-c-popover__content--BorderRadius);
23126
23127
  }
23127
23128
 
23128
23129
  .pf-v5-c-popover__close {
@@ -23168,8 +23169,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23168
23169
  .pf-v5-c-popover__title-text {
23169
23170
  font-family: var(--pf-v5-c-popover__title-text--FontFamily);
23170
23171
  font-size: var(--pf-v5-c-popover__title-text--FontSize);
23171
- line-height: var(--pf-v5-c-popover__title-text--LineHeight);
23172
- color: var(--pf-v5-c-popover__title-text--Color, inherit);
23172
+ font-weight: var(--pf-v5-c-popover__title-text--FontWeight);
23173
+ color: var(--pf-v5-c-popover__title-text--Color);
23173
23174
  }
23174
23175
 
23175
23176
  .pf-v5-c-popover__body {
@@ -23180,18 +23181,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23180
23181
  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
23181
23182
  }
23182
23183
 
23183
- :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 {
23184
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
23185
- }
23186
-
23187
- :where(.pf-v5-theme-dark) .pf-v5-c-popover {
23188
- --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
23189
- --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
23190
- --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
23191
- --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
23192
- --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
23193
- }
23194
-
23195
23184
  .pf-v5-c-progress {
23196
23185
  --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
23197
23186
  --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -7586,26 +7586,28 @@ button) {
7586
7586
  --pf-v5-c-background-image--BackgroundPosition: bottom left;
7587
7587
  }
7588
7588
 
7589
- .pf-v5-c-back-to-top {
7590
- --pf-v5-c-back-to-top--Right: var(--pf-v5-global--spacer--2xl);
7591
- --pf-v5-c-back-to-top--Bottom: var(--pf-v5-global--spacer--lg);
7592
- --pf-v5-c-back-to-top--md--Bottom: var(--pf-v5-global--spacer--2xl);
7593
- --pf-v5-c-back-to-top--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
7594
- --pf-v5-c-back-to-top--c-button--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
7595
- --pf-v5-c-back-to-top--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
7596
- --pf-v5-c-back-to-top--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
7597
- --pf-v5-c-back-to-top--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
7598
- --pf-v5-c-back-to-top--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
7599
- --pf-v5-c-back-to-top--c-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg-bottom);
7600
- position: absolute;
7601
- inset-block-end: var(--pf-v5-c-back-to-top--Bottom);
7602
- inset-inline-end: var(--pf-v5-c-back-to-top--Right);
7589
+ :root {
7590
+ --pf-v5-c-back-to-top--Right: var(--pf-t--global--spacer--2xl);
7591
+ --pf-v5-c-back-to-top--Bottom: var(--pf-t--global--spacer--lg);
7592
+ --pf-v5-c-back-to-top--md--Bottom: var(--pf-t--global--spacer--2xl);
7593
+ --pf-v5-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
7594
+ --pf-v5-c-back-to-top--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
7595
+ --pf-v5-c-back-to-top--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
7596
+ --pf-v5-c-back-to-top--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
7597
+ --pf-v5-c-back-to-top--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
7598
+ --pf-v5-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
7603
7599
  }
7604
7600
  @media (min-width: 768px) {
7605
- .pf-v5-c-back-to-top {
7601
+ :root {
7606
7602
  --pf-v5-c-back-to-top--Bottom: var(--pf-v5-c-back-to-top--md--Bottom);
7607
7603
  }
7608
7604
  }
7605
+
7606
+ .pf-v5-c-back-to-top {
7607
+ position: absolute;
7608
+ inset-block-end: var(--pf-v5-c-back-to-top--Bottom);
7609
+ inset-inline-end: var(--pf-v5-c-back-to-top--Right);
7610
+ }
7609
7611
  .pf-v5-c-back-to-top.pf-m-hidden {
7610
7612
  display: none;
7611
7613
  }
@@ -23093,29 +23095,26 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23093
23095
  }
23094
23096
 
23095
23097
  .pf-v5-c-popover {
23096
- --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
23098
+ --pf-v5-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
23097
23099
  --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
23098
23100
  --pf-v5-c-popover--MaxWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
23099
- --pf-v5-c-popover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
23100
- --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
23101
- --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
23102
- --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
23103
- --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
23104
- --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
23105
- --pf-v5-c-popover--m-danger__title-text--Color: var(--pf-v5-global--danger-color--200);
23106
- --pf-v5-c-popover--m-warning__title-text--Color: var(--pf-v5-global--warning-color--200);
23107
- --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--200);
23108
- --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--200);
23109
- --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--300);
23110
- --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23111
- --pf-v5-c-popover__content--PaddingTop: var(--pf-v5-global--spacer--md);
23112
- --pf-v5-c-popover__content--PaddingRight: var(--pf-v5-global--spacer--md);
23113
- --pf-v5-c-popover__content--PaddingBottom: var(--pf-v5-global--spacer--md);
23114
- --pf-v5-c-popover__content--PaddingLeft: var(--pf-v5-global--spacer--md);
23115
- --pf-v5-c-popover__arrow--Width: var(--pf-v5-global--arrow--width-lg);
23116
- --pf-v5-c-popover__arrow--Height: var(--pf-v5-global--arrow--width-lg);
23117
- --pf-v5-c-popover__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
23118
- --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23101
+ --pf-v5-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
23102
+ --pf-v5-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
23103
+ --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23104
+ --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23105
+ --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23106
+ --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
23107
+ --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
23108
+ --pf-v5-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23109
+ --pf-v5-c-popover__content--PaddingTop: var(--pf-t--global--spacer--md);
23110
+ --pf-v5-c-popover__content--PaddingRight: var(--pf-t--global--spacer--md);
23111
+ --pf-v5-c-popover__content--PaddingBottom: var(--pf-t--global--spacer--md);
23112
+ --pf-v5-c-popover__content--PaddingLeft: var(--pf-t--global--spacer--md);
23113
+ --pf-v5-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
23114
+ --pf-v5-c-popover__arrow--Width: 0.9375rem;
23115
+ --pf-v5-c-popover__arrow--Height: 0.9375rem;
23116
+ --pf-v5-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
23117
+ --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23119
23118
  --pf-v5-c-popover__arrow--m-top--TranslateX: -50%;
23120
23119
  --pf-v5-c-popover__arrow--m-top--TranslateY: 50%;
23121
23120
  --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
23128
23127
  --pf-v5-c-popover__arrow--m-left--TranslateX: 50%;
23129
23128
  --pf-v5-c-popover__arrow--m-left--TranslateY: -50%;
23130
23129
  --pf-v5-c-popover__arrow--m-left--Rotate: 45deg;
23131
- --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - var(--pf-v5-global--spacer--form-element));
23132
- --pf-v5-c-popover__close--Right: calc(var(--pf-v5-c-popover__content--PaddingRight) - var(--pf-v5-global--spacer--md));
23133
- --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
23134
- --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
23135
- --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
23136
- --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
23137
- --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
23138
- --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
23139
- --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
23140
- --pf-v5-c-popover__title-icon--FontSize: var(--pf-v5-global--FontSize--md);
23141
- --pf-v5-c-popover__footer--MarginTop: var(--pf-v5-global--spacer--md);
23130
+ --pf-v5-c-popover__arrow--m-inline-top--Top: var(--pf-t--global--border--radius--medium);
23131
+ --pf-v5-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
23132
+ --pf-v5-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
23133
+ --pf-v5-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
23134
+ --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
23135
+ --pf-v5-c-popover__close--Right: var(--pf-v5-c-popover__content--PaddingRight);
23136
+ --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
23137
+ --pf-v5-c-popover__header--MarginBottom: var(--pf-t--global--spacer--sm);
23138
+ --pf-v5-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
23139
+ --pf-v5-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
23140
+ --pf-v5-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
23141
+ --pf-v5-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
23142
+ --pf-v5-c-popover__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
23143
+ --pf-v5-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
23144
+ --pf-v5-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
23145
+ --pf-v5-c-popover__footer--MarginTop: var(--pf-t--global--spacer--md);
23142
23146
  position: relative;
23143
23147
  min-width: var(--pf-v5-c-popover--MinWidth);
23144
23148
  max-width: var(--pf-v5-c-popover--MaxWidth);
23145
23149
  font-size: var(--pf-v5-c-popover--FontSize);
23150
+ border-radius: var(--pf-v5-c-popover--BorderRadius);
23146
23151
  box-shadow: var(--pf-v5-c-popover--BoxShadow);
23147
23152
  }
23148
23153
  .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
23193
23198
  }
23194
23199
  .pf-v5-c-popover:is(.pf-m-left-top,
23195
23200
  .pf-m-right-top) {
23196
- --pf-v5-c-popover__arrow--Top: 0;
23201
+ --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover__arrow--m-inline-top--Top);
23197
23202
  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-top--TranslateY);
23198
23203
  }
23199
23204
  .pf-v5-c-popover:is(.pf-m-left-bottom,
23200
23205
  .pf-m-right-bottom) {
23201
23206
  --pf-v5-c-popover__arrow--Top: auto;
23202
- --pf-v5-c-popover__arrow--Bottom: 0;
23207
+ --pf-v5-c-popover__arrow--Bottom: var(--pf-v5-c-popover__arrow--m-inline-bottom--Bottom);
23203
23208
  }
23204
23209
  .pf-v5-c-popover:is(.pf-m-top-left,
23205
23210
  .pf-m-bottom-left) {
23206
- --pf-v5-c-popover__arrow--Left: 0;
23211
+ --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover__arrow--m-block-left--Left);
23207
23212
  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-left--TranslateX);
23208
23213
  }
23209
23214
  .pf-v5-c-popover:is(.pf-m-top-right,
23210
23215
  .pf-m-bottom-right) {
23211
- --pf-v5-c-popover__arrow--Right: 0;
23216
+ --pf-v5-c-popover__arrow--Right: var(--pf-v5-c-popover__arrow--m-block-right--Right);
23212
23217
  --pf-v5-c-popover__arrow--Left: auto;
23213
23218
  }
23214
23219
  .pf-v5-c-popover.pf-m-danger {
23215
23220
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-danger__title-icon--Color);
23216
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-danger__title-text--Color);
23217
23221
  }
23218
23222
  .pf-v5-c-popover.pf-m-warning {
23219
23223
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-warning__title-icon--Color);
23220
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-warning__title-text--Color);
23221
23224
  }
23222
23225
  .pf-v5-c-popover.pf-m-success {
23223
23226
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-success__title-icon--Color);
23224
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-success__title-text--Color);
23225
23227
  }
23226
23228
  .pf-v5-c-popover.pf-m-custom {
23227
23229
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-custom__title-icon--Color);
23228
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-custom__title-text--Color);
23229
23230
  }
23230
23231
  .pf-v5-c-popover.pf-m-info {
23231
23232
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-info__title-icon--Color);
23232
- --pf-v5-c-popover__title-text--Color: var(--pf-v5-c-popover--m-info__title-text--Color);
23233
23233
  }
23234
23234
 
23235
23235
  .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
23239
23239
  padding-inline-start: var(--pf-v5-c-popover__content--PaddingLeft);
23240
23240
  padding-inline-end: var(--pf-v5-c-popover__content--PaddingRight);
23241
23241
  background-color: var(--pf-v5-c-popover__content--BackgroundColor);
23242
+ border-radius: var(--pf-v5-c-popover__content--BorderRadius);
23242
23243
  }
23243
23244
 
23244
23245
  .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
23284
23285
  .pf-v5-c-popover__title-text {
23285
23286
  font-family: var(--pf-v5-c-popover__title-text--FontFamily);
23286
23287
  font-size: var(--pf-v5-c-popover__title-text--FontSize);
23287
- line-height: var(--pf-v5-c-popover__title-text--LineHeight);
23288
- color: var(--pf-v5-c-popover__title-text--Color, inherit);
23288
+ font-weight: var(--pf-v5-c-popover__title-text--FontWeight);
23289
+ color: var(--pf-v5-c-popover__title-text--Color);
23289
23290
  }
23290
23291
 
23291
23292
  .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
23296
23297
  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
23297
23298
  }
23298
23299
 
23299
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23300
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
23301
- }
23302
-
23303
- :where(.pf-theme-dark) .pf-v5-c-popover {
23304
- --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
23305
- --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
23306
- --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
23307
- --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
23308
- --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
23309
- }
23310
-
23311
23300
  .pf-v5-c-progress {
23312
23301
  --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
23313
23302
  --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);