@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.css CHANGED
@@ -9847,10 +9847,9 @@ ul) {
9847
9847
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
9848
9848
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
9849
9849
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
9850
- --pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
9851
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
9852
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list__item-action__action--MarginBlockStart);
9853
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9850
+ --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
9851
+ --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9852
+ --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9854
9853
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
9855
9854
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9856
9855
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -9880,9 +9879,8 @@ ul) {
9880
9879
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9881
9880
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9882
9881
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
9883
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
9884
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
9885
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
9882
+ --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
9883
+ --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
9886
9884
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9887
9885
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
9888
9886
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -9911,13 +9909,12 @@ ul) {
9911
9909
  }
9912
9910
  .pf-v6-c-data-list.pf-m-compact {
9913
9911
  --pf-v6-c-data-list__check--FontSize: var(--pf-v6-c-data-list--m-compact__check--FontSize);
9914
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
9915
9912
  --pf-v6-c-data-list--FontSize: var(--pf-v6-c-data-list--m-compact--FontSize);
9916
9913
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
9917
9914
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
9918
9915
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
9919
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
9920
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd);
9916
+ --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
9917
+ --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
9921
9918
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
9922
9919
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
9923
9920
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -10060,6 +10057,7 @@ ul) {
10060
10057
  --pf-v6-hidden-visible--hidden--Display: none;
10061
10058
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
10062
10059
  display: var(--pf-v6-hidden-visible--Display);
10060
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
10063
10061
  align-content: flex-start;
10064
10062
  align-items: flex-start;
10065
10063
  padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
@@ -10109,12 +10107,10 @@ ul) {
10109
10107
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
10110
10108
  }
10111
10109
  }
10112
- .pf-v6-c-data-list__item-action > *:not(:last-child) {
10113
- margin-inline-end: var(--pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd);
10114
- }
10115
- .pf-v6-c-data-list__item-action .pf-v6-c-data-list__action {
10110
+
10111
+ .pf-v6-c-data-list__action {
10116
10112
  margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
10117
- margin-block-end: var(--pf-v6-c-data-list__item-action__action--MarginBlockEnd);
10113
+ margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
10118
10114
  }
10119
10115
 
10120
10116
  .pf-v6-c-data-list__toggle {
@@ -18043,16 +18039,7 @@ ul.pf-v6-c-list {
18043
18039
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18044
18040
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18045
18041
  }
18046
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
18047
- padding: 0;
18048
- }
18049
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
18050
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18051
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18052
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18053
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18054
- }
18055
- .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 {
18042
+ .pf-v6-c-page__main-section.pf-m-no-padding {
18056
18043
  padding: 0;
18057
18044
  }
18058
18045
  @media (min-width: 36rem) {
@@ -18062,16 +18049,7 @@ ul.pf-v6-c-list {
18062
18049
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18063
18050
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18064
18051
  }
18065
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
18066
- padding: 0;
18067
- }
18068
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
18069
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18070
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18071
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18072
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18073
- }
18074
- .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 {
18052
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
18075
18053
  padding: 0;
18076
18054
  }
18077
18055
  }
@@ -18082,16 +18060,7 @@ ul.pf-v6-c-list {
18082
18060
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18083
18061
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18084
18062
  }
18085
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
18086
- padding: 0;
18087
- }
18088
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
18089
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18090
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18091
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18092
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18093
- }
18094
- .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 {
18063
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
18095
18064
  padding: 0;
18096
18065
  }
18097
18066
  }
@@ -18102,16 +18071,7 @@ ul.pf-v6-c-list {
18102
18071
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18103
18072
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18104
18073
  }
18105
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
18106
- padding: 0;
18107
- }
18108
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
18109
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18110
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18111
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18112
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18113
- }
18114
- .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 {
18074
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
18115
18075
  padding: 0;
18116
18076
  }
18117
18077
  }
@@ -18122,16 +18082,7 @@ ul.pf-v6-c-list {
18122
18082
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18123
18083
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18124
18084
  }
18125
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
18126
- padding: 0;
18127
- }
18128
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
18129
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18130
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18131
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18132
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18133
- }
18134
- .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 {
18085
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
18135
18086
  padding: 0;
18136
18087
  }
18137
18088
  }
@@ -18142,16 +18093,7 @@ ul.pf-v6-c-list {
18142
18093
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18143
18094
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18144
18095
  }
18145
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
18146
- padding: 0;
18147
- }
18148
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
18149
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18150
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18151
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18152
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18153
- }
18154
- .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 {
18096
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
18155
18097
  padding: 0;
18156
18098
  }
18157
18099
  }
@@ -18174,15 +18116,6 @@ ul.pf-v6-c-list {
18174
18116
  flex-shrink: 0;
18175
18117
  }
18176
18118
 
18177
- .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
18178
- padding-inline-start: 0;
18179
- padding-inline-end: 0;
18180
- }
18181
- .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
18182
- padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
18183
- padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
18184
- }
18185
-
18186
18119
  .pf-v6-c-page__drawer {
18187
18120
  grid-area: main;
18188
18121
  }
@@ -20814,7 +20747,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20814
20747
  --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
20815
20748
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
20816
20749
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
20817
- --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(0.375rem * -1);
20750
+ --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
20818
20751
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20819
20752
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20820
20753
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -20822,7 +20755,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20822
20755
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
20823
20756
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
20824
20757
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
20825
- --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
20826
20758
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
20827
20759
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
20828
20760
  --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));
@@ -21095,7 +21027,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21095
21027
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21096
21028
  }
21097
21029
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
21098
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21099
21030
  text-align: end;
21100
21031
  }
21101
21032
  @media screen and (max-width: 36rem) {
@@ -21395,7 +21326,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21395
21326
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21396
21327
  }
21397
21328
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
21398
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21399
21329
  text-align: end;
21400
21330
  }
21401
21331
  }
@@ -21698,7 +21628,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21698
21628
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21699
21629
  }
21700
21630
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
21701
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21702
21631
  text-align: end;
21703
21632
  }
21704
21633
  }
@@ -22001,7 +21930,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22001
21930
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
22002
21931
  }
22003
21932
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
22004
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
22005
21933
  text-align: end;
22006
21934
  }
22007
21935
  }
@@ -22304,7 +22232,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22304
22232
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
22305
22233
  }
22306
22234
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
22307
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
22308
22235
  text-align: end;
22309
22236
  }
22310
22237
  }
@@ -23393,10 +23320,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23393
23320
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23394
23321
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23395
23322
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23396
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23397
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23398
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23399
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23323
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23324
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23325
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23326
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23400
23327
  }
23401
23328
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23402
23329
  position: relative;
@@ -23474,10 +23401,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23474
23401
  --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);
23475
23402
  grid-row: 1;
23476
23403
  grid-column: 2;
23477
- }
23478
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23479
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23480
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23404
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23405
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23481
23406
  }
23482
23407
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23483
23408
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23537,10 +23462,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23537
23462
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23538
23463
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23539
23464
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23540
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23541
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23542
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23543
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23465
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23466
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23467
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23468
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23544
23469
  }
23545
23470
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23546
23471
  position: relative;
@@ -23618,10 +23543,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23618
23543
  --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);
23619
23544
  grid-row: 1;
23620
23545
  grid-column: 2;
23621
- }
23622
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23623
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23624
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23546
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23547
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23625
23548
  }
23626
23549
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23627
23550
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23682,10 +23605,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23682
23605
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23683
23606
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23684
23607
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23685
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23686
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23687
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23688
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23608
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23609
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23610
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23611
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23689
23612
  }
23690
23613
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23691
23614
  position: relative;
@@ -23763,10 +23686,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23763
23686
  --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);
23764
23687
  grid-row: 1;
23765
23688
  grid-column: 2;
23766
- }
23767
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23768
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23769
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23689
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23690
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23770
23691
  }
23771
23692
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23772
23693
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23827,10 +23748,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23827
23748
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23828
23749
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23829
23750
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23830
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23831
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23832
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23833
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23751
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23752
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23753
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23754
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23834
23755
  }
23835
23756
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23836
23757
  position: relative;
@@ -23908,10 +23829,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23908
23829
  --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);
23909
23830
  grid-row: 1;
23910
23831
  grid-column: 2;
23911
- }
23912
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23913
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23914
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23832
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23833
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
23915
23834
  }
23916
23835
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23917
23836
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23972,10 +23891,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23972
23891
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23973
23892
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23974
23893
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23975
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23976
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23977
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23978
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
23894
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23895
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23896
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23897
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23979
23898
  }
23980
23899
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23981
23900
  position: relative;
@@ -24053,10 +23972,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24053
23972
  --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);
24054
23973
  grid-row: 1;
24055
23974
  grid-column: 2;
24056
- }
24057
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
24058
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
24059
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
23975
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
23976
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
24060
23977
  }
24061
23978
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
24062
23979
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);