@patternfly/patternfly 6.0.0-alpha.21 → 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 (12) hide show
  1. package/components/ExpandableSection/expandable-section.css +64 -55
  2. package/components/ExpandableSection/expandable-section.scss +72 -68
  3. package/components/Tooltip/tooltip.css +16 -16
  4. package/components/Tooltip/tooltip.scss +18 -22
  5. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -24
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +80 -75
  8. package/patternfly-theme-dark-unversioned.css +80 -75
  9. package/patternfly.css +80 -75
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
  12. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -15061,53 +15061,64 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15061
15061
  justify-content: center;
15062
15062
  }
15063
15063
 
15064
- .pf-v5-c-expandable-section {
15065
- --pf-v5-c-expandable-section__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
15066
- --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
15067
- --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
15068
- --pf-v5-c-expandable-section__toggle--PaddingLeft: 0;
15069
- --pf-v5-c-expandable-section__toggle--MarginTop: 0;
15070
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-global--link--Color);
15071
- --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-v5-global--link--Color--hover);
15072
- --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-v5-global--link--Color--hover);
15073
- --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-v5-global--link--Color--hover);
15074
- --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-v5-global--link--Color--hover);
15064
+ :root {
15065
+ --pf-v5-c-expandable-section__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
15066
+ --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
15067
+ --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
15068
+ --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
15069
+ --pf-v5-c-expandable-section__toggle--Color: var(--pf-t--global--color--brand--default);
15070
+ --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-t--global--color--brand--hover);
15071
+ --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-t--global--color--brand--hover);
15072
+ --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-t--global--color--brand--hover);
15073
+ --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-t--global--color--brand--hover);
15075
15074
  --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
15075
+ --pf-v5-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
15076
15076
  --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
15077
- --pf-v5-c-expandable-section__toggle-icon--Color: var(--pf-v5-global--Color--100);
15077
+ --pf-v5-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15078
15078
  --pf-v5-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
15079
15079
  --pf-v5-c-expandable-section__toggle-icon--Rotate: 0;
15080
15080
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
15081
15081
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
15082
15082
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
15083
- --pf-v5-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-v5-global--spacer--xs) + var(--pf-v5-global--spacer--sm));
15084
- --pf-v5-c-expandable-section__content--MarginTop: var(--pf-v5-global--spacer--md);
15083
+ --pf-v5-c-expandable-section__content--PaddingTop: var(--pf-t--global--spacer--sm);
15084
+ --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-t--global--spacer--sm);
15085
+ --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-t--global--spacer--sm);
15086
+ --pf-v5-c-expandable-section__content--PaddingLeft: var(--pf-t--global--spacer--sm);
15085
15087
  --pf-v5-c-expandable-section__content--MaxWidth: auto;
15086
15088
  --pf-v5-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15087
- --pf-v5-c-expandable-section--m-display-lg--BoxShadow: var(--pf-v5-global--BoxShadow--md);
15088
- --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-v5-global--spacer--md);
15089
- --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
15090
- --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-v5-global--spacer--md);
15091
- --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
15092
- --pf-v5-c-expandable-section--m-display-lg__content--MarginTop: 0;
15093
- --pf-v5-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-v5-global--spacer--lg);
15094
- --pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-v5-global--spacer--lg);
15095
- --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-v5-global--spacer--lg);
15096
- --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
15097
- --pf-v5-c-expandable-section--m-display-lg--after--Width: var(--pf-v5-global--BorderWidth--lg);
15098
- --pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
15099
- --pf-v5-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-v5-c-expandable-section__toggle-text--MarginLeft) + var(--pf-v5-c-expandable-section__toggle-icon--MinWidth));
15089
+ --pf-v5-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15090
+ --pf-v5-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
15091
+ --pf-v5-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
15092
+ --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-t--global--spacer--md);
15093
+ --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-t--global--spacer--lg);
15094
+ --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-t--global--spacer--md);
15095
+ --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-t--global--spacer--lg);
15096
+ --pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium);
15097
+ --pf-v5-c-expandable-section--m-display-lg__toggle--Width: 100%;
15098
+ --pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
15099
+ --pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
15100
+ --pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
15101
+ --pf-v5-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-t--global--spacer--lg);
15102
+ --pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-t--global--spacer--md);
15103
+ --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-t--global--spacer--lg);
15104
+ --pf-v5-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium) var(--pf-t--global--border--radius--medium) 0 0;
15105
+ --pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base: calc(var(--pf-v5-c-expandable-section__toggle--ColumnGap) + var(--pf-v5-c-expandable-section__toggle-icon--MinWidth));
15106
+ --pf-v5-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base) + var(--pf-v5-c-expandable-section__toggle--PaddingLeft));
15107
+ --pf-v5-c-expandable-section--m-display-lg--m-indented__content--PaddingLeft: calc(var(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base) + var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft));
15108
+ --pf-v5-c-expandable-section--m-truncate--PaddingTop: var(--pf-t--global--spacer--sm);
15109
+ --pf-v5-c-expandable-section--m-truncate--PaddingRight: var(--pf-t--global--spacer--md);
15110
+ --pf-v5-c-expandable-section--m-truncate--PaddingBottom: var(--pf-t--global--spacer--sm);
15111
+ --pf-v5-c-expandable-section--m-truncate--PaddingLeft: var(--pf-t--global--spacer--md);
15112
+ --pf-v5-c-expandable-section--m-truncate__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
15100
15113
  --pf-v5-c-expandable-section--m-truncate__content--LineClamp: 3;
15101
- --pf-v5-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-v5-global--spacer--xs);
15102
15114
  }
15115
+
15103
15116
  .pf-v5-c-expandable-section.pf-m-expanded {
15104
15117
  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
15105
15118
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
15106
15119
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
15107
15120
  --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
15108
- }
15109
- .pf-v5-c-expandable-section.pf-m-detached, .pf-v5-c-expandable-section.pf-m-truncate {
15110
- --pf-v5-c-expandable-section__content--MarginTop: 0;
15121
+ --pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-v5-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius);
15111
15122
  }
15112
15123
  .pf-v5-c-expandable-section.pf-m-limit-width {
15113
15124
  --pf-v5-c-expandable-section__content--MaxWidth: var(--pf-v5-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -15117,31 +15128,31 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15117
15128
  --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight);
15118
15129
  --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom);
15119
15130
  --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft);
15131
+ --pf-v5-c-expandable-section__toggle--hover--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor);
15132
+ --pf-v5-c-expandable-section__toggle--active--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor);
15133
+ --pf-v5-c-expandable-section__toggle--focus--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor);
15134
+ --pf-v5-c-expandable-section__toggle--BorderRadius: var(--pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius);
15135
+ --pf-v5-c-expandable-section__toggle--Width: var(--pf-v5-c-expandable-section--m-display-lg__toggle--Width);
15120
15136
  --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingRight);
15121
15137
  --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom);
15122
15138
  --pf-v5-c-expandable-section__content--PaddingLeft: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft);
15123
- --pf-v5-c-expandable-section__content--MarginTop: var(--pf-v5-c-expandable-section--m-display-lg__content--MarginTop);
15124
- position: relative;
15125
- box-shadow: var(--pf-v5-c-expandable-section--m-display-lg--BoxShadow);
15126
- }
15127
- .pf-v5-c-expandable-section.pf-m-display-lg::after {
15128
- position: absolute;
15129
- inset-block-start: 0;
15130
- inset-block-end: 0;
15131
- inset-inline-start: 0;
15132
- width: var(--pf-v5-c-expandable-section--m-display-lg--after--Width);
15133
- content: "";
15134
- background-color: var(--pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor);
15139
+ --pf-v5-c-expandable-section--m-indented__content--PaddingLeft: var(--pf-v5-c-expandable-section--m-display-lg--m-indented__content--PaddingLeft);
15140
+ background-color: var(--pf-v5-c-expandable-section--m-display-lg--BackgroundColor);
15141
+ border: solid 1px var(--pf-v5-c-expandable-section--m-display-lg--BorderColor);
15142
+ border-radius: var(--pf-v5-c-expandable-section--m-display-lg--BorderRadius);
15135
15143
  }
15136
15144
  .pf-v5-c-expandable-section.pf-m-indented {
15137
15145
  --pf-v5-c-expandable-section__content--PaddingLeft: var(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft);
15138
15146
  }
15139
15147
  .pf-v5-c-expandable-section.pf-m-truncate {
15140
- --pf-v5-c-expandable-section__toggle--MarginTop: var(--pf-v5-c-expandable-section--m-truncate__toggle--MarginTop);
15141
15148
  --pf-v5-c-expandable-section__toggle--PaddingTop: 0;
15142
15149
  --pf-v5-c-expandable-section__toggle--PaddingRight: 0;
15143
- --pf-v5-c-expandable-section__toggle--PaddingBottom: 0;
15144
- --pf-v5-c-expandable-section__toggle-text--MarginLeft: 0;
15150
+ --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-v5-c-expandable-section--m-truncate__toggle--PaddingBottom);
15151
+ --pf-v5-c-expandable-section__toggle--PaddingLeft: 0;
15152
+ --pf-v5-c-expandable-section__content--PaddingTop: 0;
15153
+ --pf-v5-c-expandable-section__content--PaddingRight: 0;
15154
+ --pf-v5-c-expandable-section__content--PaddingBottom: 0;
15155
+ --pf-v5-c-expandable-section__content--PaddingLeft: 0;
15145
15156
  }
15146
15157
  .pf-v5-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v5-c-expandable-section__content {
15147
15158
  display: -webkit-box;
@@ -15149,29 +15160,31 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15149
15160
  -webkit-line-clamp: var(--pf-v5-c-expandable-section--m-truncate__content--LineClamp);
15150
15161
  overflow: hidden;
15151
15162
  }
15152
- .pf-v5-c-expandable-section.pf-m-detached {
15153
- --pf-v5-c-expandable-section--m-truncate__toggle--MarginTop: 0;
15154
- }
15155
15163
 
15156
15164
  .pf-v5-c-expandable-section__toggle {
15157
15165
  display: flex;
15166
+ column-gap: var(--pf-v5-c-expandable-section__toggle--ColumnGap);
15167
+ width: var(--pf-v5-c-expandable-section__toggle--Width, initial);
15158
15168
  padding-block-start: var(--pf-v5-c-expandable-section__toggle--PaddingTop);
15159
15169
  padding-block-end: var(--pf-v5-c-expandable-section__toggle--PaddingBottom);
15160
15170
  padding-inline-start: var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
15161
15171
  padding-inline-end: var(--pf-v5-c-expandable-section__toggle--PaddingRight);
15162
- margin-block-start: var(--pf-v5-c-expandable-section__toggle--MarginTop);
15163
15172
  color: var(--pf-v5-c-expandable-section__toggle--Color);
15164
15173
  background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
15165
15174
  border: none;
15175
+ border-radius: var(--pf-v5-c-expandable-section__toggle--BorderRadius, 0);
15166
15176
  }
15167
15177
  .pf-v5-c-expandable-section__toggle:hover {
15168
15178
  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
15179
+ --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial);
15169
15180
  }
15170
15181
  .pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
15171
15182
  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
15183
+ --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial);
15172
15184
  }
15173
15185
  .pf-v5-c-expandable-section__toggle:focus {
15174
15186
  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
15187
+ --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial);
15175
15188
  }
15176
15189
 
15177
15190
  .pf-v5-c-expandable-section__toggle-icon {
@@ -15188,16 +15201,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15188
15201
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15189
15202
  }
15190
15203
 
15191
- .pf-v5-c-expandable-section__toggle-text {
15192
- margin-inline-start: var(--pf-v5-c-expandable-section__toggle-text--MarginLeft);
15193
- }
15194
-
15195
15204
  .pf-v5-c-expandable-section__content {
15196
15205
  max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
15206
+ padding-block-start: var(--pf-v5-c-expandable-section__content--PaddingTop);
15197
15207
  padding-block-end: var(--pf-v5-c-expandable-section__content--PaddingBottom);
15198
15208
  padding-inline-start: var(--pf-v5-c-expandable-section__content--PaddingLeft);
15199
15209
  padding-inline-end: var(--pf-v5-c-expandable-section__content--PaddingRight);
15200
- margin-block-start: var(--pf-v5-c-expandable-section__content--MarginTop);
15201
15210
  }
15202
15211
 
15203
15212
  .pf-v5-c-file-upload {
@@ -30877,20 +30886,21 @@ svg.pf-v5-c-spinner.pf-m-xl {
30877
30886
  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
30878
30887
  }
30879
30888
 
30880
- .pf-v5-c-tooltip {
30889
+ :root {
30881
30890
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
30882
- --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
30883
- --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
30884
- --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
30885
- --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
30886
- --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
30887
- --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
30888
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30889
- --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);
30890
30900
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
30891
30901
  --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
30892
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30893
- --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);
30894
30904
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
30895
30905
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
30896
30906
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -30903,6 +30913,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
30903
30913
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
30904
30914
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
30905
30915
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
30916
+ }
30917
+
30918
+ .pf-v5-c-tooltip {
30906
30919
  position: relative;
30907
30920
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
30908
30921
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -30975,6 +30988,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30975
30988
  text-align: center;
30976
30989
  word-break: break-word;
30977
30990
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
30991
+ border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
30978
30992
  }
30979
30993
  .pf-v5-c-tooltip__content.pf-m-text-align-left {
30980
30994
  text-align: start;
@@ -30996,15 +31010,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
30996
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));
30997
31011
  }
30998
31012
 
30999
- :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 {
31000
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31001
- }
31002
-
31003
- :where(.pf-theme-dark) .pf-v5-c-tooltip {
31004
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31005
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31006
- }
31007
-
31008
31013
  .pf-v5-c-truncate {
31009
31014
  --pf-v5-c-truncate--MinWidth: 12ch;
31010
31015
  --pf-v5-c-truncate__start--MinWidth: 6ch;
package/patternfly.css CHANGED
@@ -15061,53 +15061,64 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15061
15061
  justify-content: center;
15062
15062
  }
15063
15063
 
15064
- .pf-v5-c-expandable-section {
15065
- --pf-v5-c-expandable-section__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
15066
- --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
15067
- --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
15068
- --pf-v5-c-expandable-section__toggle--PaddingLeft: 0;
15069
- --pf-v5-c-expandable-section__toggle--MarginTop: 0;
15070
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-global--link--Color);
15071
- --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-v5-global--link--Color--hover);
15072
- --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-v5-global--link--Color--hover);
15073
- --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-v5-global--link--Color--hover);
15074
- --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-v5-global--link--Color--hover);
15064
+ :root {
15065
+ --pf-v5-c-expandable-section__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
15066
+ --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
15067
+ --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
15068
+ --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
15069
+ --pf-v5-c-expandable-section__toggle--Color: var(--pf-t--global--color--brand--default);
15070
+ --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-t--global--color--brand--hover);
15071
+ --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-t--global--color--brand--hover);
15072
+ --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-t--global--color--brand--hover);
15073
+ --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-t--global--color--brand--hover);
15075
15074
  --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
15075
+ --pf-v5-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
15076
15076
  --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
15077
- --pf-v5-c-expandable-section__toggle-icon--Color: var(--pf-v5-global--Color--100);
15077
+ --pf-v5-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15078
15078
  --pf-v5-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
15079
15079
  --pf-v5-c-expandable-section__toggle-icon--Rotate: 0;
15080
15080
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
15081
15081
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
15082
15082
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
15083
- --pf-v5-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-v5-global--spacer--xs) + var(--pf-v5-global--spacer--sm));
15084
- --pf-v5-c-expandable-section__content--MarginTop: var(--pf-v5-global--spacer--md);
15083
+ --pf-v5-c-expandable-section__content--PaddingTop: var(--pf-t--global--spacer--sm);
15084
+ --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-t--global--spacer--sm);
15085
+ --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-t--global--spacer--sm);
15086
+ --pf-v5-c-expandable-section__content--PaddingLeft: var(--pf-t--global--spacer--sm);
15085
15087
  --pf-v5-c-expandable-section__content--MaxWidth: auto;
15086
15088
  --pf-v5-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15087
- --pf-v5-c-expandable-section--m-display-lg--BoxShadow: var(--pf-v5-global--BoxShadow--md);
15088
- --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-v5-global--spacer--md);
15089
- --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
15090
- --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-v5-global--spacer--md);
15091
- --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
15092
- --pf-v5-c-expandable-section--m-display-lg__content--MarginTop: 0;
15093
- --pf-v5-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-v5-global--spacer--lg);
15094
- --pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-v5-global--spacer--lg);
15095
- --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-v5-global--spacer--lg);
15096
- --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
15097
- --pf-v5-c-expandable-section--m-display-lg--after--Width: var(--pf-v5-global--BorderWidth--lg);
15098
- --pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
15099
- --pf-v5-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-v5-c-expandable-section__toggle-text--MarginLeft) + var(--pf-v5-c-expandable-section__toggle-icon--MinWidth));
15089
+ --pf-v5-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15090
+ --pf-v5-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
15091
+ --pf-v5-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
15092
+ --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-t--global--spacer--md);
15093
+ --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-t--global--spacer--lg);
15094
+ --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-t--global--spacer--md);
15095
+ --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-t--global--spacer--lg);
15096
+ --pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium);
15097
+ --pf-v5-c-expandable-section--m-display-lg__toggle--Width: 100%;
15098
+ --pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
15099
+ --pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
15100
+ --pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
15101
+ --pf-v5-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-t--global--spacer--lg);
15102
+ --pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-t--global--spacer--md);
15103
+ --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-t--global--spacer--lg);
15104
+ --pf-v5-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium) var(--pf-t--global--border--radius--medium) 0 0;
15105
+ --pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base: calc(var(--pf-v5-c-expandable-section__toggle--ColumnGap) + var(--pf-v5-c-expandable-section__toggle-icon--MinWidth));
15106
+ --pf-v5-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base) + var(--pf-v5-c-expandable-section__toggle--PaddingLeft));
15107
+ --pf-v5-c-expandable-section--m-display-lg--m-indented__content--PaddingLeft: calc(var(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base) + var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft));
15108
+ --pf-v5-c-expandable-section--m-truncate--PaddingTop: var(--pf-t--global--spacer--sm);
15109
+ --pf-v5-c-expandable-section--m-truncate--PaddingRight: var(--pf-t--global--spacer--md);
15110
+ --pf-v5-c-expandable-section--m-truncate--PaddingBottom: var(--pf-t--global--spacer--sm);
15111
+ --pf-v5-c-expandable-section--m-truncate--PaddingLeft: var(--pf-t--global--spacer--md);
15112
+ --pf-v5-c-expandable-section--m-truncate__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
15100
15113
  --pf-v5-c-expandable-section--m-truncate__content--LineClamp: 3;
15101
- --pf-v5-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-v5-global--spacer--xs);
15102
15114
  }
15115
+
15103
15116
  .pf-v5-c-expandable-section.pf-m-expanded {
15104
15117
  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
15105
15118
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
15106
15119
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
15107
15120
  --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
15108
- }
15109
- .pf-v5-c-expandable-section.pf-m-detached, .pf-v5-c-expandable-section.pf-m-truncate {
15110
- --pf-v5-c-expandable-section__content--MarginTop: 0;
15121
+ --pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-v5-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius);
15111
15122
  }
15112
15123
  .pf-v5-c-expandable-section.pf-m-limit-width {
15113
15124
  --pf-v5-c-expandable-section__content--MaxWidth: var(--pf-v5-c-expandable-section--m-limit-width__content--MaxWidth);
@@ -15117,31 +15128,31 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15117
15128
  --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight);
15118
15129
  --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom);
15119
15130
  --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft);
15131
+ --pf-v5-c-expandable-section__toggle--hover--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor);
15132
+ --pf-v5-c-expandable-section__toggle--active--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor);
15133
+ --pf-v5-c-expandable-section__toggle--focus--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor);
15134
+ --pf-v5-c-expandable-section__toggle--BorderRadius: var(--pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius);
15135
+ --pf-v5-c-expandable-section__toggle--Width: var(--pf-v5-c-expandable-section--m-display-lg__toggle--Width);
15120
15136
  --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingRight);
15121
15137
  --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom);
15122
15138
  --pf-v5-c-expandable-section__content--PaddingLeft: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft);
15123
- --pf-v5-c-expandable-section__content--MarginTop: var(--pf-v5-c-expandable-section--m-display-lg__content--MarginTop);
15124
- position: relative;
15125
- box-shadow: var(--pf-v5-c-expandable-section--m-display-lg--BoxShadow);
15126
- }
15127
- .pf-v5-c-expandable-section.pf-m-display-lg::after {
15128
- position: absolute;
15129
- inset-block-start: 0;
15130
- inset-block-end: 0;
15131
- inset-inline-start: 0;
15132
- width: var(--pf-v5-c-expandable-section--m-display-lg--after--Width);
15133
- content: "";
15134
- background-color: var(--pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor);
15139
+ --pf-v5-c-expandable-section--m-indented__content--PaddingLeft: var(--pf-v5-c-expandable-section--m-display-lg--m-indented__content--PaddingLeft);
15140
+ background-color: var(--pf-v5-c-expandable-section--m-display-lg--BackgroundColor);
15141
+ border: solid 1px var(--pf-v5-c-expandable-section--m-display-lg--BorderColor);
15142
+ border-radius: var(--pf-v5-c-expandable-section--m-display-lg--BorderRadius);
15135
15143
  }
15136
15144
  .pf-v5-c-expandable-section.pf-m-indented {
15137
15145
  --pf-v5-c-expandable-section__content--PaddingLeft: var(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft);
15138
15146
  }
15139
15147
  .pf-v5-c-expandable-section.pf-m-truncate {
15140
- --pf-v5-c-expandable-section__toggle--MarginTop: var(--pf-v5-c-expandable-section--m-truncate__toggle--MarginTop);
15141
15148
  --pf-v5-c-expandable-section__toggle--PaddingTop: 0;
15142
15149
  --pf-v5-c-expandable-section__toggle--PaddingRight: 0;
15143
- --pf-v5-c-expandable-section__toggle--PaddingBottom: 0;
15144
- --pf-v5-c-expandable-section__toggle-text--MarginLeft: 0;
15150
+ --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-v5-c-expandable-section--m-truncate__toggle--PaddingBottom);
15151
+ --pf-v5-c-expandable-section__toggle--PaddingLeft: 0;
15152
+ --pf-v5-c-expandable-section__content--PaddingTop: 0;
15153
+ --pf-v5-c-expandable-section__content--PaddingRight: 0;
15154
+ --pf-v5-c-expandable-section__content--PaddingBottom: 0;
15155
+ --pf-v5-c-expandable-section__content--PaddingLeft: 0;
15145
15156
  }
15146
15157
  .pf-v5-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v5-c-expandable-section__content {
15147
15158
  display: -webkit-box;
@@ -15149,29 +15160,31 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15149
15160
  -webkit-line-clamp: var(--pf-v5-c-expandable-section--m-truncate__content--LineClamp);
15150
15161
  overflow: hidden;
15151
15162
  }
15152
- .pf-v5-c-expandable-section.pf-m-detached {
15153
- --pf-v5-c-expandable-section--m-truncate__toggle--MarginTop: 0;
15154
- }
15155
15163
 
15156
15164
  .pf-v5-c-expandable-section__toggle {
15157
15165
  display: flex;
15166
+ column-gap: var(--pf-v5-c-expandable-section__toggle--ColumnGap);
15167
+ width: var(--pf-v5-c-expandable-section__toggle--Width, initial);
15158
15168
  padding-block-start: var(--pf-v5-c-expandable-section__toggle--PaddingTop);
15159
15169
  padding-block-end: var(--pf-v5-c-expandable-section__toggle--PaddingBottom);
15160
15170
  padding-inline-start: var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
15161
15171
  padding-inline-end: var(--pf-v5-c-expandable-section__toggle--PaddingRight);
15162
- margin-block-start: var(--pf-v5-c-expandable-section__toggle--MarginTop);
15163
15172
  color: var(--pf-v5-c-expandable-section__toggle--Color);
15164
15173
  background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
15165
15174
  border: none;
15175
+ border-radius: var(--pf-v5-c-expandable-section__toggle--BorderRadius, 0);
15166
15176
  }
15167
15177
  .pf-v5-c-expandable-section__toggle:hover {
15168
15178
  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
15179
+ --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial);
15169
15180
  }
15170
15181
  .pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
15171
15182
  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
15183
+ --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial);
15172
15184
  }
15173
15185
  .pf-v5-c-expandable-section__toggle:focus {
15174
15186
  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
15187
+ --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial);
15175
15188
  }
15176
15189
 
15177
15190
  .pf-v5-c-expandable-section__toggle-icon {
@@ -15188,16 +15201,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15188
15201
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15189
15202
  }
15190
15203
 
15191
- .pf-v5-c-expandable-section__toggle-text {
15192
- margin-inline-start: var(--pf-v5-c-expandable-section__toggle-text--MarginLeft);
15193
- }
15194
-
15195
15204
  .pf-v5-c-expandable-section__content {
15196
15205
  max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
15206
+ padding-block-start: var(--pf-v5-c-expandable-section__content--PaddingTop);
15197
15207
  padding-block-end: var(--pf-v5-c-expandable-section__content--PaddingBottom);
15198
15208
  padding-inline-start: var(--pf-v5-c-expandable-section__content--PaddingLeft);
15199
15209
  padding-inline-end: var(--pf-v5-c-expandable-section__content--PaddingRight);
15200
- margin-block-start: var(--pf-v5-c-expandable-section__content--MarginTop);
15201
15210
  }
15202
15211
 
15203
15212
  .pf-v5-c-file-upload {
@@ -30877,20 +30886,21 @@ svg.pf-v5-c-spinner.pf-m-xl {
30877
30886
  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
30878
30887
  }
30879
30888
 
30880
- .pf-v5-c-tooltip {
30889
+ :root {
30881
30890
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
30882
- --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
30883
- --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
30884
- --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
30885
- --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
30886
- --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
30887
- --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
30888
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30889
- --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);
30890
30900
  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
30891
30901
  --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
30892
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30893
- --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);
30894
30904
  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
30895
30905
  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
30896
30906
  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -30903,6 +30913,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
30903
30913
  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
30904
30914
  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
30905
30915
  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
30916
+ }
30917
+
30918
+ .pf-v5-c-tooltip {
30906
30919
  position: relative;
30907
30920
  max-width: var(--pf-v5-c-tooltip--MaxWidth);
30908
30921
  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
@@ -30975,6 +30988,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30975
30988
  text-align: center;
30976
30989
  word-break: break-word;
30977
30990
  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
30991
+ border-radius: var(--pf-v5-c-tooltip__content--BorderRadius);
30978
30992
  }
30979
30993
  .pf-v5-c-tooltip__content.pf-m-text-align-left {
30980
30994
  text-align: start;
@@ -30996,15 +31010,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
30996
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));
30997
31011
  }
30998
31012
 
30999
- :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 {
31000
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31001
- }
31002
-
31003
- :where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
31004
- --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31005
- --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31006
- }
31007
-
31008
31013
  .pf-v5-c-truncate {
31009
31014
  --pf-v5-c-truncate--MinWidth: 12ch;
31010
31015
  --pf-v5-c-truncate__start--MinWidth: 6ch;