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

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/Popover/popover.css +42 -51
  2. package/components/Popover/popover.scss +44 -53
  3. package/components/Tooltip/tooltip.css +16 -16
  4. package/components/Tooltip/tooltip.scss +18 -22
  5. package/docs/components/Popover/examples/Popover.md +1 -1
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +58 -75
  8. package/patternfly-theme-dark-unversioned.css +58 -75
  9. package/patternfly.css +58 -75
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
  12. package/components/Popover/themes/dark/popover.scss +0 -11
  13. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
package/patternfly-no-globals.css CHANGED
@@ -22977,29 +22977,26 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22977
22977
  }
22978
22978
 
22979
22979
  .pf-v5-c-popover {
22980
- --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
22980
+ --pf-v5-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
22981
22981
  --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
22982
22982
  --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);
22983
+ --pf-v5-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
22984
+ --pf-v5-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
22985
+ --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
22986
+ --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
22987
+ --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
22988
+ --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
22989
+ --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
22990
+ --pf-v5-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
22991
+ --pf-v5-c-popover__content--PaddingTop: var(--pf-t--global--spacer--md);
22992
+ --pf-v5-c-popover__content--PaddingRight: var(--pf-t--global--spacer--md);
22993
+ --pf-v5-c-popover__content--PaddingBottom: var(--pf-t--global--spacer--md);
22994
+ --pf-v5-c-popover__content--PaddingLeft: var(--pf-t--global--spacer--md);
22995
+ --pf-v5-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
22996
+ --pf-v5-c-popover__arrow--Width: 0.9375rem;
22997
+ --pf-v5-c-popover__arrow--Height: 0.9375rem;
22998
+ --pf-v5-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
22999
+ --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23003
23000
  --pf-v5-c-popover__arrow--m-top--TranslateX: -50%;
23004
23001
  --pf-v5-c-popover__arrow--m-top--TranslateY: 50%;
23005
23002
  --pf-v5-c-popover__arrow--m-top--Rotate: 45deg;
@@ -23012,21 +23009,27 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23012
23009
  --pf-v5-c-popover__arrow--m-left--TranslateX: 50%;
23013
23010
  --pf-v5-c-popover__arrow--m-left--TranslateY: -50%;
23014
23011
  --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);
23012
+ --pf-v5-c-popover__arrow--m-inline-top--Top: var(--pf-t--global--border--radius--medium);
23013
+ --pf-v5-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
23014
+ --pf-v5-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
23015
+ --pf-v5-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
23016
+ --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
23017
+ --pf-v5-c-popover__close--Right: var(--pf-v5-c-popover__content--PaddingRight);
23018
+ --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
23019
+ --pf-v5-c-popover__header--MarginBottom: var(--pf-t--global--spacer--sm);
23020
+ --pf-v5-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
23021
+ --pf-v5-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
23022
+ --pf-v5-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
23023
+ --pf-v5-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
23024
+ --pf-v5-c-popover__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
23025
+ --pf-v5-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
23026
+ --pf-v5-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
23027
+ --pf-v5-c-popover__footer--MarginTop: var(--pf-t--global--spacer--md);
23026
23028
  position: relative;
23027
23029
  min-width: var(--pf-v5-c-popover--MinWidth);
23028
23030
  max-width: var(--pf-v5-c-popover--MaxWidth);
23029
23031
  font-size: var(--pf-v5-c-popover--FontSize);
23032
+ border-radius: var(--pf-v5-c-popover--BorderRadius);
23030
23033
  box-shadow: var(--pf-v5-c-popover--BoxShadow);
23031
23034
  }
23032
23035
  .pf-v5-c-popover.pf-m-no-padding {
@@ -23077,43 +23080,38 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23077
23080
  }
23078
23081
  .pf-v5-c-popover:is(.pf-m-left-top,
23079
23082
  .pf-m-right-top) {
23080
- --pf-v5-c-popover__arrow--Top: 0;
23083
+ --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover__arrow--m-inline-top--Top);
23081
23084
  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-top--TranslateY);
23082
23085
  }
23083
23086
  .pf-v5-c-popover:is(.pf-m-left-bottom,
23084
23087
  .pf-m-right-bottom) {
23085
23088
  --pf-v5-c-popover__arrow--Top: auto;
23086
- --pf-v5-c-popover__arrow--Bottom: 0;
23089
+ --pf-v5-c-popover__arrow--Bottom: var(--pf-v5-c-popover__arrow--m-inline-bottom--Bottom);
23087
23090
  }
23088
23091
  .pf-v5-c-popover:is(.pf-m-top-left,
23089
23092
  .pf-m-bottom-left) {
23090
- --pf-v5-c-popover__arrow--Left: 0;
23093
+ --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover__arrow--m-block-left--Left);
23091
23094
  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-left--TranslateX);
23092
23095
  }
23093
23096
  .pf-v5-c-popover:is(.pf-m-top-right,
23094
23097
  .pf-m-bottom-right) {
23095
- --pf-v5-c-popover__arrow--Right: 0;
23098
+ --pf-v5-c-popover__arrow--Right: var(--pf-v5-c-popover__arrow--m-block-right--Right);
23096
23099
  --pf-v5-c-popover__arrow--Left: auto;
23097
23100
  }
23098
23101
  .pf-v5-c-popover.pf-m-danger {
23099
23102
  --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
23103
  }
23102
23104
  .pf-v5-c-popover.pf-m-warning {
23103
23105
  --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
23106
  }
23106
23107
  .pf-v5-c-popover.pf-m-success {
23107
23108
  --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
23109
  }
23110
23110
  .pf-v5-c-popover.pf-m-custom {
23111
23111
  --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
23112
  }
23114
23113
  .pf-v5-c-popover.pf-m-info {
23115
23114
  --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
23115
  }
23118
23116
 
23119
23117
  .pf-v5-c-popover__content {
@@ -23123,6 +23121,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23123
23121
  padding-inline-start: var(--pf-v5-c-popover__content--PaddingLeft);
23124
23122
  padding-inline-end: var(--pf-v5-c-popover__content--PaddingRight);
23125
23123
  background-color: var(--pf-v5-c-popover__content--BackgroundColor);
23124
+ border-radius: var(--pf-v5-c-popover__content--BorderRadius);
23126
23125
  }
23127
23126
 
23128
23127
  .pf-v5-c-popover__close {
@@ -23168,8 +23167,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23168
23167
  .pf-v5-c-popover__title-text {
23169
23168
  font-family: var(--pf-v5-c-popover__title-text--FontFamily);
23170
23169
  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);
23170
+ font-weight: var(--pf-v5-c-popover__title-text--FontWeight);
23171
+ color: var(--pf-v5-c-popover__title-text--Color);
23173
23172
  }
23174
23173
 
23175
23174
  .pf-v5-c-popover__body {
@@ -23180,18 +23179,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23180
23179
  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
23181
23180
  }
23182
23181
 
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
23182
  .pf-v5-c-progress {
23196
23183
  --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
23197
23184
  --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
@@ -30770,20 +30757,21 @@ svg.pf-v5-c-spinner.pf-m-xl {
30770
30757
  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
30771
30758
  }
30772
30759
 
30773
- .pf-v5-c-tooltip {
30760
+ :root {
30774
30761
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
30775
- --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
30776
- --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
30777
- --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
30778
- --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
30779
- --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
30780
- --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
30781
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30782
- --pf-v5-c-tooltip__content--FontSize: var(--pf-v5-global--FontSize--sm);
30762
+ --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
30763
+ --pf-v5-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
30764
+ --pf-v5-c-tooltip__content--PaddingRight: var(--pf-t--global--spacer--md);
30765
+ --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-t--global--spacer--sm);
30766
+ --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-t--global--spacer--md);
30767
+ --pf-v5-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
30768
+ --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30769
+ --pf-v5-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
30770
+ --pf-v5-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
30783
30771
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
30784
30772
  --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
30785
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30786
- --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--md);
30773
+ --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30774
+ --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
30787
30775
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
30788
30776
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
30789
30777
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -30796,6 +30784,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
30796
30784
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
30797
30785
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
30798
30786
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
30787
+ }
30788
+
30789
+ .pf-v5-c-tooltip {
30799
30790
  position: relative;
30800
30791
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
30801
30792
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -30868,6 +30859,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30868
30859
  text-align: center;
30869
30860
  word-break: break-word;
30870
30861
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
30862
+ border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
30871
30863
  }
30872
30864
  .pf-v5-c-tooltip__content.pf-m-text-align-left {
30873
30865
  text-align: start;
@@ -30889,15 +30881,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
30889
30881
  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));
30890
30882
  }
30891
30883
 
30892
- :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 {
30893
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30894
- }
30895
-
30896
- :where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
30897
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30898
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30899
- }
30900
-
30901
30884
  .pf-v5-c-truncate {
30902
30885
  --pf-v5-c-truncate--MinWidth: 12ch;
30903
30886
  --pf-v5-c-truncate__start--MinWidth: 6ch;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -23093,29 +23093,26 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23093
23093
  }
23094
23094
 
23095
23095
  .pf-v5-c-popover {
23096
- --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
23096
+ --pf-v5-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
23097
23097
  --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
23098
23098
  --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);
23099
+ --pf-v5-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
23100
+ --pf-v5-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
23101
+ --pf-v5-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23102
+ --pf-v5-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23103
+ --pf-v5-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23104
+ --pf-v5-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
23105
+ --pf-v5-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
23106
+ --pf-v5-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23107
+ --pf-v5-c-popover__content--PaddingTop: var(--pf-t--global--spacer--md);
23108
+ --pf-v5-c-popover__content--PaddingRight: var(--pf-t--global--spacer--md);
23109
+ --pf-v5-c-popover__content--PaddingBottom: var(--pf-t--global--spacer--md);
23110
+ --pf-v5-c-popover__content--PaddingLeft: var(--pf-t--global--spacer--md);
23111
+ --pf-v5-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
23112
+ --pf-v5-c-popover__arrow--Width: 0.9375rem;
23113
+ --pf-v5-c-popover__arrow--Height: 0.9375rem;
23114
+ --pf-v5-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
23115
+ --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23119
23116
  --pf-v5-c-popover__arrow--m-top--TranslateX: -50%;
23120
23117
  --pf-v5-c-popover__arrow--m-top--TranslateY: 50%;
23121
23118
  --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
23128
23125
  --pf-v5-c-popover__arrow--m-left--TranslateX: 50%;
23129
23126
  --pf-v5-c-popover__arrow--m-left--TranslateY: -50%;
23130
23127
  --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);
23128
+ --pf-v5-c-popover__arrow--m-inline-top--Top: var(--pf-t--global--border--radius--medium);
23129
+ --pf-v5-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
23130
+ --pf-v5-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
23131
+ --pf-v5-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
23132
+ --pf-v5-c-popover__close--Top: calc(var(--pf-v5-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
23133
+ --pf-v5-c-popover__close--Right: var(--pf-v5-c-popover__content--PaddingRight);
23134
+ --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
23135
+ --pf-v5-c-popover__header--MarginBottom: var(--pf-t--global--spacer--sm);
23136
+ --pf-v5-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
23137
+ --pf-v5-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
23138
+ --pf-v5-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
23139
+ --pf-v5-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
23140
+ --pf-v5-c-popover__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
23141
+ --pf-v5-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
23142
+ --pf-v5-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
23143
+ --pf-v5-c-popover__footer--MarginTop: var(--pf-t--global--spacer--md);
23142
23144
  position: relative;
23143
23145
  min-width: var(--pf-v5-c-popover--MinWidth);
23144
23146
  max-width: var(--pf-v5-c-popover--MaxWidth);
23145
23147
  font-size: var(--pf-v5-c-popover--FontSize);
23148
+ border-radius: var(--pf-v5-c-popover--BorderRadius);
23146
23149
  box-shadow: var(--pf-v5-c-popover--BoxShadow);
23147
23150
  }
23148
23151
  .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
23193
23196
  }
23194
23197
  .pf-v5-c-popover:is(.pf-m-left-top,
23195
23198
  .pf-m-right-top) {
23196
- --pf-v5-c-popover__arrow--Top: 0;
23199
+ --pf-v5-c-popover__arrow--Top: var(--pf-v5-c-popover__arrow--m-inline-top--Top);
23197
23200
  --pf-v5-c-popover__arrow--TranslateY: var(--pf-v5-c-popover__arrow--m-top--TranslateY);
23198
23201
  }
23199
23202
  .pf-v5-c-popover:is(.pf-m-left-bottom,
23200
23203
  .pf-m-right-bottom) {
23201
23204
  --pf-v5-c-popover__arrow--Top: auto;
23202
- --pf-v5-c-popover__arrow--Bottom: 0;
23205
+ --pf-v5-c-popover__arrow--Bottom: var(--pf-v5-c-popover__arrow--m-inline-bottom--Bottom);
23203
23206
  }
23204
23207
  .pf-v5-c-popover:is(.pf-m-top-left,
23205
23208
  .pf-m-bottom-left) {
23206
- --pf-v5-c-popover__arrow--Left: 0;
23209
+ --pf-v5-c-popover__arrow--Left: var(--pf-v5-c-popover__arrow--m-block-left--Left);
23207
23210
  --pf-v5-c-popover__arrow--TranslateX: var(--pf-v5-c-popover__arrow--m-left--TranslateX);
23208
23211
  }
23209
23212
  .pf-v5-c-popover:is(.pf-m-top-right,
23210
23213
  .pf-m-bottom-right) {
23211
- --pf-v5-c-popover__arrow--Right: 0;
23214
+ --pf-v5-c-popover__arrow--Right: var(--pf-v5-c-popover__arrow--m-block-right--Right);
23212
23215
  --pf-v5-c-popover__arrow--Left: auto;
23213
23216
  }
23214
23217
  .pf-v5-c-popover.pf-m-danger {
23215
23218
  --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
23219
  }
23218
23220
  .pf-v5-c-popover.pf-m-warning {
23219
23221
  --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
23222
  }
23222
23223
  .pf-v5-c-popover.pf-m-success {
23223
23224
  --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
23225
  }
23226
23226
  .pf-v5-c-popover.pf-m-custom {
23227
23227
  --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
23228
  }
23230
23229
  .pf-v5-c-popover.pf-m-info {
23231
23230
  --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
23231
  }
23234
23232
 
23235
23233
  .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
23239
23237
  padding-inline-start: var(--pf-v5-c-popover__content--PaddingLeft);
23240
23238
  padding-inline-end: var(--pf-v5-c-popover__content--PaddingRight);
23241
23239
  background-color: var(--pf-v5-c-popover__content--BackgroundColor);
23240
+ border-radius: var(--pf-v5-c-popover__content--BorderRadius);
23242
23241
  }
23243
23242
 
23244
23243
  .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
23284
23283
  .pf-v5-c-popover__title-text {
23285
23284
  font-family: var(--pf-v5-c-popover__title-text--FontFamily);
23286
23285
  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);
23286
+ font-weight: var(--pf-v5-c-popover__title-text--FontWeight);
23287
+ color: var(--pf-v5-c-popover__title-text--Color);
23289
23288
  }
23290
23289
 
23291
23290
  .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
23296
23295
  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
23297
23296
  }
23298
23297
 
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
23298
  .pf-v5-c-progress {
23312
23299
  --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
23313
23300
  --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 {
30886
30873
  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
30887
30874
  }
30888
30875
 
30889
- .pf-v5-c-tooltip {
30876
+ :root {
30890
30877
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
30891
- --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
30892
- --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
30893
- --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
30894
- --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
30895
- --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
30896
- --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
30897
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30898
- --pf-v5-c-tooltip__content--FontSize: var(--pf-v5-global--FontSize--sm);
30878
+ --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
30879
+ --pf-v5-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
30880
+ --pf-v5-c-tooltip__content--PaddingRight: var(--pf-t--global--spacer--md);
30881
+ --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-t--global--spacer--sm);
30882
+ --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-t--global--spacer--md);
30883
+ --pf-v5-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
30884
+ --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30885
+ --pf-v5-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
30886
+ --pf-v5-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
30899
30887
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
30900
30888
  --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
30901
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30902
- --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--md);
30889
+ --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30890
+ --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
30903
30891
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
30904
30892
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
30905
30893
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -30912,6 +30900,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
30912
30900
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
30913
30901
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
30914
30902
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
30903
+ }
30904
+
30905
+ .pf-v5-c-tooltip {
30915
30906
  position: relative;
30916
30907
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
30917
30908
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -30984,6 +30975,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30984
30975
  text-align: center;
30985
30976
  word-break: break-word;
30986
30977
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
30978
+ border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
30987
30979
  }
30988
30980
  .pf-v5-c-tooltip__content.pf-m-text-align-left {
30989
30981
  text-align: start;
@@ -31005,15 +30997,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
31005
30997
  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));
31006
30998
  }
31007
30999
 
31008
- :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 {
31009
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31010
- }
31011
-
31012
- :where(.pf-theme-dark) .pf-v5-c-tooltip {
31013
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31014
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31015
- }
31016
-
31017
31000
  .pf-v5-c-truncate {
31018
31001
  --pf-v5-c-truncate--MinWidth: 12ch;
31019
31002
  --pf-v5-c-truncate__start--MinWidth: 6ch;