@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.
@@ -20010,9 +20010,12 @@ ul.pf-v5-c-list {
20010
20010
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
20011
20011
  --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
20012
20012
  --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);
20013
+ --pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
20014
+ --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
20015
+ --pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20013
20016
  --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
20014
20017
  --pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
20015
- --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
20018
+ --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
20016
20019
  }
20017
20020
 
20018
20021
  .pf-v5-c-menu,
@@ -20754,6 +20757,7 @@ ul.pf-v5-c-list {
20754
20757
  align-items: center;
20755
20758
  justify-content: center;
20756
20759
  min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
20760
+ margin-inline-start: auto;
20757
20761
  }
20758
20762
 
20759
20763
  .pf-v5-c-menu-toggle__toggle-icon {
@@ -27901,7 +27905,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27901
27905
  }
27902
27906
  }
27903
27907
 
27904
- .pf-v5-c-table {
27908
+ :where(:root),
27909
+ :where(.pf-v5-c-table) {
27905
27910
  --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27906
27911
  --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
27907
27912
  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -27911,21 +27916,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27911
27916
  --pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
27912
27917
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
27913
27918
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
27914
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
27919
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
27915
27920
  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27916
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27917
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27921
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27922
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
27923
+ --pf-v5-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
27918
27924
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27919
27925
  --pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
27920
27926
  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
27921
27927
  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27928
+ --pf-v5-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
27922
27929
  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
27923
27930
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27924
27931
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27925
27932
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
27926
27933
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
27927
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
27928
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
27934
+ --pf-v5-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
27929
27935
  --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
27930
27936
  --pf-v5-c-table--cell--MinWidth: 0;
27931
27937
  --pf-v5-c-table--cell--MaxWidth: none;
@@ -27942,29 +27948,33 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27942
27948
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27943
27949
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
27944
27950
  --pf-v5-c-table--cell--hidden-visible--Display: table-cell;
27945
- --pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27946
- --pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27951
+ --pf-v5-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
27952
+ --pf-v5-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
27953
+ --pf-v5-c-table__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
27954
+ --pf-v5-c-table__toggle--PaddingRight: var(--pf-t--global--spacer--sm);
27947
27955
  --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27948
27956
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27949
27957
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27950
- --pf-v5-c-table__button--BackgroundColor: transparent;
27958
+ --pf-v5-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
27959
+ --pf-v5-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
27960
+ --pf-v5-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
27961
+ --pf-v5-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
27951
27962
  --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
27963
+ --pf-v5-c-table__button--BackgroundColor: transparent;
27964
+ --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27965
+ --pf-v5-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
27952
27966
  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27953
27967
  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27954
27968
  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27955
27969
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27956
27970
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27957
27971
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27958
- --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
27959
- --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
27960
- --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body--default);
27961
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27962
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27972
+ --pf-v5-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
27973
+ --pf-v5-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
27974
+ --pf-v5-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
27975
+ --pf-v5-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
27963
27976
  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
27964
- --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27965
- --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
27966
- --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
27967
- --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
27977
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27968
27978
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
27969
27979
  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27970
27980
  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
@@ -27976,19 +27986,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27976
27986
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
27977
27987
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27978
27988
  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27979
- --pf-v5-c-table__action--PaddingTop: 0;
27980
- --pf-v5-c-table__action--PaddingRight: 0;
27981
- --pf-v5-c-table__action--PaddingBottom: 0;
27982
- --pf-v5-c-table__action--PaddingLeft: 0;
27983
- --pf-v5-c-table__inline-edit-action--PaddingTop: 0;
27984
- --pf-v5-c-table__inline-edit-action--PaddingRight: 0;
27985
- --pf-v5-c-table__inline-edit-action--PaddingBottom: 0;
27986
- --pf-v5-c-table__inline-edit-action--PaddingLeft: 0;
27989
+ --pf-v5-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
27990
+ --pf-v5-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
27991
+ --pf-v5-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
27992
+ --pf-v5-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
27987
27993
  --pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
27988
- --pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
27994
+ --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
27995
+ --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
27996
+ --pf-v5-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
27997
+ --pf-v5-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
27989
27998
  --pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
27990
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
27991
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
27992
27999
  --pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
27993
28000
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27994
28001
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
@@ -28010,6 +28017,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28010
28017
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
28011
28018
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
28012
28019
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
28020
+ --pf-v5-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
28021
+ --pf-v5-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28013
28022
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28014
28023
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28015
28024
  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
@@ -28017,8 +28026,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28017
28026
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28018
28027
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28019
28028
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
28020
- --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
28021
- --pf-v5-c-table__column-help--TranslateY: 0.125rem;
28029
+ --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
28022
28030
  --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28023
28031
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28024
28032
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -28044,15 +28052,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28044
28052
  --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28045
28053
  --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
28046
28054
  --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
28047
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28048
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28049
- --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
28050
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28051
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
28052
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28053
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
28054
- --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
28055
- --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
28055
+ --pf-v5-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
28056
+ --pf-v5-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
28056
28057
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28057
28058
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28058
28059
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
@@ -28098,9 +28099,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28098
28099
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28099
28100
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28100
28101
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
28102
+ --pf-v5-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
28103
+ --pf-v5-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
28101
28104
  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
28102
28105
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28103
28106
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
28107
+ }
28108
+
28109
+ .pf-v5-c-table {
28104
28110
  color: var(--pf-v5-global--Color--100);
28105
28111
  width: 100%;
28106
28112
  background-color: var(--pf-v5-c-table--BackgroundColor);
@@ -28178,16 +28184,17 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28178
28184
  overflow: var(--pf-v5-c-table--cell--Overflow);
28179
28185
  font-size: var(--pf-v5-c-table--cell--FontSize);
28180
28186
  font-weight: var(--pf-v5-c-table--cell--FontWeight);
28187
+ line-height: var(--pf-v5-c-table--cell--LineHeight);
28181
28188
  color: var(--pf-v5-c-table--cell--Color);
28182
28189
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
28183
28190
  word-break: var(--pf-v5-c-table--cell--WordBreak);
28184
28191
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
28185
28192
  }
28186
28193
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
28187
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--PaddingLeft);
28194
+ padding-inline-start: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingLeft));
28188
28195
  }
28189
28196
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
28190
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--PaddingRight);
28197
+ padding-inline-end: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingRight));
28191
28198
  }
28192
28199
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
28193
28200
  text-align: center;
@@ -28208,10 +28215,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28208
28215
  }
28209
28216
  .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 {
28210
28217
  position: absolute;
28211
- inset-block-start: 0;
28212
- inset-block-end: 0;
28213
- inset-inline-start: 0;
28214
- inset-inline-end: 0;
28218
+ inset: 0;
28215
28219
  pointer-events: none;
28216
28220
  content: "";
28217
28221
  }
@@ -28233,35 +28237,32 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28233
28237
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
28234
28238
  --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
28235
28239
  --pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
28236
- vertical-align: bottom;
28240
+ vertical-align: baseline;
28237
28241
  }
28238
28242
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
28239
28243
  outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
28240
28244
  }
28241
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
28242
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
28243
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
28244
- vertical-align: middle;
28245
- }
28246
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
28247
- display: flex;
28248
- align-items: center;
28249
- }
28250
28245
  .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]),
28251
28246
  .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]) {
28252
28247
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
28253
28248
  }
28254
28249
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
28250
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__subhead--PaddingLeft);
28251
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__subhead--PaddingRight);
28255
28252
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
28256
28253
  color: var(--pf-v5-c-table__subhead--Color);
28257
28254
  }
28255
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead .pf-v5-c-table__button {
28256
+ margin-inline-start: 0;
28257
+ }
28258
28258
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
28259
28259
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
28260
28260
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
28261
+ vertical-align: top;
28262
+ --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__tbody--cell--FontSize);
28261
28263
  }
28262
28264
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
28263
28265
  overflow-wrap: break-word;
28264
- vertical-align: baseline;
28265
28266
  }
28266
28267
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
28267
28268
  position: absolute;
@@ -28272,16 +28273,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28272
28273
  background-color: transparent;
28273
28274
  border-inline-start: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
28274
28275
  }
28275
- .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
28276
- margin-block-start: var(--pf-v5-c-table__check--input--MarginTop);
28277
- vertical-align: top;
28278
- }
28279
28276
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
28280
28277
  border-block-end-width: 0;
28281
28278
  }
28282
- .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 {
28283
- padding: 0;
28284
- }
28285
28279
  .pf-v5-c-table .pf-v5-c-table__sort {
28286
28280
  min-width: var(--pf-v5-c-table__sort--MinWidth);
28287
28281
  }
@@ -28418,9 +28412,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28418
28412
  position: relative;
28419
28413
  display: block;
28420
28414
  width: var(--pf-v5-c-table--cell--Width);
28421
- min-width: var(--pf-v5-c-table--cell--MinWidth);
28415
+ min-width: var(--pf-v5-c-table--text--MinWidth);
28422
28416
  max-width: var(--pf-v5-c-table--cell--MaxWidth);
28423
28417
  overflow: var(--pf-v5-c-table--cell--Overflow);
28418
+ line-height: var(--pf-v5-c-table--cell--LineHeight);
28424
28419
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
28425
28420
  word-break: var(--pf-v5-c-table--cell--WordBreak);
28426
28421
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
@@ -28436,11 +28431,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28436
28431
 
28437
28432
  .pf-v5-c-table__button {
28438
28433
  position: static;
28439
- width: 100%;
28440
- padding-block-start: var(--pf-v5-c-table--cell--PaddingTop);
28441
- padding-block-end: var(--pf-v5-c-table--cell--PaddingBottom);
28442
- padding-inline-start: var(--pf-v5-c-table--cell--PaddingLeft);
28443
- padding-inline-end: var(--pf-v5-c-table--cell--PaddingRight);
28434
+ width: auto;
28435
+ padding-block-start: var(--pf-v5-c-table__button--PaddingTop);
28436
+ padding-block-end: var(--pf-v5-c-table__button--PaddingBottom);
28437
+ padding-inline-start: var(--pf-v5-c-table__button--PaddingLeft);
28438
+ padding-inline-end: var(--pf-v5-c-table__button--PaddingRight);
28439
+ margin-inline-start: calc(var(--pf-v5-c-table__button--PaddingLeft) * -1);
28444
28440
  font-size: inherit;
28445
28441
  font-weight: inherit;
28446
28442
  color: var(--pf-v5-c-table__button--Color);
@@ -28449,6 +28445,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28449
28445
  user-select: text;
28450
28446
  background-color: var(--pf-v5-c-table__button--BackgroundColor);
28451
28447
  border: 0;
28448
+ border-radius: var(--pf-v5-c-table__button--BorderRadius);
28449
+ }
28450
+ .pf-v5-c-table .pf-v5-c-table .pf-v5-c-table__button {
28451
+ margin-block-end: 0;
28452
28452
  }
28453
28453
  .pf-v5-c-table__button::before {
28454
28454
  position: absolute;
@@ -28478,15 +28478,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28478
28478
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
28479
28479
  }
28480
28480
 
28481
- .pf-v5-c-table__sort .pf-v5-c-table__text {
28482
- --pf-v5-c-table--cell--MinWidth: 0;
28483
- }
28484
-
28485
28481
  .pf-v5-c-table__button-content,
28486
28482
  .pf-v5-c-table__column-help {
28487
- display: grid;
28483
+ display: inline-grid;
28488
28484
  grid-template-columns: auto max-content;
28489
- align-items: end;
28485
+ align-items: baseline;
28490
28486
  justify-content: start;
28491
28487
  }
28492
28488
  .pf-v5-c-table__button-content .pf-v5-c-table__text,
@@ -28515,12 +28511,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28515
28511
  grid-template-columns: auto max-content;
28516
28512
  }
28517
28513
 
28518
- .pf-v5-c-table .pf-v5-c-table__toggle,
28519
- .pf-v5-c-table .pf-v5-c-table__action,
28520
- .pf-v5-c-table .pf-v5-c-table__inline-edit-action {
28521
- --pf-v5-c-table--cell--PaddingBottom: 0;
28522
- }
28523
-
28524
28514
  .pf-v5-c-table .pf-v5-c-table__check,
28525
28515
  .pf-v5-c-table .pf-v5-c-table__toggle,
28526
28516
  .pf-v5-c-table .pf-v5-c-table__action,
@@ -28533,13 +28523,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28533
28523
  }
28534
28524
 
28535
28525
  .pf-v5-c-table__toggle {
28536
- --pf-v5-c-table--cell--PaddingRight: 0;
28537
- --pf-v5-c-table--cell--PaddingLeft: 0;
28538
- vertical-align: top;
28539
- }
28540
- .pf-v5-c-table__toggle .pf-v5-c-button {
28541
- margin-block-start: var(--pf-v5-c-table__toggle--c-button--MarginTop);
28542
- margin-block-end: var(--pf-v5-c-table__toggle--c-button--MarginBottom);
28526
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__toggle--PaddingTop);
28527
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__toggle--PaddingBottom);
28528
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__toggle--PaddingLeft);
28529
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__toggle--PaddingRight);
28543
28530
  }
28544
28531
  .pf-v5-c-table__toggle .pf-v5-c-button.pf-m-expanded .pf-v5-c-table__toggle-icon {
28545
28532
  transform: rotate(var(--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
@@ -28557,41 +28544,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28557
28544
  }
28558
28545
 
28559
28546
  .pf-v5-c-table__check {
28560
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__check--input--FontSize);
28547
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__check--PaddingLeft);
28548
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__check--PaddingRight);
28561
28549
  }
28562
- .pf-v5-c-table__check label:not([disabled]),
28563
- .pf-v5-c-table__check input:not([disabled]) {
28564
- cursor: pointer;
28565
- }
28566
- .pf-v5-c-table__check label {
28550
+ .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
28567
28551
  display: inline-flex;
28568
- padding: inherit;
28569
- margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
28570
- margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
28571
- margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
28572
- margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
28573
28552
  }
28574
- .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
28575
- --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
28553
+ thead .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
28554
+ vertical-align: bottom;
28555
+ }
28556
+ tbody .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
28557
+ vertical-align: top;
28558
+ }
28559
+ .pf-v5-c-table__check label {
28560
+ display: contents;
28576
28561
  }
28577
28562
 
28563
+ .pf-v5-c-table__favorite {
28564
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__favorite--PaddingLeft);
28565
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__favorite--PaddingRight);
28566
+ }
28578
28567
  .pf-v5-c-table__favorite .pf-v5-c-button {
28579
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
28580
28568
  --pf-v5-c-button--FontSize: var(--pf-v5-c-table__favorite--c-button--FontSize);
28581
- margin-block-start: var(--pf-v5-c-table__favorite--c-button--MarginTop);
28582
- margin-block-end: var(--pf-v5-c-table__favorite--c-button--MarginBottom);
28583
- margin-inline-start: var(--pf-v5-c-table__favorite--c-button--MarginLeft);
28584
- margin-inline-end: var(--pf-v5-c-table__favorite--c-button--MarginRight);
28585
28569
  }
28586
28570
  .pf-m-favorited.pf-v5-c-table__favorite .pf-v5-c-button {
28587
28571
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--m-favorited--c-button--Color);
28588
28572
  }
28589
28573
 
28590
28574
  .pf-v5-c-table__draggable .pf-v5-c-button {
28591
- margin-block-start: var(--pf-v5-c-table__draggable--c-button--MarginTop);
28592
- margin-block-end: var(--pf-v5-c-table__draggable--c-button--MarginBottom);
28593
- margin-inline-start: var(--pf-v5-c-table__draggable--c-button--MarginLeft);
28594
- margin-inline-end: var(--pf-v5-c-table__draggable--c-button--MarginRight);
28595
28575
  cursor: grab;
28596
28576
  }
28597
28577
  .pf-v5-c-table__draggable .pf-v5-c-button:active {
@@ -28599,23 +28579,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28599
28579
  }
28600
28580
 
28601
28581
  .pf-v5-c-table__action,
28602
- .pf-v5-c-table__inline-edit-action {
28603
- --pf-v5-c-table--cell--PaddingTop: 0;
28604
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__action--PaddingRight);
28605
- --pf-v5-c-table--cell--PaddingBottom: 0;
28606
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
28607
- padding-block-start: 0;
28608
- padding-block-end: 0;
28609
- vertical-align: middle;
28610
- }
28611
-
28612
- .pf-v5-c-table__action {
28613
- text-align: end;
28582
+ .pf-v5-c-table__inline-edit-action,
28583
+ .pf-v5-c-table__draggable {
28584
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
28585
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
28614
28586
  }
28615
28587
 
28616
- .pf-v5-c-table__inline-edit-action {
28617
- --pf-v5-c-table--cell--PaddingLeft: 0;
28618
- --pf-v5-c-table--cell--PaddingRight: 0;
28588
+ .pf-v5-c-table__action:last-child,
28589
+ .pf-v5-c-table__inline-edit-action:last-child {
28619
28590
  text-align: end;
28620
28591
  }
28621
28592
 
@@ -28625,12 +28596,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28625
28596
  --pf-v5-c-table__button--focus--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--focus--Color);
28626
28597
  --pf-v5-c-table__button--active--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--active--Color);
28627
28598
  position: relative;
28599
+ padding: 0;
28628
28600
  }
28629
28601
  .pf-v5-c-table__compound-expansion-toggle.pf-m-truncate {
28630
28602
  overflow: visible;
28631
28603
  }
28632
28604
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button {
28605
+ position: static;
28633
28606
  min-width: 100%;
28607
+ padding: 0;
28608
+ margin: 0;
28634
28609
  overflow: hidden;
28635
28610
  }
28636
28611
  .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 {
@@ -28639,7 +28614,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28639
28614
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before,
28640
28615
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::after {
28641
28616
  position: absolute;
28642
- inset-inline-end: 0;
28617
+ inset: 0;
28643
28618
  content: "";
28644
28619
  border-style: solid;
28645
28620
  border-width: 0;
@@ -28664,10 +28639,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28664
28639
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
28665
28640
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base);
28666
28641
  }
28667
- .pf-v5-c-table__compound-expansion-toggle:first-child {
28668
- --pf-v5-c-table__compound-expansion-toggle__button--before--Left: 0;
28669
- --pf-v5-c-table__compound-expansion-toggle__button--after--Left: 0;
28670
- }
28671
28642
  .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded .pf-v5-c-table__button::before {
28672
28643
  border-block-end: var(--pf-v5-c-table--BackgroundColor) solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
28673
28644
  }
@@ -28686,28 +28657,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28686
28657
 
28687
28658
  .pf-v5-c-table__column-help-action {
28688
28659
  margin-inline-start: var(--pf-v5-c-table__column-help--MarginLeft);
28689
- transform: translateY(var(--pf-v5-c-table__column-help--TranslateY));
28690
- }
28691
- .pf-v5-c-table__column-help-action .pf-v5-c-button {
28692
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-table__column-help--c-button--PaddingRight);
28693
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-table__column-help--c-button--PaddingLeft);
28694
- margin-block-start: var(--pf-v5-c-table__column-help--c-button--MarginTop);
28695
- margin-block-end: var(--pf-v5-c-table__column-help--c-button--MarginBottom);
28696
- font-size: inherit;
28697
- line-height: 1;
28698
28660
  }
28699
28661
 
28700
- .pf-v5-c-table__sort .pf-v5-c-table__button {
28701
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__sort__button--PaddingTop);
28702
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__sort__button--PaddingRight);
28703
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__sort__button--PaddingBottom);
28704
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__sort__button--PaddingLeft);
28705
- display: flex;
28706
- width: auto;
28707
- margin-block-start: var(--pf-v5-c-table__sort__button--MarginTop);
28708
- margin-block-end: var(--pf-v5-c-table__sort__button--MarginBottom);
28709
- margin-inline-start: var(--pf-v5-c-table__sort__button--MarginLeft);
28710
- }
28711
28662
  .pf-v5-c-table__sort .pf-v5-c-table__button:hover {
28712
28663
  --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-c-table__sort__button--hover__sort-indicator--Color);
28713
28664
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort__button--hover__text--Color);
@@ -28743,12 +28694,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28743
28694
  grid-column: 2;
28744
28695
  margin-inline-start: var(--pf-v5-c-table__sort-indicator--MarginLeft);
28745
28696
  color: var(--pf-v5-c-table__sort-indicator--Color);
28697
+ color: var(--pf-v5-c-table__sort-indicator--FontSize);
28746
28698
  pointer-events: none;
28747
28699
  }
28748
28700
 
28749
28701
  .pf-v5-c-table__expandable-row {
28750
- --pf-v5-c-table--cell--PaddingTop: 0;
28751
- --pf-v5-c-table--cell--PaddingBottom: 0;
28752
28702
  position: relative;
28753
28703
  border-block-end: 0 solid transparent;
28754
28704
  box-shadow: 0 0 0 0 transparent;
@@ -28757,6 +28707,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28757
28707
  .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
28758
28708
  transition: var(--pf-v5-c-table__expandable-row--Transition);
28759
28709
  }
28710
+ .pf-v5-c-table__expandable-row > td,
28711
+ .pf-v5-c-table__expandable-row > th {
28712
+ padding-top: 0;
28713
+ }
28760
28714
  .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
28761
28715
  .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
28762
28716
  padding-block-start: 0;
@@ -28780,64 +28734,35 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28780
28734
  .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
28781
28735
  display: none;
28782
28736
  }
28783
-
28784
- .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
28785
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
28786
- }
28787
- .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
28788
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
28737
+ .pf-v5-c-table__expandable-row tr:last-child {
28738
+ border-block-end: 0;
28789
28739
  }
28790
28740
 
28791
28741
  .pf-v5-c-table.pf-m-compact {
28792
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
28793
28742
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
28794
28743
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
28795
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
28796
- }
28797
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
28798
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
28799
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
28800
28744
  }
28801
28745
  .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
28802
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
28803
28746
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
28804
28747
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
28805
28748
  }
28806
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
28807
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
28808
- }
28809
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
28810
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
28811
- }
28812
28749
  .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
28813
28750
  .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
28814
28751
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
28815
28752
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
28816
28753
  }
28817
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
28818
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
28819
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
28820
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
28821
- }
28822
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle {
28823
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__toggle--PaddingTop);
28824
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__toggle--PaddingBottom);
28754
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action,
28755
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__favorite,
28756
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle,
28757
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__draggable {
28758
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__action--PaddingTop);
28759
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__action--PaddingBottom);
28825
28760
  }
28826
28761
  .pf-v5-c-table.pf-m-compact .pf-v5-c-table__icon {
28827
28762
  width: auto;
28828
28763
  min-width: 0;
28829
28764
  text-align: center;
28830
28765
  }
28831
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
28832
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
28833
- }
28834
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
28835
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
28836
- }
28837
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
28838
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop);
28839
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom);
28840
- }
28841
28766
 
28842
28767
  .pf-v5-c-table__icon-inline {
28843
28768
  display: flex;
@@ -28978,6 +28903,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28978
28903
  :where(.pf-v5-c-table) {
28979
28904
  --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));
28980
28905
  --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));
28906
+ --pf-v5-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
28981
28907
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28982
28908
  --pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
28983
28909
  --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -29054,6 +28980,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29054
28980
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
29055
28981
  min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
29056
28982
  }
28983
+ .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-button {
28984
+ margin-block-start: -50%;
28985
+ margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-button--MarginRight);
28986
+ }
29057
28987
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__check {
29058
28988
  margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight);
29059
28989
  }