@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/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.195",
4
+ "version": "6.0.0-alpha.197",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
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 {
@@ -14947,7 +14943,7 @@ ul.pf-v6-c-list {
14947
14943
  }
14948
14944
  .pf-v6-c-masthead .pf-v6-c-toolbar {
14949
14945
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
14950
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
14946
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
14951
14947
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
14952
14948
  --pf-v6-c-toolbar__content--MinWidth: 0;
14953
14949
  }
@@ -20630,7 +20626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20630
20626
  --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
20631
20627
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
20632
20628
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
20633
- --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);
20634
20630
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20635
20631
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20636
20632
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -20638,7 +20634,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20638
20634
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
20639
20635
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
20640
20636
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
20641
- --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
20642
20637
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
20643
20638
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
20644
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));
@@ -20911,7 +20906,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20911
20906
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
20912
20907
  }
20913
20908
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
20914
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
20915
20909
  text-align: end;
20916
20910
  }
20917
20911
  @media screen and (max-width: 36rem) {
@@ -21211,7 +21205,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21211
21205
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21212
21206
  }
21213
21207
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
21214
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21215
21208
  text-align: end;
21216
21209
  }
21217
21210
  }
@@ -21514,7 +21507,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21514
21507
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21515
21508
  }
21516
21509
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
21517
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21518
21510
  text-align: end;
21519
21511
  }
21520
21512
  }
@@ -21817,7 +21809,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21817
21809
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21818
21810
  }
21819
21811
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
21820
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21821
21812
  text-align: end;
21822
21813
  }
21823
21814
  }
@@ -22120,7 +22111,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22120
22111
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
22121
22112
  }
22122
22113
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
22123
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
22124
22114
  text-align: end;
22125
22115
  }
22126
22116
  }
@@ -23209,10 +23199,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23209
23199
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23210
23200
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23211
23201
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23212
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23213
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23214
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23215
- --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);
23216
23206
  }
23217
23207
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23218
23208
  position: relative;
@@ -23290,10 +23280,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23290
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);
23291
23281
  grid-row: 1;
23292
23282
  grid-column: 2;
23293
- }
23294
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23295
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23296
- 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);
23297
23285
  }
23298
23286
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23299
23287
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23353,10 +23341,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23353
23341
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23354
23342
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23355
23343
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23356
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23357
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23358
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23359
- --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);
23360
23348
  }
23361
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) {
23362
23350
  position: relative;
@@ -23434,10 +23422,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23434
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);
23435
23423
  grid-row: 1;
23436
23424
  grid-column: 2;
23437
- }
23438
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23439
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23440
- 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);
23441
23427
  }
23442
23428
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23443
23429
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23498,10 +23484,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23498
23484
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23499
23485
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23500
23486
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23501
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23502
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23503
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23504
- --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);
23505
23491
  }
23506
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) {
23507
23493
  position: relative;
@@ -23579,10 +23565,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23579
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);
23580
23566
  grid-row: 1;
23581
23567
  grid-column: 2;
23582
- }
23583
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23584
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23585
- 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);
23586
23570
  }
23587
23571
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23588
23572
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23643,10 +23627,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23643
23627
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23644
23628
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23645
23629
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23646
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23647
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23648
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23649
- --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);
23650
23634
  }
23651
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) {
23652
23636
  position: relative;
@@ -23724,10 +23708,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23724
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);
23725
23709
  grid-row: 1;
23726
23710
  grid-column: 2;
23727
- }
23728
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23729
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23730
- 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);
23731
23713
  }
23732
23714
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23733
23715
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23788,10 +23770,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23788
23770
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23789
23771
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23790
23772
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23791
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23792
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23793
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23794
- --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);
23795
23777
  }
23796
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) {
23797
23779
  position: relative;
@@ -23869,10 +23851,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23869
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);
23870
23852
  grid-row: 1;
23871
23853
  grid-column: 2;
23872
- }
23873
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23874
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23875
- 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);
23876
23856
  }
23877
23857
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23878
23858
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -25293,7 +25273,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25293
25273
  :where(:root, .pf-v6-c-toolbar) {
25294
25274
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
25295
25275
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
25296
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
25276
+ --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
25297
25277
  --pf-v6-c-toolbar--PaddingInlineStart: 0;
25298
25278
  --pf-v6-c-toolbar--PaddingInlineEnd: 0;
25299
25279
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -25311,8 +25291,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25311
25291
  --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
25312
25292
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
25313
25293
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
25314
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
25315
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25294
+ --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
25295
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
25316
25296
  --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
25317
25297
  --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
25318
25298
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
@@ -25616,6 +25596,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25616
25596
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
25617
25597
  }
25618
25598
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
25599
+ flex-wrap: wrap;
25619
25600
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
25620
25601
  }
25621
25602
  .pf-v6-c-toolbar__group.pf-m-overflow-container {
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 {
@@ -15068,7 +15064,7 @@ ul.pf-v6-c-list {
15068
15064
  }
15069
15065
  .pf-v6-c-masthead .pf-v6-c-toolbar {
15070
15066
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
15071
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
15067
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
15072
15068
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
15073
15069
  --pf-v6-c-toolbar__content--MinWidth: 0;
15074
15070
  }
@@ -20751,7 +20747,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20751
20747
  --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
20752
20748
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
20753
20749
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
20754
- --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);
20755
20751
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20756
20752
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20757
20753
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -20759,7 +20755,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20759
20755
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
20760
20756
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
20761
20757
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
20762
- --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
20763
20758
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
20764
20759
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
20765
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));
@@ -21032,7 +21027,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21032
21027
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21033
21028
  }
21034
21029
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
21035
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21036
21030
  text-align: end;
21037
21031
  }
21038
21032
  @media screen and (max-width: 36rem) {
@@ -21332,7 +21326,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21332
21326
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21333
21327
  }
21334
21328
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
21335
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21336
21329
  text-align: end;
21337
21330
  }
21338
21331
  }
@@ -21635,7 +21628,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21635
21628
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21636
21629
  }
21637
21630
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
21638
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21639
21631
  text-align: end;
21640
21632
  }
21641
21633
  }
@@ -21938,7 +21930,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21938
21930
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
21939
21931
  }
21940
21932
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
21941
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
21942
21933
  text-align: end;
21943
21934
  }
21944
21935
  }
@@ -22241,7 +22232,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22241
22232
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
22242
22233
  }
22243
22234
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
22244
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
22245
22235
  text-align: end;
22246
22236
  }
22247
22237
  }
@@ -23330,10 +23320,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23330
23320
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23331
23321
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23332
23322
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23333
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23334
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23335
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23336
- --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);
23337
23327
  }
23338
23328
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
23339
23329
  position: relative;
@@ -23411,10 +23401,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23411
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);
23412
23402
  grid-row: 1;
23413
23403
  grid-column: 2;
23414
- }
23415
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23416
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23417
- 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);
23418
23406
  }
23419
23407
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23420
23408
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23474,10 +23462,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23474
23462
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23475
23463
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23476
23464
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23477
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23478
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23479
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23480
- --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);
23481
23469
  }
23482
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) {
23483
23471
  position: relative;
@@ -23555,10 +23543,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23555
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);
23556
23544
  grid-row: 1;
23557
23545
  grid-column: 2;
23558
- }
23559
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23560
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23561
- 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);
23562
23548
  }
23563
23549
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23564
23550
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23619,10 +23605,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23619
23605
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23620
23606
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23621
23607
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23622
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23623
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23624
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23625
- --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);
23626
23612
  }
23627
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) {
23628
23614
  position: relative;
@@ -23700,10 +23686,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23700
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);
23701
23687
  grid-row: 1;
23702
23688
  grid-column: 2;
23703
- }
23704
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23705
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23706
- 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);
23707
23691
  }
23708
23692
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23709
23693
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23764,10 +23748,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23764
23748
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23765
23749
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23766
23750
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23767
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23768
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23769
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23770
- --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);
23771
23755
  }
23772
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) {
23773
23757
  position: relative;
@@ -23845,10 +23829,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23845
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);
23846
23830
  grid-row: 1;
23847
23831
  grid-column: 2;
23848
- }
23849
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23850
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23851
- 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);
23852
23834
  }
23853
23835
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23854
23836
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -23909,10 +23891,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23909
23891
  --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23910
23892
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
23911
23893
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
23912
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
23913
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
23914
- --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
23915
- --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);
23916
23898
  }
23917
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) {
23918
23900
  position: relative;
@@ -23990,10 +23972,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23990
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);
23991
23973
  grid-row: 1;
23992
23974
  grid-column: 2;
23993
- }
23994
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
23995
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
23996
- 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);
23997
23977
  }
23998
23978
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
23999
23979
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -25414,7 +25394,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25414
25394
  :where(:root, .pf-v6-c-toolbar) {
25415
25395
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
25416
25396
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
25417
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
25397
+ --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
25418
25398
  --pf-v6-c-toolbar--PaddingInlineStart: 0;
25419
25399
  --pf-v6-c-toolbar--PaddingInlineEnd: 0;
25420
25400
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -25432,8 +25412,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25432
25412
  --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
25433
25413
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
25434
25414
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
25435
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
25436
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25415
+ --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
25416
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
25437
25417
  --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
25438
25418
  --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
25439
25419
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
@@ -25737,6 +25717,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25737
25717
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
25738
25718
  }
25739
25719
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
25720
+ flex-wrap: wrap;
25740
25721
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
25741
25722
  }
25742
25723
  .pf-v6-c-toolbar__group.pf-m-overflow-container {