@patternfly/patternfly 6.0.0-alpha.194 → 6.0.0-alpha.196

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 (14) hide show
  1. package/components/DataList/data-list.css +11 -15
  2. package/components/DataList/data-list.scss +13 -19
  3. package/components/Page/page.css +6 -69
  4. package/components/Page/page.scss +1 -27
  5. package/components/Table/table-grid.css +1 -7
  6. package/components/Table/table-grid.scss +1 -3
  7. package/components/Table/table-tree-view.css +30 -40
  8. package/components/Table/table-tree-view.scss +6 -9
  9. package/components/_index.css +48 -131
  10. package/package.json +1 -1
  11. package/patternfly-no-globals.css +48 -131
  12. package/patternfly.css +48 -131
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -9726,10 +9726,9 @@ ul) {
9726
9726
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
9727
9727
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
9728
9728
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
9729
- --pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
9730
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
9731
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list__item-action__action--MarginBlockStart);
9732
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9729
+ --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
9730
+ --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9731
+ --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9733
9732
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
9734
9733
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9735
9734
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -9759,9 +9758,8 @@ ul) {
9759
9758
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9760
9759
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9761
9760
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
9762
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
9763
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
9764
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
9761
+ --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
9762
+ --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
9765
9763
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9766
9764
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
9767
9765
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -9790,13 +9788,12 @@ ul) {
9790
9788
  }
9791
9789
  .pf-v6-c-data-list.pf-m-compact {
9792
9790
  --pf-v6-c-data-list__check--FontSize: var(--pf-v6-c-data-list--m-compact__check--FontSize);
9793
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
9794
9791
  --pf-v6-c-data-list--FontSize: var(--pf-v6-c-data-list--m-compact--FontSize);
9795
9792
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
9796
9793
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
9797
9794
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
9798
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
9799
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd);
9795
+ --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
9796
+ --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
9800
9797
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
9801
9798
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
9802
9799
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -9939,6 +9936,7 @@ ul) {
9939
9936
  --pf-v6-hidden-visible--hidden--Display: none;
9940
9937
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9941
9938
  display: var(--pf-v6-hidden-visible--Display);
9939
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
9942
9940
  align-content: flex-start;
9943
9941
  align-items: flex-start;
9944
9942
  padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
@@ -9988,12 +9986,10 @@ ul) {
9988
9986
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
9989
9987
  }
9990
9988
  }
9991
- .pf-v6-c-data-list__item-action > *:not(:last-child) {
9992
- margin-inline-end: var(--pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd);
9993
- }
9994
- .pf-v6-c-data-list__item-action .pf-v6-c-data-list__action {
9989
+
9990
+ .pf-v6-c-data-list__action {
9995
9991
  margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
9996
- margin-block-end: var(--pf-v6-c-data-list__item-action__action--MarginBlockEnd);
9992
+ margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
9997
9993
  }
9998
9994
 
9999
9995
  .pf-v6-c-data-list__toggle {
@@ -17922,16 +17918,7 @@ ul.pf-v6-c-list {
17922
17918
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
17923
17919
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
17924
17920
  }
17925
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
17926
- padding: 0;
17927
- }
17928
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
17929
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
17930
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
17931
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
17932
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
17933
- }
17934
- .pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
17921
+ .pf-v6-c-page__main-section.pf-m-no-padding {
17935
17922
  padding: 0;
17936
17923
  }
17937
17924
  @media (min-width: 36rem) {
@@ -17941,16 +17928,7 @@ ul.pf-v6-c-list {
17941
17928
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
17942
17929
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
17943
17930
  }
17944
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
17945
- padding: 0;
17946
- }
17947
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
17948
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
17949
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
17950
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
17951
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
17952
- }
17953
- .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
17931
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
17954
17932
  padding: 0;
17955
17933
  }
17956
17934
  }
@@ -17961,16 +17939,7 @@ ul.pf-v6-c-list {
17961
17939
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
17962
17940
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
17963
17941
  }
17964
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
17965
- padding: 0;
17966
- }
17967
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
17968
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
17969
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
17970
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
17971
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
17972
- }
17973
- .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
17942
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
17974
17943
  padding: 0;
17975
17944
  }
17976
17945
  }
@@ -17981,16 +17950,7 @@ ul.pf-v6-c-list {
17981
17950
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
17982
17951
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
17983
17952
  }
17984
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
17985
- padding: 0;
17986
- }
17987
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
17988
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
17989
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
17990
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
17991
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
17992
- }
17993
- .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
17953
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
17994
17954
  padding: 0;
17995
17955
  }
17996
17956
  }
@@ -18001,16 +17961,7 @@ ul.pf-v6-c-list {
18001
17961
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18002
17962
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18003
17963
  }
18004
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
18005
- padding: 0;
18006
- }
18007
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
18008
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18009
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18010
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18011
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18012
- }
18013
- .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
17964
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
18014
17965
  padding: 0;
18015
17966
  }
18016
17967
  }
@@ -18021,16 +17972,7 @@ ul.pf-v6-c-list {
18021
17972
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18022
17973
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18023
17974
  }
18024
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
18025
- padding: 0;
18026
- }
18027
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
18028
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18029
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18030
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18031
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18032
- }
18033
- .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
17975
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
18034
17976
  padding: 0;
18035
17977
  }
18036
17978
  }
@@ -18053,15 +17995,6 @@ ul.pf-v6-c-list {
18053
17995
  flex-shrink: 0;
18054
17996
  }
18055
17997
 
18056
- .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
18057
- padding-inline-start: 0;
18058
- padding-inline-end: 0;
18059
- }
18060
- .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
18061
- padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
18062
- padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
18063
- }
18064
-
18065
17998
  .pf-v6-c-page__drawer {
18066
17999
  grid-area: main;
18067
18000
  }
@@ -20693,7 +20626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20693
20626
  --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
20694
20627
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
20695
20628
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
20696
- --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(0.375rem * -1);
20629
+ --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
20697
20630
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20698
20631
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20699
20632
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -20701,7 +20634,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20701
20634
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
20702
20635
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
20703
20636
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
20704
- --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
20705
20637
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
20706
20638
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
20707
20639
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
@@ -20974,7 +20906,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20974
20906
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
20975
20907
  }
20976
20908
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
20977
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
20978
20909
  text-align: end;
20979
20910
  }
20980
20911
  @media screen and (max-width: 36rem) {
@@ -21274,7 +21205,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21274
21205
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21275
21206
  }
21276
21207
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
21277
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21278
21208
  text-align: end;
21279
21209
  }
21280
21210
  }
@@ -21577,7 +21507,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21577
21507
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21578
21508
  }
21579
21509
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
21580
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21581
21510
  text-align: end;
21582
21511
  }
21583
21512
  }
@@ -21880,7 +21809,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21880
21809
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21881
21810
  }
21882
21811
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
21883
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21884
21812
  text-align: end;
21885
21813
  }
21886
21814
  }
@@ -22183,7 +22111,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22183
22111
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
22184
22112
  }
22185
22113
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
22186
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
22187
22114
  text-align: end;
22188
22115
  }
22189
22116
  }
@@ -23272,10 +23199,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23272
23199
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23273
23200
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23274
23201
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23275
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23276
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23277
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23278
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23202
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23203
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23204
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23205
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23279
23206
  }
23280
23207
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23281
23208
  position: relative;
@@ -23353,10 +23280,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23353
23280
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
23354
23281
  grid-row: 1;
23355
23282
  grid-column: 2;
23356
- }
23357
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23358
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23359
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23283
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23284
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23360
23285
  }
23361
23286
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23362
23287
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23416,10 +23341,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23416
23341
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23417
23342
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23418
23343
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23419
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23420
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23421
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23422
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23344
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23345
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23346
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23347
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23423
23348
  }
23424
23349
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23425
23350
  position: relative;
@@ -23497,10 +23422,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23497
23422
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
23498
23423
  grid-row: 1;
23499
23424
  grid-column: 2;
23500
- }
23501
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23502
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23503
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23425
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23426
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23504
23427
  }
23505
23428
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23506
23429
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23561,10 +23484,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23561
23484
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23562
23485
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23563
23486
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23564
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23565
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23566
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23567
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23487
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23488
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23489
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23490
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23568
23491
  }
23569
23492
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23570
23493
  position: relative;
@@ -23642,10 +23565,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23642
23565
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
23643
23566
  grid-row: 1;
23644
23567
  grid-column: 2;
23645
- }
23646
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23647
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23648
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23568
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23569
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23649
23570
  }
23650
23571
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23651
23572
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23706,10 +23627,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23706
23627
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23707
23628
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23708
23629
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23709
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23710
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23711
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23712
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23630
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23631
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23632
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23633
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23713
23634
  }
23714
23635
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23715
23636
  position: relative;
@@ -23787,10 +23708,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23787
23708
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
23788
23709
  grid-row: 1;
23789
23710
  grid-column: 2;
23790
- }
23791
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23792
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23793
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23711
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23712
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23794
23713
  }
23795
23714
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23796
23715
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23851,10 +23770,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23851
23770
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23852
23771
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23853
23772
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23854
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23855
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23856
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23857
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23773
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23774
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23775
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23776
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23858
23777
  }
23859
23778
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23860
23779
  position: relative;
@@ -23932,10 +23851,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23932
23851
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
23933
23852
  grid-row: 1;
23934
23853
  grid-column: 2;
23935
- }
23936
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23937
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23938
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23854
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23855
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23939
23856
  }
23940
23857
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23941
23858
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);