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

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 (9) hide show
  1. package/components/Tooltip/tooltip.css +16 -16
  2. package/components/Tooltip/tooltip.scss +18 -22
  3. package/package.json +1 -1
  4. package/patternfly-no-globals.css +16 -20
  5. package/patternfly-theme-dark-unversioned.css +16 -20
  6. package/patternfly.css +16 -20
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
  9. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
package/components/Tooltip/tooltip.css CHANGED
@@ -1,17 +1,18 @@
1
- .pf-v5-c-tooltip {
1
+ :root {
2
2
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
3
- --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
4
- --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
5
- --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
6
- --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
7
- --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
8
- --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
9
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
10
- --pf-v5-c-tooltip__content--FontSize: var(--pf-v5-global--FontSize--sm);
3
+ --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4
+ --pf-v5-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
5
+ --pf-v5-c-tooltip__content--PaddingRight: var(--pf-t--global--spacer--md);
6
+ --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-t--global--spacer--sm);
7
+ --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-t--global--spacer--md);
8
+ --pf-v5-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
9
+ --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
10
+ --pf-v5-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
11
+ --pf-v5-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
11
12
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
12
13
  --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
13
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
14
- --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--md);
14
+ --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
15
+ --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
15
16
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
16
17
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
17
18
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -24,6 +25,9 @@
24
25
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
25
26
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
26
27
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
28
+ }
29
+
30
+ .pf-v5-c-tooltip {
27
31
  position: relative;
28
32
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
29
33
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -96,6 +100,7 @@
96
100
  text-align: center;
97
101
  word-break: break-word;
98
102
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
103
+ border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
99
104
  }
100
105
  .pf-v5-c-tooltip__content.pf-m-text-align-left {
101
106
  text-align: start;
@@ -115,9 +120,4 @@
115
120
  background-color: var(--pf-v5-c-tooltip__arrow--BackgroundColor);
116
121
  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
117
122
  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));
118
- }
119
-
120
- :where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
121
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
122
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
123
123
  }
package/components/Tooltip/tooltip.scss CHANGED
@@ -1,24 +1,24 @@
1
1
  // @debug $tooltip; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
2
-
3
- .#{$tooltip} {
2
+ :root {
4
3
  // Component variables
5
4
  --#{$tooltip}--MaxWidth: #{pf-size-prem(300px)};
6
- --#{$tooltip}--BoxShadow: var(--#{$pf-global}--BoxShadow--md);
7
-
5
+ --#{$tooltip}--BoxShadow: var(--pf-t--global--box-shadow--md);
6
+
8
7
  // Content variables
9
- --#{$tooltip}__content--PaddingTop: var(--#{$pf-global}--spacer--sm);
10
- --#{$tooltip}__content--PaddingRight: var(--#{$pf-global}--spacer--sm);
11
- --#{$tooltip}__content--PaddingBottom: var(--#{$pf-global}--spacer--sm);
12
- --#{$tooltip}__content--PaddingLeft: var(--#{$pf-global}--spacer--sm);
13
- --#{$tooltip}__content--Color: var(--#{$pf-global}--Color--light-100);
14
- --#{$tooltip}__content--BackgroundColor: var(--#{$pf-global}--BackgroundColor--dark-100);
15
- --#{$tooltip}__content--FontSize: var(--#{$pf-global}--FontSize--sm);
16
-
8
+ --#{$tooltip}__content--PaddingTop: var(--pf-t--global--spacer--sm);
9
+ --#{$tooltip}__content--PaddingRight: var(--pf-t--global--spacer--md);
10
+ --#{$tooltip}__content--PaddingBottom: var(--pf-t--global--spacer--sm);
11
+ --#{$tooltip}__content--PaddingLeft: var(--pf-t--global--spacer--md);
12
+ --#{$tooltip}__content--Color: var(--pf-t--global--text--color--inverse);
13
+ --#{$tooltip}__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
14
+ --#{$tooltip}__content--FontSize: var(--pf-t--global--font--size--body--sm);
15
+ --#{$tooltip}__content--BorderRadius: var(--pf-t--global--border--radius--small);
16
+
17
17
  // Arrow variables
18
18
  --#{$tooltip}__arrow--Width: #{pf-size-prem(15px)};
19
19
  --#{$tooltip}__arrow--Height: #{pf-size-prem(15px)};
20
- --#{$tooltip}__arrow--BackgroundColor: var(--#{$pf-global}--BackgroundColor--dark-100);
21
- --#{$tooltip}__arrow--BoxShadow: var(--#{$pf-global}--BoxShadow--md);
20
+ --#{$tooltip}__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
21
+ --#{$tooltip}__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
22
22
  --#{$tooltip}__arrow--m-top--TranslateX: -50%;
23
23
  --#{$tooltip}__arrow--m-top--TranslateY: 50%;
24
24
  --#{$tooltip}__arrow--m-top--Rotate: 45deg;
@@ -31,7 +31,9 @@
31
31
  --#{$tooltip}__arrow--m-left--TranslateX: 50%;
32
32
  --#{$tooltip}__arrow--m-left--TranslateY: -50%;
33
33
  --#{$tooltip}__arrow--m-left--Rotate: 45deg;
34
+ }
34
35
 
36
+ .#{$tooltip} {
35
37
  position: relative;
36
38
  max-width: var(--#{$tooltip}--MaxWidth);
37
39
  box-shadow: var(--#{$tooltip}--BoxShadow);
@@ -52,7 +54,7 @@
52
54
  .pf-m-bottom,
53
55
  .pf-m-bottom-left,
54
56
  .pf-m-bottom-right
55
- ) {
57
+ ) {
56
58
  --#{$tooltip}__arrow--Top: var(--#{$tooltip}--m-bottom--Top, 0);
57
59
  --#{$tooltip}__arrow--Left: var(--#{$tooltip}--m-bottom--Left, 50%);
58
60
  --#{$tooltip}__arrow--TranslateX: var(--#{$tooltip}__arrow--m-bottom--TranslateX);
@@ -128,6 +130,7 @@
128
130
  text-align: center;
129
131
  word-break: break-word;
130
132
  background-color: var(--#{$tooltip}__content--BackgroundColor);
133
+ border-radius: var(--#{$tooltip}__content--BorderRadius);
131
134
 
132
135
  &.pf-m-text-align-left {
133
136
  text-align: start;
@@ -149,10 +152,3 @@
149
152
  box-shadow: var(--#{$tooltip}__arrow--BoxShadow);
150
153
  transform: translateX(var(--#{$tooltip}__arrow--TranslateX, 0)) translateY(var(--#{$tooltip}__arrow--TranslateY, 0)) rotate(var(--#{$tooltip}__arrow--Rotate, 0));
151
154
  }
152
-
153
- // stylelint-disable no-invalid-position-at-import-rule
154
- @import "themes/dark/tooltip";
155
-
156
- @include pf-v5-theme-dark {
157
- @include pf-v5-theme-dark-tooltip;
158
- }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.22",
4
+ "version": "6.0.0-alpha.23",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -30770,20 +30770,21 @@ svg.pf-v5-c-spinner.pf-m-xl {
30770
30770
  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
30771
30771
  }
30772
30772
 
30773
- .pf-v5-c-tooltip {
30773
+ :root {
30774
30774
  --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);
30775
+ --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
30776
+ --pf-v5-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
30777
+ --pf-v5-c-tooltip__content--PaddingRight: var(--pf-t--global--spacer--md);
30778
+ --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-t--global--spacer--sm);
30779
+ --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-t--global--spacer--md);
30780
+ --pf-v5-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
30781
+ --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30782
+ --pf-v5-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
30783
+ --pf-v5-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
30783
30784
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
30784
30785
  --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);
30786
+ --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30787
+ --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
30787
30788
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
30788
30789
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
30789
30790
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -30796,6 +30797,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
30796
30797
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
30797
30798
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
30798
30799
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
30800
+ }
30801
+
30802
+ .pf-v5-c-tooltip {
30799
30803
  position: relative;
30800
30804
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
30801
30805
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -30868,6 +30872,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30868
30872
  text-align: center;
30869
30873
  word-break: break-word;
30870
30874
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
30875
+ border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
30871
30876
  }
30872
30877
  .pf-v5-c-tooltip__content.pf-m-text-align-left {
30873
30878
  text-align: start;
@@ -30889,15 +30894,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
30889
30894
  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
30895
  }
30891
30896
 
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
30897
  .pf-v5-c-truncate {
30902
30898
  --pf-v5-c-truncate--MinWidth: 12ch;
30903
30899
  --pf-v5-c-truncate__start--MinWidth: 6ch;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -30886,20 +30886,21 @@ svg.pf-v5-c-spinner.pf-m-xl {
30886
30886
  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
30887
30887
  }
30888
30888
 
30889
- .pf-v5-c-tooltip {
30889
+ :root {
30890
30890
  --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);
30891
+ --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
30892
+ --pf-v5-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
30893
+ --pf-v5-c-tooltip__content--PaddingRight: var(--pf-t--global--spacer--md);
30894
+ --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-t--global--spacer--sm);
30895
+ --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-t--global--spacer--md);
30896
+ --pf-v5-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
30897
+ --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30898
+ --pf-v5-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
30899
+ --pf-v5-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
30899
30900
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
30900
30901
  --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);
30902
+ --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30903
+ --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
30903
30904
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
30904
30905
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
30905
30906
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -30912,6 +30913,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
30912
30913
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
30913
30914
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
30914
30915
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
30916
+ }
30917
+
30918
+ .pf-v5-c-tooltip {
30915
30919
  position: relative;
30916
30920
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
30917
30921
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -30984,6 +30988,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30984
30988
  text-align: center;
30985
30989
  word-break: break-word;
30986
30990
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
30991
+ border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
30987
30992
  }
30988
30993
  .pf-v5-c-tooltip__content.pf-m-text-align-left {
30989
30994
  text-align: start;
@@ -31005,15 +31010,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
31005
31010
  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
31011
  }
31007
31012
 
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
31013
  .pf-v5-c-truncate {
31018
31014
  --pf-v5-c-truncate--MinWidth: 12ch;
31019
31015
  --pf-v5-c-truncate__start--MinWidth: 6ch;
package/patternfly.css CHANGED
@@ -30886,20 +30886,21 @@ svg.pf-v5-c-spinner.pf-m-xl {
30886
30886
  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
30887
30887
  }
30888
30888
 
30889
- .pf-v5-c-tooltip {
30889
+ :root {
30890
30890
  --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);
30891
+ --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
30892
+ --pf-v5-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
30893
+ --pf-v5-c-tooltip__content--PaddingRight: var(--pf-t--global--spacer--md);
30894
+ --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-t--global--spacer--sm);
30895
+ --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-t--global--spacer--md);
30896
+ --pf-v5-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
30897
+ --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30898
+ --pf-v5-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
30899
+ --pf-v5-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
30899
30900
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
30900
30901
  --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);
30902
+ --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
30903
+ --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
30903
30904
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
30904
30905
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
30905
30906
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -30912,6 +30913,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
30912
30913
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
30913
30914
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
30914
30915
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
30916
+ }
30917
+
30918
+ .pf-v5-c-tooltip {
30915
30919
  position: relative;
30916
30920
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
30917
30921
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -30984,6 +30988,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30984
30988
  text-align: center;
30985
30989
  word-break: break-word;
30986
30990
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
30991
+ border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
30987
30992
  }
30988
30993
  .pf-v5-c-tooltip__content.pf-m-text-align-left {
30989
30994
  text-align: start;
@@ -31005,15 +31010,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
31005
31010
  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
31011
  }
31007
31012
 
31008
- :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 {
31009
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31010
- }
31011
-
31012
- :where(.pf-v5-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
31013
  .pf-v5-c-truncate {
31018
31014
  --pf-v5-c-truncate--MinWidth: 12ch;
31019
31015
  --pf-v5-c-truncate__start--MinWidth: 6ch;