@patternfly/patternfly 6.0.0-alpha.87 → 6.0.0-alpha.89

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.
package/patternfly.css CHANGED
@@ -20127,9 +20127,12 @@ ul.pf-v5-c-list {
20127
20127
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
20128
20128
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
20129
20129
  --pf-v5-c-menu--m-drilldown__content--Transition: transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height);
20130
+ --pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
20131
+ --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
20132
+ --pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20130
20133
  --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
20131
20134
  --pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
20132
- --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
20135
+ --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
20133
20136
  }
20134
20137
 
20135
20138
  .pf-v5-c-menu,
@@ -20871,6 +20874,7 @@ ul.pf-v5-c-list {
20871
20874
  align-items: center;
20872
20875
  justify-content: center;
20873
20876
  min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
20877
+ margin-inline-start: auto;
20874
20878
  }
20875
20879
 
20876
20880
  .pf-v5-c-menu-toggle__toggle-icon {
@@ -28018,7 +28022,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28018
28022
  }
28019
28023
  }
28020
28024
 
28021
- .pf-v5-c-table {
28025
+ :where(:root),
28026
+ :where(.pf-v5-c-table) {
28022
28027
  --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28023
28028
  --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
28024
28029
  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -28028,21 +28033,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28028
28033
  --pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
28029
28034
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
28030
28035
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
28031
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
28036
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
28032
28037
  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
28033
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
28034
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
28038
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
28039
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
28040
+ --pf-v5-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
28035
28041
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
28036
28042
  --pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
28037
28043
  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
28038
28044
  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
28045
+ --pf-v5-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
28039
28046
  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
28040
28047
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
28041
28048
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
28042
28049
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
28043
28050
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
28044
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28045
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28051
+ --pf-v5-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
28046
28052
  --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
28047
28053
  --pf-v5-c-table--cell--MinWidth: 0;
28048
28054
  --pf-v5-c-table--cell--MaxWidth: none;
@@ -28059,29 +28065,33 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28059
28065
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
28060
28066
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
28061
28067
  --pf-v5-c-table--cell--hidden-visible--Display: table-cell;
28062
- --pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28063
- --pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28068
+ --pf-v5-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
28069
+ --pf-v5-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
28070
+ --pf-v5-c-table__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
28071
+ --pf-v5-c-table__toggle--PaddingRight: var(--pf-t--global--spacer--sm);
28064
28072
  --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
28065
28073
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
28066
28074
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
28067
- --pf-v5-c-table__button--BackgroundColor: transparent;
28075
+ --pf-v5-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
28076
+ --pf-v5-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
28077
+ --pf-v5-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
28078
+ --pf-v5-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
28068
28079
  --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
28080
+ --pf-v5-c-table__button--BackgroundColor: transparent;
28081
+ --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
28082
+ --pf-v5-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
28069
28083
  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
28070
28084
  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
28071
28085
  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
28072
28086
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
28073
28087
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
28074
28088
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
28075
- --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
28076
- --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
28077
- --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body--default);
28078
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
28079
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
28089
+ --pf-v5-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
28090
+ --pf-v5-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
28091
+ --pf-v5-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
28092
+ --pf-v5-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
28080
28093
  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
28081
- --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28082
- --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
28083
- --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28084
- --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
28094
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
28085
28095
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
28086
28096
  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
28087
28097
  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
@@ -28093,19 +28103,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28093
28103
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
28094
28104
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
28095
28105
  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28096
- --pf-v5-c-table__action--PaddingTop: 0;
28097
- --pf-v5-c-table__action--PaddingRight: 0;
28098
- --pf-v5-c-table__action--PaddingBottom: 0;
28099
- --pf-v5-c-table__action--PaddingLeft: 0;
28100
- --pf-v5-c-table__inline-edit-action--PaddingTop: 0;
28101
- --pf-v5-c-table__inline-edit-action--PaddingRight: 0;
28102
- --pf-v5-c-table__inline-edit-action--PaddingBottom: 0;
28103
- --pf-v5-c-table__inline-edit-action--PaddingLeft: 0;
28106
+ --pf-v5-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
28107
+ --pf-v5-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
28108
+ --pf-v5-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
28109
+ --pf-v5-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
28104
28110
  --pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
28105
- --pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
28111
+ --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
28112
+ --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
28113
+ --pf-v5-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
28114
+ --pf-v5-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
28106
28115
  --pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
28107
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28108
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28109
28116
  --pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
28110
28117
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
28111
28118
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
@@ -28127,6 +28134,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28127
28134
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
28128
28135
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
28129
28136
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
28137
+ --pf-v5-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
28138
+ --pf-v5-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28130
28139
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28131
28140
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28132
28141
  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
@@ -28134,8 +28143,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28134
28143
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28135
28144
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28136
28145
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
28137
- --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
28138
- --pf-v5-c-table__column-help--TranslateY: 0.125rem;
28146
+ --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
28139
28147
  --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28140
28148
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28141
28149
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -28161,15 +28169,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28161
28169
  --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28162
28170
  --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
28163
28171
  --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
28164
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28165
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28166
- --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
28167
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28168
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
28169
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28170
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
28171
- --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
28172
- --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
28172
+ --pf-v5-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
28173
+ --pf-v5-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
28173
28174
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28174
28175
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28175
28176
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
@@ -28215,9 +28216,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28215
28216
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28216
28217
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28217
28218
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
28219
+ --pf-v5-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
28220
+ --pf-v5-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
28218
28221
  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
28219
28222
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28220
28223
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
28224
+ }
28225
+
28226
+ .pf-v5-c-table {
28221
28227
  color: var(--pf-v5-global--Color--100);
28222
28228
  width: 100%;
28223
28229
  background-color: var(--pf-v5-c-table--BackgroundColor);
@@ -28295,16 +28301,17 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28295
28301
  overflow: var(--pf-v5-c-table--cell--Overflow);
28296
28302
  font-size: var(--pf-v5-c-table--cell--FontSize);
28297
28303
  font-weight: var(--pf-v5-c-table--cell--FontWeight);
28304
+ line-height: var(--pf-v5-c-table--cell--LineHeight);
28298
28305
  color: var(--pf-v5-c-table--cell--Color);
28299
28306
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
28300
28307
  word-break: var(--pf-v5-c-table--cell--WordBreak);
28301
28308
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
28302
28309
  }
28303
28310
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
28304
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--PaddingLeft);
28311
+ padding-inline-start: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingLeft));
28305
28312
  }
28306
28313
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
28307
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--PaddingRight);
28314
+ padding-inline-end: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingRight));
28308
28315
  }
28309
28316
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
28310
28317
  text-align: center;
@@ -28325,10 +28332,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28325
28332
  }
28326
28333
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before, .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
28327
28334
  position: absolute;
28328
- inset-block-start: 0;
28329
- inset-block-end: 0;
28330
- inset-inline-start: 0;
28331
- inset-inline-end: 0;
28335
+ inset: 0;
28332
28336
  pointer-events: none;
28333
28337
  content: "";
28334
28338
  }
@@ -28350,35 +28354,32 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28350
28354
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
28351
28355
  --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
28352
28356
  --pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
28353
- vertical-align: bottom;
28357
+ vertical-align: baseline;
28354
28358
  }
28355
28359
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
28356
28360
  outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
28357
28361
  }
28358
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
28359
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
28360
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
28361
- vertical-align: middle;
28362
- }
28363
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
28364
- display: flex;
28365
- align-items: center;
28366
- }
28367
28362
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) th:where(.pf-v5-c-table__th):not([rowspan]),
28368
28363
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) td:where(.pf-v5-c-table__td):not([rowspan]) {
28369
28364
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
28370
28365
  }
28371
28366
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
28367
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__subhead--PaddingLeft);
28368
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__subhead--PaddingRight);
28372
28369
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
28373
28370
  color: var(--pf-v5-c-table__subhead--Color);
28374
28371
  }
28372
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead .pf-v5-c-table__button {
28373
+ margin-inline-start: 0;
28374
+ }
28375
28375
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
28376
28376
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
28377
28377
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
28378
+ vertical-align: top;
28379
+ --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__tbody--cell--FontSize);
28378
28380
  }
28379
28381
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
28380
28382
  overflow-wrap: break-word;
28381
- vertical-align: baseline;
28382
28383
  }
28383
28384
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
28384
28385
  position: absolute;
@@ -28389,16 +28390,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28389
28390
  background-color: transparent;
28390
28391
  border-inline-start: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
28391
28392
  }
28392
- .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
28393
- margin-block-start: var(--pf-v5-c-table__check--input--MarginTop);
28394
- vertical-align: top;
28395
- }
28396
28393
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
28397
28394
  border-block-end-width: 0;
28398
28395
  }
28399
- .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:first-child, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:last-child {
28400
- padding: 0;
28401
- }
28402
28396
  .pf-v5-c-table .pf-v5-c-table__sort {
28403
28397
  min-width: var(--pf-v5-c-table__sort--MinWidth);
28404
28398
  }
@@ -28535,9 +28529,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28535
28529
  position: relative;
28536
28530
  display: block;
28537
28531
  width: var(--pf-v5-c-table--cell--Width);
28538
- min-width: var(--pf-v5-c-table--cell--MinWidth);
28532
+ min-width: var(--pf-v5-c-table--text--MinWidth);
28539
28533
  max-width: var(--pf-v5-c-table--cell--MaxWidth);
28540
28534
  overflow: var(--pf-v5-c-table--cell--Overflow);
28535
+ line-height: var(--pf-v5-c-table--cell--LineHeight);
28541
28536
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
28542
28537
  word-break: var(--pf-v5-c-table--cell--WordBreak);
28543
28538
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
@@ -28553,11 +28548,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28553
28548
 
28554
28549
  .pf-v5-c-table__button {
28555
28550
  position: static;
28556
- width: 100%;
28557
- padding-block-start: var(--pf-v5-c-table--cell--PaddingTop);
28558
- padding-block-end: var(--pf-v5-c-table--cell--PaddingBottom);
28559
- padding-inline-start: var(--pf-v5-c-table--cell--PaddingLeft);
28560
- padding-inline-end: var(--pf-v5-c-table--cell--PaddingRight);
28551
+ width: auto;
28552
+ padding-block-start: var(--pf-v5-c-table__button--PaddingTop);
28553
+ padding-block-end: var(--pf-v5-c-table__button--PaddingBottom);
28554
+ padding-inline-start: var(--pf-v5-c-table__button--PaddingLeft);
28555
+ padding-inline-end: var(--pf-v5-c-table__button--PaddingRight);
28556
+ margin-inline-start: calc(var(--pf-v5-c-table__button--PaddingLeft) * -1);
28561
28557
  font-size: inherit;
28562
28558
  font-weight: inherit;
28563
28559
  color: var(--pf-v5-c-table__button--Color);
@@ -28566,6 +28562,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28566
28562
  user-select: text;
28567
28563
  background-color: var(--pf-v5-c-table__button--BackgroundColor);
28568
28564
  border: 0;
28565
+ border-radius: var(--pf-v5-c-table__button--BorderRadius);
28566
+ }
28567
+ .pf-v5-c-table .pf-v5-c-table .pf-v5-c-table__button {
28568
+ margin-block-end: 0;
28569
28569
  }
28570
28570
  .pf-v5-c-table__button::before {
28571
28571
  position: absolute;
@@ -28595,15 +28595,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28595
28595
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
28596
28596
  }
28597
28597
 
28598
- .pf-v5-c-table__sort .pf-v5-c-table__text {
28599
- --pf-v5-c-table--cell--MinWidth: 0;
28600
- }
28601
-
28602
28598
  .pf-v5-c-table__button-content,
28603
28599
  .pf-v5-c-table__column-help {
28604
- display: grid;
28600
+ display: inline-grid;
28605
28601
  grid-template-columns: auto max-content;
28606
- align-items: end;
28602
+ align-items: baseline;
28607
28603
  justify-content: start;
28608
28604
  }
28609
28605
  .pf-v5-c-table__button-content .pf-v5-c-table__text,
@@ -28632,12 +28628,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28632
28628
  grid-template-columns: auto max-content;
28633
28629
  }
28634
28630
 
28635
- .pf-v5-c-table .pf-v5-c-table__toggle,
28636
- .pf-v5-c-table .pf-v5-c-table__action,
28637
- .pf-v5-c-table .pf-v5-c-table__inline-edit-action {
28638
- --pf-v5-c-table--cell--PaddingBottom: 0;
28639
- }
28640
-
28641
28631
  .pf-v5-c-table .pf-v5-c-table__check,
28642
28632
  .pf-v5-c-table .pf-v5-c-table__toggle,
28643
28633
  .pf-v5-c-table .pf-v5-c-table__action,
@@ -28650,13 +28640,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28650
28640
  }
28651
28641
 
28652
28642
  .pf-v5-c-table__toggle {
28653
- --pf-v5-c-table--cell--PaddingRight: 0;
28654
- --pf-v5-c-table--cell--PaddingLeft: 0;
28655
- vertical-align: top;
28656
- }
28657
- .pf-v5-c-table__toggle .pf-v5-c-button {
28658
- margin-block-start: var(--pf-v5-c-table__toggle--c-button--MarginTop);
28659
- margin-block-end: var(--pf-v5-c-table__toggle--c-button--MarginBottom);
28643
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__toggle--PaddingTop);
28644
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__toggle--PaddingBottom);
28645
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__toggle--PaddingLeft);
28646
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__toggle--PaddingRight);
28660
28647
  }
28661
28648
  .pf-v5-c-table__toggle .pf-v5-c-button.pf-m-expanded .pf-v5-c-table__toggle-icon {
28662
28649
  transform: rotate(var(--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
@@ -28674,41 +28661,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28674
28661
  }
28675
28662
 
28676
28663
  .pf-v5-c-table__check {
28677
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__check--input--FontSize);
28664
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__check--PaddingLeft);
28665
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__check--PaddingRight);
28678
28666
  }
28679
- .pf-v5-c-table__check label:not([disabled]),
28680
- .pf-v5-c-table__check input:not([disabled]) {
28681
- cursor: pointer;
28682
- }
28683
- .pf-v5-c-table__check label {
28667
+ .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
28684
28668
  display: inline-flex;
28685
- padding: inherit;
28686
- margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
28687
- margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
28688
- margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
28689
- margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
28690
28669
  }
28691
- .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
28692
- --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
28670
+ thead .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
28671
+ vertical-align: bottom;
28672
+ }
28673
+ tbody .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
28674
+ vertical-align: top;
28675
+ }
28676
+ .pf-v5-c-table__check label {
28677
+ display: contents;
28693
28678
  }
28694
28679
 
28680
+ .pf-v5-c-table__favorite {
28681
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__favorite--PaddingLeft);
28682
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__favorite--PaddingRight);
28683
+ }
28695
28684
  .pf-v5-c-table__favorite .pf-v5-c-button {
28696
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
28697
28685
  --pf-v5-c-button--FontSize: var(--pf-v5-c-table__favorite--c-button--FontSize);
28698
- margin-block-start: var(--pf-v5-c-table__favorite--c-button--MarginTop);
28699
- margin-block-end: var(--pf-v5-c-table__favorite--c-button--MarginBottom);
28700
- margin-inline-start: var(--pf-v5-c-table__favorite--c-button--MarginLeft);
28701
- margin-inline-end: var(--pf-v5-c-table__favorite--c-button--MarginRight);
28702
28686
  }
28703
28687
  .pf-m-favorited.pf-v5-c-table__favorite .pf-v5-c-button {
28704
28688
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--m-favorited--c-button--Color);
28705
28689
  }
28706
28690
 
28707
28691
  .pf-v5-c-table__draggable .pf-v5-c-button {
28708
- margin-block-start: var(--pf-v5-c-table__draggable--c-button--MarginTop);
28709
- margin-block-end: var(--pf-v5-c-table__draggable--c-button--MarginBottom);
28710
- margin-inline-start: var(--pf-v5-c-table__draggable--c-button--MarginLeft);
28711
- margin-inline-end: var(--pf-v5-c-table__draggable--c-button--MarginRight);
28712
28692
  cursor: grab;
28713
28693
  }
28714
28694
  .pf-v5-c-table__draggable .pf-v5-c-button:active {
@@ -28716,23 +28696,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28716
28696
  }
28717
28697
 
28718
28698
  .pf-v5-c-table__action,
28719
- .pf-v5-c-table__inline-edit-action {
28720
- --pf-v5-c-table--cell--PaddingTop: 0;
28721
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__action--PaddingRight);
28722
- --pf-v5-c-table--cell--PaddingBottom: 0;
28723
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
28724
- padding-block-start: 0;
28725
- padding-block-end: 0;
28726
- vertical-align: middle;
28727
- }
28728
-
28729
- .pf-v5-c-table__action {
28730
- text-align: end;
28699
+ .pf-v5-c-table__inline-edit-action,
28700
+ .pf-v5-c-table__draggable {
28701
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
28702
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
28731
28703
  }
28732
28704
 
28733
- .pf-v5-c-table__inline-edit-action {
28734
- --pf-v5-c-table--cell--PaddingLeft: 0;
28735
- --pf-v5-c-table--cell--PaddingRight: 0;
28705
+ .pf-v5-c-table__action:last-child,
28706
+ .pf-v5-c-table__inline-edit-action:last-child {
28736
28707
  text-align: end;
28737
28708
  }
28738
28709
 
@@ -28742,12 +28713,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28742
28713
  --pf-v5-c-table__button--focus--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--focus--Color);
28743
28714
  --pf-v5-c-table__button--active--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--active--Color);
28744
28715
  position: relative;
28716
+ padding: 0;
28745
28717
  }
28746
28718
  .pf-v5-c-table__compound-expansion-toggle.pf-m-truncate {
28747
28719
  overflow: visible;
28748
28720
  }
28749
28721
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button {
28722
+ position: static;
28750
28723
  min-width: 100%;
28724
+ padding: 0;
28725
+ margin: 0;
28751
28726
  overflow: hidden;
28752
28727
  }
28753
28728
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:hover, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:focus, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:active {
@@ -28756,7 +28731,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28756
28731
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before,
28757
28732
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::after {
28758
28733
  position: absolute;
28759
- inset-inline-end: 0;
28734
+ inset: 0;
28760
28735
  content: "";
28761
28736
  border-style: solid;
28762
28737
  border-width: 0;
@@ -28781,10 +28756,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28781
28756
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
28782
28757
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base);
28783
28758
  }
28784
- .pf-v5-c-table__compound-expansion-toggle:first-child {
28785
- --pf-v5-c-table__compound-expansion-toggle__button--before--Left: 0;
28786
- --pf-v5-c-table__compound-expansion-toggle__button--after--Left: 0;
28787
- }
28788
28759
  .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded .pf-v5-c-table__button::before {
28789
28760
  border-block-end: var(--pf-v5-c-table--BackgroundColor) solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
28790
28761
  }
@@ -28803,28 +28774,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28803
28774
 
28804
28775
  .pf-v5-c-table__column-help-action {
28805
28776
  margin-inline-start: var(--pf-v5-c-table__column-help--MarginLeft);
28806
- transform: translateY(var(--pf-v5-c-table__column-help--TranslateY));
28807
- }
28808
- .pf-v5-c-table__column-help-action .pf-v5-c-button {
28809
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-table__column-help--c-button--PaddingRight);
28810
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-table__column-help--c-button--PaddingLeft);
28811
- margin-block-start: var(--pf-v5-c-table__column-help--c-button--MarginTop);
28812
- margin-block-end: var(--pf-v5-c-table__column-help--c-button--MarginBottom);
28813
- font-size: inherit;
28814
- line-height: 1;
28815
28777
  }
28816
28778
 
28817
- .pf-v5-c-table__sort .pf-v5-c-table__button {
28818
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__sort__button--PaddingTop);
28819
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__sort__button--PaddingRight);
28820
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__sort__button--PaddingBottom);
28821
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__sort__button--PaddingLeft);
28822
- display: flex;
28823
- width: auto;
28824
- margin-block-start: var(--pf-v5-c-table__sort__button--MarginTop);
28825
- margin-block-end: var(--pf-v5-c-table__sort__button--MarginBottom);
28826
- margin-inline-start: var(--pf-v5-c-table__sort__button--MarginLeft);
28827
- }
28828
28779
  .pf-v5-c-table__sort .pf-v5-c-table__button:hover {
28829
28780
  --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-c-table__sort__button--hover__sort-indicator--Color);
28830
28781
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort__button--hover__text--Color);
@@ -28860,12 +28811,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28860
28811
  grid-column: 2;
28861
28812
  margin-inline-start: var(--pf-v5-c-table__sort-indicator--MarginLeft);
28862
28813
  color: var(--pf-v5-c-table__sort-indicator--Color);
28814
+ color: var(--pf-v5-c-table__sort-indicator--FontSize);
28863
28815
  pointer-events: none;
28864
28816
  }
28865
28817
 
28866
28818
  .pf-v5-c-table__expandable-row {
28867
- --pf-v5-c-table--cell--PaddingTop: 0;
28868
- --pf-v5-c-table--cell--PaddingBottom: 0;
28869
28819
  position: relative;
28870
28820
  border-block-end: 0 solid transparent;
28871
28821
  box-shadow: 0 0 0 0 transparent;
@@ -28874,6 +28824,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28874
28824
  .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
28875
28825
  transition: var(--pf-v5-c-table__expandable-row--Transition);
28876
28826
  }
28827
+ .pf-v5-c-table__expandable-row > td,
28828
+ .pf-v5-c-table__expandable-row > th {
28829
+ padding-top: 0;
28830
+ }
28877
28831
  .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
28878
28832
  .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
28879
28833
  padding-block-start: 0;
@@ -28897,64 +28851,35 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28897
28851
  .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
28898
28852
  display: none;
28899
28853
  }
28900
-
28901
- .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
28902
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
28903
- }
28904
- .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
28905
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
28854
+ .pf-v5-c-table__expandable-row tr:last-child {
28855
+ border-block-end: 0;
28906
28856
  }
28907
28857
 
28908
28858
  .pf-v5-c-table.pf-m-compact {
28909
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
28910
28859
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
28911
28860
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
28912
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
28913
- }
28914
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
28915
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
28916
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
28917
28861
  }
28918
28862
  .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
28919
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
28920
28863
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
28921
28864
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
28922
28865
  }
28923
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
28924
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
28925
- }
28926
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
28927
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
28928
- }
28929
28866
  .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
28930
28867
  .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
28931
28868
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
28932
28869
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
28933
28870
  }
28934
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
28935
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
28936
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
28937
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
28938
- }
28939
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle {
28940
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__toggle--PaddingTop);
28941
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__toggle--PaddingBottom);
28871
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action,
28872
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__favorite,
28873
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle,
28874
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__draggable {
28875
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__action--PaddingTop);
28876
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__action--PaddingBottom);
28942
28877
  }
28943
28878
  .pf-v5-c-table.pf-m-compact .pf-v5-c-table__icon {
28944
28879
  width: auto;
28945
28880
  min-width: 0;
28946
28881
  text-align: center;
28947
28882
  }
28948
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
28949
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
28950
- }
28951
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
28952
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
28953
- }
28954
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
28955
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop);
28956
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom);
28957
- }
28958
28883
 
28959
28884
  .pf-v5-c-table__icon-inline {
28960
28885
  display: flex;
@@ -29095,6 +29020,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29095
29020
  :where(.pf-v5-c-table) {
29096
29021
  --pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
29097
29022
  --pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
29023
+ --pf-v5-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
29098
29024
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29099
29025
  --pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
29100
29026
  --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -29171,6 +29097,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29171
29097
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
29172
29098
  min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
29173
29099
  }
29100
+ .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-button {
29101
+ margin-block-start: -50%;
29102
+ margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-button--MarginRight);
29103
+ }
29174
29104
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__check {
29175
29105
  margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight);
29176
29106
  }