@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/components/_index.css CHANGED
@@ -3659,10 +3659,9 @@ ul) {
3659
3659
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3660
3660
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3661
3661
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
3662
- --pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
3663
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
3664
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list__item-action__action--MarginBlockStart);
3665
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3662
+ --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
3663
+ --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3664
+ --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3666
3665
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
3667
3666
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
3668
3667
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -3692,9 +3691,8 @@ ul) {
3692
3691
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3693
3692
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3694
3693
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3695
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
3696
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
3697
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
3694
+ --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
3695
+ --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
3698
3696
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3699
3697
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
3700
3698
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -3723,13 +3721,12 @@ ul) {
3723
3721
  }
3724
3722
  .pf-v6-c-data-list.pf-m-compact {
3725
3723
  --pf-v6-c-data-list__check--FontSize: var(--pf-v6-c-data-list--m-compact__check--FontSize);
3726
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
3727
3724
  --pf-v6-c-data-list--FontSize: var(--pf-v6-c-data-list--m-compact--FontSize);
3728
3725
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
3729
3726
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
3730
3727
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
3731
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
3732
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd);
3728
+ --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
3729
+ --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
3733
3730
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
3734
3731
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
3735
3732
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -3872,6 +3869,7 @@ ul) {
3872
3869
  --pf-v6-hidden-visible--hidden--Display: none;
3873
3870
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3874
3871
  display: var(--pf-v6-hidden-visible--Display);
3872
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
3875
3873
  align-content: flex-start;
3876
3874
  align-items: flex-start;
3877
3875
  padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
@@ -3921,12 +3919,10 @@ ul) {
3921
3919
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3922
3920
  }
3923
3921
  }
3924
- .pf-v6-c-data-list__item-action > *:not(:last-child) {
3925
- margin-inline-end: var(--pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd);
3926
- }
3927
- .pf-v6-c-data-list__item-action .pf-v6-c-data-list__action {
3922
+
3923
+ .pf-v6-c-data-list__action {
3928
3924
  margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
3929
- margin-block-end: var(--pf-v6-c-data-list__item-action__action--MarginBlockEnd);
3925
+ margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
3930
3926
  }
3931
3927
 
3932
3928
  .pf-v6-c-data-list__toggle {
@@ -11855,16 +11851,7 @@ ul.pf-v6-c-list {
11855
11851
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11856
11852
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11857
11853
  }
11858
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
11859
- padding: 0;
11860
- }
11861
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
11862
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11863
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11864
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11865
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11866
- }
11867
- .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 {
11854
+ .pf-v6-c-page__main-section.pf-m-no-padding {
11868
11855
  padding: 0;
11869
11856
  }
11870
11857
  @media (min-width: 36rem) {
@@ -11874,16 +11861,7 @@ ul.pf-v6-c-list {
11874
11861
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11875
11862
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11876
11863
  }
11877
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
11878
- padding: 0;
11879
- }
11880
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
11881
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11882
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11883
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11884
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11885
- }
11886
- .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 {
11864
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
11887
11865
  padding: 0;
11888
11866
  }
11889
11867
  }
@@ -11894,16 +11872,7 @@ ul.pf-v6-c-list {
11894
11872
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11895
11873
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11896
11874
  }
11897
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
11898
- padding: 0;
11899
- }
11900
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
11901
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11902
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11903
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11904
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11905
- }
11906
- .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 {
11875
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
11907
11876
  padding: 0;
11908
11877
  }
11909
11878
  }
@@ -11914,16 +11883,7 @@ ul.pf-v6-c-list {
11914
11883
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11915
11884
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11916
11885
  }
11917
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
11918
- padding: 0;
11919
- }
11920
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
11921
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11922
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11923
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11924
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11925
- }
11926
- .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 {
11886
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
11927
11887
  padding: 0;
11928
11888
  }
11929
11889
  }
@@ -11934,16 +11894,7 @@ ul.pf-v6-c-list {
11934
11894
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11935
11895
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11936
11896
  }
11937
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
11938
- padding: 0;
11939
- }
11940
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
11941
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11942
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11943
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11944
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11945
- }
11946
- .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 {
11897
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
11947
11898
  padding: 0;
11948
11899
  }
11949
11900
  }
@@ -11954,16 +11905,7 @@ ul.pf-v6-c-list {
11954
11905
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11955
11906
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11956
11907
  }
11957
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
11958
- padding: 0;
11959
- }
11960
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
11961
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
11962
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
11963
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
11964
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
11965
- }
11966
- .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 {
11908
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
11967
11909
  padding: 0;
11968
11910
  }
11969
11911
  }
@@ -11986,15 +11928,6 @@ ul.pf-v6-c-list {
11986
11928
  flex-shrink: 0;
11987
11929
  }
11988
11930
 
11989
- .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
11990
- padding-inline-start: 0;
11991
- padding-inline-end: 0;
11992
- }
11993
- .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
11994
- padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
11995
- padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
11996
- }
11997
-
11998
11931
  .pf-v6-c-page__drawer {
11999
11932
  grid-area: main;
12000
11933
  }
@@ -14626,7 +14559,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14626
14559
  --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
14627
14560
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
14628
14561
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14629
- --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(0.375rem * -1);
14562
+ --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14630
14563
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14631
14564
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14632
14565
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -14634,7 +14567,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14634
14567
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
14635
14568
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
14636
14569
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
14637
- --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
14638
14570
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
14639
14571
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
14640
14572
  --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));
@@ -14907,7 +14839,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14907
14839
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
14908
14840
  }
14909
14841
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
14910
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
14911
14842
  text-align: end;
14912
14843
  }
14913
14844
  @media screen and (max-width: 36rem) {
@@ -15207,7 +15138,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15207
15138
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15208
15139
  }
15209
15140
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
15210
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15211
15141
  text-align: end;
15212
15142
  }
15213
15143
  }
@@ -15510,7 +15440,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15510
15440
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15511
15441
  }
15512
15442
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
15513
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15514
15443
  text-align: end;
15515
15444
  }
15516
15445
  }
@@ -15813,7 +15742,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15813
15742
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15814
15743
  }
15815
15744
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
15816
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15817
15745
  text-align: end;
15818
15746
  }
15819
15747
  }
@@ -16116,7 +16044,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16116
16044
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
16117
16045
  }
16118
16046
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
16119
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
16120
16047
  text-align: end;
16121
16048
  }
16122
16049
  }
@@ -17205,10 +17132,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17205
17132
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17206
17133
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17207
17134
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17208
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17209
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17210
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17211
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17135
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17136
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17137
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17138
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17212
17139
  }
17213
17140
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17214
17141
  position: relative;
@@ -17286,10 +17213,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17286
17213
  --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);
17287
17214
  grid-row: 1;
17288
17215
  grid-column: 2;
17289
- }
17290
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17291
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17292
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17216
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17217
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17293
17218
  }
17294
17219
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17295
17220
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17349,10 +17274,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17349
17274
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17350
17275
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17351
17276
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17352
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17353
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17354
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17355
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17277
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17278
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17279
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17280
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17356
17281
  }
17357
17282
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17358
17283
  position: relative;
@@ -17430,10 +17355,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17430
17355
  --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);
17431
17356
  grid-row: 1;
17432
17357
  grid-column: 2;
17433
- }
17434
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17435
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17436
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17358
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17359
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17437
17360
  }
17438
17361
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17439
17362
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17494,10 +17417,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17494
17417
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17495
17418
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17496
17419
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17497
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17498
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17499
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17500
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17420
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17421
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17422
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17423
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17501
17424
  }
17502
17425
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17503
17426
  position: relative;
@@ -17575,10 +17498,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17575
17498
  --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);
17576
17499
  grid-row: 1;
17577
17500
  grid-column: 2;
17578
- }
17579
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17580
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17581
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17501
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17502
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17582
17503
  }
17583
17504
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17584
17505
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17639,10 +17560,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17639
17560
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17640
17561
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17641
17562
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17642
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17643
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17644
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17645
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17563
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17564
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17565
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17566
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17646
17567
  }
17647
17568
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17648
17569
  position: relative;
@@ -17720,10 +17641,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17720
17641
  --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);
17721
17642
  grid-row: 1;
17722
17643
  grid-column: 2;
17723
- }
17724
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17725
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17726
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17644
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17645
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17727
17646
  }
17728
17647
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17729
17648
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17784,10 +17703,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17784
17703
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17785
17704
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17786
17705
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17787
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17788
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17789
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17790
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
17706
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17707
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17708
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17709
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17791
17710
  }
17792
17711
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17793
17712
  position: relative;
@@ -17865,10 +17784,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17865
17784
  --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);
17866
17785
  grid-row: 1;
17867
17786
  grid-column: 2;
17868
- }
17869
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17870
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17871
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
17787
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
17788
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
17872
17789
  }
17873
17790
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17874
17791
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.194",
4
+ "version": "6.0.0-alpha.196",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {