@patternfly/patternfly 6.0.0-alpha.195 → 6.0.0-alpha.197

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 (37) hide show
  1. package/components/DataList/data-list.css +11 -15
  2. package/components/DataList/data-list.scss +13 -19
  3. package/components/Masthead/masthead.css +1 -1
  4. package/components/Masthead/masthead.scss +1 -1
  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/Toolbar/toolbar.css +4 -3
  10. package/components/Toolbar/toolbar.scss +4 -3
  11. package/components/_index.css +47 -66
  12. package/docs/demos/AboutModal/examples/AboutModal.md +3 -358
  13. package/docs/demos/Alert/examples/Alert.md +64 -1351
  14. package/docs/demos/BackToTop/examples/BackToTop.md +6 -426
  15. package/docs/demos/Banner/examples/Banner.md +14 -895
  16. package/docs/demos/CardView/examples/CardView.md +23 -1095
  17. package/docs/demos/Dashboard/examples/Dashboard.md +32 -1597
  18. package/docs/demos/DataList/examples/DataList.md +64 -4031
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +471 -1523
  20. package/docs/demos/Drawer/examples/Drawer.md +35 -1849
  21. package/docs/demos/JumpLinks/examples/JumpLinks.md +86 -2326
  22. package/docs/demos/Masthead/examples/Masthead.md +11 -611
  23. package/docs/demos/Modal/examples/Modal.md +196 -2126
  24. package/docs/demos/Nav/examples/Nav.md +22 -1988
  25. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +35 -4415
  26. package/docs/demos/Page/examples/Page.md +104 -4112
  27. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +269 -6297
  28. package/docs/demos/Skeleton/examples/Skeleton.md +15 -412
  29. package/docs/demos/Table/examples/Table.md +416 -15861
  30. package/docs/demos/Tabs/examples/Tabs.md +518 -3638
  31. package/docs/demos/Toolbar/examples/Toolbar.md +92 -1812
  32. package/docs/demos/Wizard/examples/Wizard.md +666 -5289
  33. package/package.json +1 -1
  34. package/patternfly-no-globals.css +47 -66
  35. package/patternfly.css +47 -66
  36. package/patternfly.min.css +1 -1
  37. 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 {
@@ -8880,7 +8876,7 @@ ul.pf-v6-c-list {
8880
8876
  }
8881
8877
  .pf-v6-c-masthead .pf-v6-c-toolbar {
8882
8878
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
8883
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
8879
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
8884
8880
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
8885
8881
  --pf-v6-c-toolbar__content--MinWidth: 0;
8886
8882
  }
@@ -14563,7 +14559,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14563
14559
  --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
14564
14560
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
14565
14561
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14566
- --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);
14567
14563
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14568
14564
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14569
14565
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -14571,7 +14567,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14571
14567
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
14572
14568
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
14573
14569
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
14574
- --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
14575
14570
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
14576
14571
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
14577
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));
@@ -14844,7 +14839,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14844
14839
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
14845
14840
  }
14846
14841
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
14847
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
14848
14842
  text-align: end;
14849
14843
  }
14850
14844
  @media screen and (max-width: 36rem) {
@@ -15144,7 +15138,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15144
15138
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15145
15139
  }
15146
15140
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
15147
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15148
15141
  text-align: end;
15149
15142
  }
15150
15143
  }
@@ -15447,7 +15440,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15447
15440
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15448
15441
  }
15449
15442
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
15450
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15451
15443
  text-align: end;
15452
15444
  }
15453
15445
  }
@@ -15750,7 +15742,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15750
15742
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
15751
15743
  }
15752
15744
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
15753
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
15754
15745
  text-align: end;
15755
15746
  }
15756
15747
  }
@@ -16053,7 +16044,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16053
16044
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
16054
16045
  }
16055
16046
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
16056
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
16057
16047
  text-align: end;
16058
16048
  }
16059
16049
  }
@@ -17142,10 +17132,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17142
17132
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17143
17133
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17144
17134
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17145
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17146
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17147
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17148
- --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);
17149
17139
  }
17150
17140
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
17151
17141
  position: relative;
@@ -17223,10 +17213,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17223
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);
17224
17214
  grid-row: 1;
17225
17215
  grid-column: 2;
17226
- }
17227
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17228
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17229
- 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);
17230
17218
  }
17231
17219
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17232
17220
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17286,10 +17274,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17286
17274
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17287
17275
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17288
17276
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17289
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17290
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17291
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17292
- --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);
17293
17281
  }
17294
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) {
17295
17283
  position: relative;
@@ -17367,10 +17355,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17367
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);
17368
17356
  grid-row: 1;
17369
17357
  grid-column: 2;
17370
- }
17371
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17372
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17373
- 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);
17374
17360
  }
17375
17361
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17376
17362
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17431,10 +17417,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17431
17417
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17432
17418
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17433
17419
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17434
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17435
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17436
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17437
- --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);
17438
17424
  }
17439
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) {
17440
17426
  position: relative;
@@ -17512,10 +17498,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17512
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);
17513
17499
  grid-row: 1;
17514
17500
  grid-column: 2;
17515
- }
17516
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17517
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17518
- 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);
17519
17503
  }
17520
17504
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17521
17505
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17576,10 +17560,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17576
17560
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17577
17561
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17578
17562
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17579
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17580
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17581
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17582
- --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);
17583
17567
  }
17584
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) {
17585
17569
  position: relative;
@@ -17657,10 +17641,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17657
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);
17658
17642
  grid-row: 1;
17659
17643
  grid-column: 2;
17660
- }
17661
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17662
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17663
- 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);
17664
17646
  }
17665
17647
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17666
17648
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -17721,10 +17703,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17721
17703
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17722
17704
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
17723
17705
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
17724
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
17725
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
17726
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
17727
- --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);
17728
17710
  }
17729
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) {
17730
17712
  position: relative;
@@ -17802,10 +17784,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17802
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);
17803
17785
  grid-row: 1;
17804
17786
  grid-column: 2;
17805
- }
17806
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
17807
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
17808
- 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);
17809
17789
  }
17810
17790
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
17811
17791
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -19226,7 +19206,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19226
19206
  :where(:root, .pf-v6-c-toolbar) {
19227
19207
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
19228
19208
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
19229
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19209
+ --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19230
19210
  --pf-v6-c-toolbar--PaddingInlineStart: 0;
19231
19211
  --pf-v6-c-toolbar--PaddingInlineEnd: 0;
19232
19212
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -19244,8 +19224,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19244
19224
  --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
19245
19225
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
19246
19226
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
19247
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
19248
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19227
+ --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
19228
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
19249
19229
  --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
19250
19230
  --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
19251
19231
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
@@ -19549,6 +19529,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19549
19529
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
19550
19530
  }
19551
19531
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
19532
+ flex-wrap: wrap;
19552
19533
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
19553
19534
  }
19554
19535
  .pf-v6-c-toolbar__group.pf-m-overflow-container {