@patternfly/patternfly 6.0.0-alpha.63 → 6.0.0-alpha.65

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 (48) hide show
  1. package/components/ActionList/action-list.css +18 -17
  2. package/components/ActionList/action-list.scss +26 -16
  3. package/components/Button/button.css +4 -9
  4. package/components/Button/button.scss +4 -9
  5. package/components/Masthead/masthead.css +15 -29
  6. package/components/Masthead/masthead.scss +20 -36
  7. package/components/MultipleFileUpload/multiple-file-upload.css +77 -50
  8. package/components/MultipleFileUpload/multiple-file-upload.scss +82 -53
  9. package/components/OverflowMenu/overflow-menu.css +17 -47
  10. package/components/OverflowMenu/overflow-menu.scss +27 -65
  11. package/components/Pagination/pagination.css +6 -3
  12. package/components/Pagination/pagination.scss +4 -3
  13. package/components/Toolbar/toolbar.css +2525 -1040
  14. package/components/Toolbar/toolbar.scss +232 -534
  15. package/docs/components/ActionList/examples/ActionList.md +73 -22
  16. package/docs/components/LogViewer/examples/LogViewer.md +50 -50
  17. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  18. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  19. package/docs/components/Toolbar/examples/Toolbar.md +374 -419
  20. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  21. package/docs/demos/Alert/examples/Alert.md +6 -6
  22. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  23. package/docs/demos/Banner/examples/Banner.md +4 -4
  24. package/docs/demos/CardView/examples/CardView.md +3 -3
  25. package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
  26. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  27. package/docs/demos/DataList/examples/DataList.md +11 -11
  28. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  29. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  30. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  31. package/docs/demos/Masthead/examples/Masthead.md +21 -21
  32. package/docs/demos/Modal/examples/Modal.md +12 -12
  33. package/docs/demos/Nav/examples/Nav.md +12 -12
  34. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  35. package/docs/demos/Page/examples/Page.md +18 -18
  36. package/docs/demos/Page/examples/Penta.md +2 -2
  37. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -19
  38. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  39. package/docs/demos/Table/examples/Table.md +42 -45
  40. package/docs/demos/Tabs/examples/Tabs.md +13 -13
  41. package/docs/demos/Toolbar/examples/Toolbar.md +13 -13
  42. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  43. package/package.json +1 -1
  44. package/patternfly-no-globals.css +2660 -1168
  45. package/patternfly-theme-dark-unversioned.css +2660 -1168
  46. package/patternfly.css +2660 -1168
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
@@ -26,51 +26,77 @@
26
26
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
27
27
  }
28
28
 
29
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group, .pf-v5-c-data-list__item-action {
29
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section,
30
+ .pf-v5-c-toolbar__group,
31
+ .pf-v5-c-toolbar__item,
32
+ .pf-v5-c-toolbar__group.pf-m-chip-group-container,
33
+ .pf-v5-c-toolbar__group.pf-m-chip-group, .pf-v5-c-data-list__item-action {
30
34
  --pf-v5-hidden-visible--hidden--Display: none;
31
35
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
32
36
  display: var(--pf-v5-hidden-visible--Display);
33
37
  }
34
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__group, .pf-m-hidden.pf-v5-c-data-list__item-action {
38
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section,
39
+ .pf-m-hidden.pf-v5-c-toolbar__group,
40
+ .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-data-list__item-action {
35
41
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
36
42
  }
37
43
  @media screen and (min-width: 576px) {
38
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
44
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
45
+ .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
46
+ .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
39
47
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
40
48
  }
41
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
49
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
50
+ .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
51
+ .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
42
52
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
43
53
  }
44
54
  }
45
55
  @media screen and (min-width: 768px) {
46
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
56
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
57
+ .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
58
+ .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
47
59
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
48
60
  }
49
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
61
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
62
+ .pf-m-visible-on-md.pf-v5-c-toolbar__group,
63
+ .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
50
64
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
51
65
  }
52
66
  }
53
67
  @media screen and (min-width: 992px) {
54
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
68
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
69
+ .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
70
+ .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
55
71
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
56
72
  }
57
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
73
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
74
+ .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
75
+ .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
58
76
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
59
77
  }
60
78
  }
61
79
  @media screen and (min-width: 1200px) {
62
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
80
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
81
+ .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
82
+ .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
63
83
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
64
84
  }
65
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
85
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
86
+ .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
87
+ .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
66
88
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
67
89
  }
68
90
  }
69
91
  @media screen and (min-width: 1450px) {
70
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
92
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
93
+ .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
94
+ .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
71
95
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
72
96
  }
73
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
97
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
98
+ .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
99
+ .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
74
100
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
75
101
  }
76
102
  }
@@ -6669,32 +6695,33 @@ button) {
6669
6695
  --pf-v5-c-accordion__expandable-content-body--PaddingTop: var(--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
6670
6696
  }
6671
6697
 
6672
- .pf-v5-c-action-list {
6673
- --pf-v5-c-action-list--m-icon--spacer: 0;
6674
- --pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
6675
- --pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
6698
+ :where(:root) {
6699
+ --pf-v5-c-action-list--RowGap: var(--pf-t--global--spacer--sm);
6700
+ --pf-v5-c-action-list--ColumnGap: var(--pf-t--global--spacer--2xl);
6701
+ --pf-v5-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--md);
6702
+ --pf-v5-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--sm);
6676
6703
  }
6677
6704
 
6678
6705
  .pf-v5-c-action-list,
6679
6706
  .pf-v5-c-action-list__group {
6680
- --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
6681
- --pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
6682
6707
  display: flex;
6683
- align-items: center;
6708
+ align-items: start;
6684
6709
  }
6685
- .pf-v5-c-action-list > * + *,
6686
- .pf-v5-c-action-list__group > * + * {
6687
- margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
6710
+
6711
+ .pf-v5-c-action-list {
6712
+ row-gap: var(--pf-v5-c-action-list--RowGap);
6713
+ column-gap: var(--pf-v5-c-action-list--ColumnGap);
6714
+ }
6715
+ .pf-v5-c-action-list.pf-m-icons {
6716
+ column-gap: var(--pf-v5-c-action-list--m-icons--ColumnGap);
6688
6717
  }
6689
- .pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
6690
- .pf-v5-c-action-list .pf-v5-c-action-list__group + *,
6691
- .pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
6692
- .pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
6693
- margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
6718
+
6719
+ .pf-v5-c-action-list__group {
6720
+ row-gap: var(--pf-v5-c-action-list__group--RowGap, var(--pf-v5-c-action-list--RowGap));
6721
+ column-gap: var(--pf-v5-c-action-list__group--ColumnGap);
6694
6722
  }
6695
- .pf-v5-c-action-list.pf-m-icons,
6696
6723
  .pf-v5-c-action-list__group.pf-m-icons {
6697
- --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
6724
+ column-gap: var(--pf-v5-c-action-list--m-icons--ColumnGap);
6698
6725
  }
6699
6726
 
6700
6727
  :root {
@@ -7919,10 +7946,6 @@ button.pf-v5-c-breadcrumb__link {
7919
7946
  --pf-v5-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
7920
7947
  --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7921
7948
  --pf-v5-c-button--TextDecoration: none;
7922
- --pf-v5-c-button--BorderStartStartRadius: var(--pf-v5-c-button--BorderRadius);
7923
- --pf-v5-c-button--BorderStartEndRadius: var(--pf-v5-c-button--BorderRadius);
7924
- --pf-v5-c-button--BorderEndStartRadius: var(--pf-v5-c-button--BorderRadius);
7925
- --pf-v5-c-button--BorderEndEndRadius: var(--pf-v5-c-button--BorderRadius);
7926
7949
  --pf-v5-c-button--MixBlendMode: normal;
7927
7950
  --pf-v5-c-button--hover--BackgroundColor: transparent;
7928
7951
  --pf-v5-c-button--hover--BorderColor: transparent;
@@ -8152,11 +8175,10 @@ button.pf-v5-c-breadcrumb__link {
8152
8175
  user-select: none;
8153
8176
  background-color: var(--pf-v5-c-button--BackgroundColor);
8154
8177
  border: 0;
8155
- border-start-start-radius: var(--pf-v5-c-button--BorderStartStartRadius);
8156
- border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius);
8157
- border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius);
8158
- border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius);
8159
- mix-blend-mode: var(--pf-v5-c-button--MixBlendMode);
8178
+ border-start-start-radius: var(--pf-v5-c-button--BorderStartStartRadius, var(--pf-v5-c-button--BorderRadius));
8179
+ border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius, var(--pf-v5-c-button--BorderRadius));
8180
+ border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius, var(--pf-v5-c-button--BorderRadius));
8181
+ border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius, var(--pf-v5-c-button--BorderRadius));
8160
8182
  }
8161
8183
  .pf-v5-c-button::after {
8162
8184
  position: absolute;
@@ -11707,110 +11729,50 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11707
11729
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11708
11730
  }
11709
11731
 
11710
- :root {
11711
- --pf-v5-c-toolbar--AlignItems--base: flex-start;
11712
- --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11713
- --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11714
- --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
11715
- --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-global--spacer--md);
11716
- --pf-v5-c-toolbar--item--RowGap--base: var(--pf-v5-global--spacer--xs);
11717
- --pf-v5-c-toolbar__item--Display: flex;
11718
- --pf-v5-c-toolbar__item--MinWidth--base: auto;
11719
- --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11720
- --pf-v5-c-toolbar__item--AlignSelf: var(--pf-v5-c-toolbar--AlignItems--base);
11721
- --pf-v5-c-toolbar__group--Display: flex;
11722
- --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11723
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11724
- --pf-v5-c-toolbar__group--AlignSelf: auto;
11725
- --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
11726
- --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
11727
- --pf-v5-c-toolbar--m-align-items-center--AlignItems: center;
11728
- --pf-v5-c-toolbar--m-align-items-baseline--AlignItems: baseline;
11729
- --pf-v5-c-toolbar--m-align-self-center--AlignSelf: center;
11730
- --pf-v5-c-toolbar--m-align-self-baseline--AlignSelf: baseline;
11731
- --pf-v5-c-toolbar__content--Display: flex;
11732
- --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11733
- --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11734
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md);
11735
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md);
11736
- --pf-v5-c-toolbar__content-section--Display: flex;
11737
- --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11738
- --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11739
- --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md);
11740
- --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
11741
- --pf-v5-c-toolbar__expandable-content--Display: grid;
11742
- --pf-v5-c-toolbar__expandable-content--PaddingTop: 0;
11743
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__content--PaddingRight);
11744
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
11745
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__content--PaddingLeft);
11746
- --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: 0;
11747
- --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: 0;
11748
- --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: 0;
11749
- --pf-v5-c-toolbar__expandable-content--ZIndex: var(--pf-v5-global--ZIndex--sm);
11750
- --pf-v5-c-toolbar__expandable-content--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
11751
- --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-toolbar--BackgroundColor);
11752
- --pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-v5-global--gutter--md);
11753
- --pf-v5-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-v5-global--spacer--md) * -1);
11754
- --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md);
11755
- --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md);
11756
- --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base);
11757
- --pf-v5-c-toolbar__item--Width: auto;
11758
- --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
11759
- --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm);
11760
- --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer);
11761
- --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
11762
- --pf-v5-c-toolbar__group--m-icon-button-group--space-items: 0;
11763
- --pf-v5-c-toolbar__group--m-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
11764
- --pf-v5-c-toolbar__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
11765
- --pf-v5-c-toolbar__group--m-filter-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
11766
- --pf-v5-c-toolbar__group--m-filter-group--space-items: 0;
11767
- --pf-v5-c-toolbar__item--m-overflow-menu--spacer: var(--pf-v5-c-toolbar__item--spacer);
11768
- --pf-v5-c-toolbar__item--m-bulk-select--spacer: var(--pf-v5-global--spacer--lg);
11732
+ :root,
11733
+ [data-theme=pf-v5-c-toolbar] {
11734
+ --pf-v5-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
11735
+ --pf-v5-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
11736
+ --pf-v5-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
11737
+ --pf-v5-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
11738
+ --pf-v5-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
11739
+ --pf-v5-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
11740
+ --pf-v5-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
11741
+ --pf-v5-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11742
+ --pf-v5-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11743
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-c-toolbar--PaddingInline);
11744
+ --pf-v5-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--Zindex--xs);
11745
+ --pf-v5-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11746
+ --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11747
+ --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--Zindex--xs);
11748
+ --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11749
+ --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-c-page--inset);
11769
11750
  --pf-v5-c-toolbar__expand-all-icon--Rotate: 0;
11770
11751
  --pf-v5-c-toolbar__expand-all-icon--Transition: var(--pf-v5-global--Transition);
11771
11752
  --pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
11772
- --pf-v5-c-toolbar__item--m-search-filter--spacer: var(--pf-v5-global--spacer--sm);
11773
- --pf-v5-c-toolbar__item--m-chip-group--spacer: var(--pf-v5-global--spacer--sm);
11774
- --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11775
- --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11776
- --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11777
- --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11778
- --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11779
- --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11780
- --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11781
- --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
11782
- --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
11783
- --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-v5-global--Color--100);
11784
- --pf-v5-c-toolbar--c-divider--m-vertical--spacer: var(--pf-v5-c-toolbar--spacer--base);
11785
- --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
11786
- --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
11787
- --pf-v5-c-toolbar--m-full-height__item--Display: flex;
11788
- --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
11753
+ --pf-v5-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
11754
+ --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
11789
11755
  }
11790
11756
 
11791
- .pf-v5-c-toolbar {
11757
+ .pf-v5-c-toolbar__content-section,
11758
+ .pf-v5-c-toolbar__group,
11759
+ .pf-v5-c-toolbar__item,
11760
+ .pf-v5-c-toolbar__group.pf-m-chip-group-container,
11761
+ .pf-v5-c-toolbar__group.pf-m-chip-group {
11762
+ --pf-v5-hidden-visible--visible--Display: flex;
11763
+ flex-wrap: wrap;
11764
+ }
11765
+
11766
+ .pf-v5-c-toolbar,
11767
+ .pf-v5-c-toolbar__content {
11792
11768
  position: relative;
11793
11769
  display: grid;
11794
- row-gap: var(--pf-v5-c-toolbar--RowGap);
11795
- padding-block-start: var(--pf-v5-c-toolbar--PaddingTop);
11796
- padding-block-end: var(--pf-v5-c-toolbar--PaddingBottom);
11797
- background-color: var(--pf-v5-c-toolbar--BackgroundColor);
11798
11770
  }
11799
- @media screen and (min-width: 992px) {
11800
- .pf-v5-c-toolbar {
11801
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingRight);
11802
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom);
11803
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft);
11804
- }
11805
- }
11806
- @media screen and (min-width: 1200px) {
11807
- .pf-v5-c-toolbar {
11808
- --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-c-toolbar--m-page-insets--xl--inset);
11809
- }
11810
- }
11811
- .pf-v5-c-toolbar.pf-m-page-insets {
11812
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--m-page-insets--inset);
11813
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--m-page-insets--inset);
11771
+
11772
+ .pf-v5-c-toolbar {
11773
+ width: var(--pf-v5-c-toolbar--Width, auto);
11774
+ font-size: var(--pf-v5-c-toolbar--FontSize);
11775
+ line-height: var(--pf-v5-c-toolbar--LineHeight);
11814
11776
  }
11815
11777
  .pf-v5-c-toolbar.pf-m-sticky {
11816
11778
  position: sticky;
@@ -11818,1086 +11780,2604 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11818
11780
  z-index: var(--pf-v5-c-toolbar--m-sticky--ZIndex);
11819
11781
  box-shadow: var(--pf-v5-c-toolbar--m-sticky--BoxShadow);
11820
11782
  }
11821
- .pf-v5-c-toolbar.pf-m-full-height {
11822
- --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
11823
- --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
11824
- --pf-v5-c-toolbar__item--Display: var(--pf-v5-c-toolbar--m-full-height__item--Display);
11825
- height: 100%;
11826
- }
11827
- .pf-v5-c-toolbar.pf-m-full-height,
11828
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
11829
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
11830
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__expandable-content,
11831
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group {
11832
- min-width: 0;
11833
- }
11834
- .pf-v5-c-toolbar.pf-m-full-height,
11835
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
11836
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
11837
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group,
11838
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11839
- align-self: stretch;
11840
- }
11841
- .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
11842
- --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
11843
- }
11844
- .pf-v5-c-toolbar.pf-m-static,
11845
11783
  .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
11846
11784
  position: static;
11847
11785
  }
11848
11786
  .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__expandable-content {
11849
11787
  position: absolute;
11850
11788
  }
11851
-
11852
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider,
11853
- .pf-v5-c-toolbar__group > .pf-v5-c-divider {
11854
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar--c-divider--m-vertical--spacer);
11855
- }
11856
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical,
11857
- .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical {
11858
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
11859
- }
11860
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical:last-child,
11861
- .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
11862
- --pf-v5-c-toolbar--spacer: 0;
11863
- }
11864
- .pf-v5-c-toolbar__content-section.pf-m-align-items-start,
11865
- .pf-v5-c-toolbar__group.pf-m-align-items-start {
11866
- align-items: flex-start;
11867
- }
11868
- .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
11869
- .pf-v5-c-toolbar__group.pf-m-align-items-center {
11870
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
11871
- }
11872
- .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
11873
- .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
11874
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems);
11875
- }
11876
- .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
11877
- .pf-v5-c-toolbar__group.pf-m-align-self-start {
11878
- align-self: flex-start;
11789
+ .pf-v5-c-toolbar.pf-m-full-height {
11790
+ --pf-v5-c-toolbar--PaddingBlockStart: 0;
11791
+ --pf-v5-c-toolbar--PaddinkBlockEnd: 0;
11879
11792
  }
11880
- .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
11881
- .pf-v5-c-toolbar__group.pf-m-align-self-center {
11882
- --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-center--AlignItems);
11793
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group,
11794
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11795
+ align-items: stretch;
11796
+ align-self: stretch;
11883
11797
  }
11884
- .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
11885
- .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
11886
- --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems);
11798
+ .pf-v5-c-toolbar.pf-m-page-insets {
11799
+ --pf-v5-c-toolbar--PaddingInlineStart: var(--pf-v5-c-toolbar--m-page-insets--inset);
11800
+ --pf-v5-c-toolbar--PaddingInlineEnd: var(--pf-v5-c-toolbar--m-page-insets--inset);
11887
11801
  }
11888
11802
 
11889
- .pf-v5-c-toolbar__group {
11890
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
11891
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
11892
- row-gap: var(--pf-v5-c-toolbar__group--RowGap);
11893
- align-items: var(--pf-v5-c-toolbar__group--AlignItems);
11894
- align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
11895
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
11896
- }
11897
- .pf-v5-c-toolbar__group.pf-m-button-group {
11898
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
11899
- }
11900
- .pf-v5-c-toolbar__group.pf-m-button-group > * {
11901
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--space-items);
11902
- }
11903
- .pf-v5-c-toolbar__group.pf-m-icon-button-group {
11904
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--spacer);
11905
- }
11906
- .pf-v5-c-toolbar__group.pf-m-icon-button-group > * {
11907
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--space-items);
11908
- }
11909
- .pf-v5-c-toolbar__group.pf-m-filter-group {
11910
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--spacer);
11911
- }
11912
- .pf-v5-c-toolbar__group.pf-m-filter-group > * {
11913
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--space-items);
11914
- }
11915
- .pf-v5-c-toolbar__group.pf-m-filter-group > * + * {
11916
- margin-inline-start: -1px;
11803
+ .pf-v5-c-toolbar__content,
11804
+ .pf-v5-c-toolbar__content-section,
11805
+ .pf-v5-c-toolbar__expandable-content {
11806
+ row-gap: var(--pf-v5-c-toolbar__content--RowGap);
11807
+ column-gap: var(--pf-v5-c-toolbar--ColumnGap);
11917
11808
  }
11918
- .pf-v5-c-toolbar__group.pf-m-toggle-group {
11919
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--spacer);
11809
+
11810
+ .pf-v5-c-toolbar__content,
11811
+ .pf-v5-c-toolbar__expandable-content {
11812
+ padding-block-start: var(--pf-v5-c-toolbar__content--PaddingBlockStart, var(--pf-v5-c-toolbar__content--PaddingBlock));
11813
+ padding-block-end: var(--pf-v5-c-toolbar__content--PaddingBlockEnd, var(--pf-v5-c-toolbar__content--PaddingBlock));
11814
+ padding-inline-start: var(--pf-v5-c-toolbar__content--PaddingInlineStart, var(--pf-v5-c-toolbar__content--PaddingInline));
11815
+ padding-inline-end: var(--pf-v5-c-toolbar__content--PaddingInlineEnd, var(--pf-v5-c-toolbar__content--PaddingInline));
11920
11816
  }
11921
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__group,
11922
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__item {
11923
- display: none;
11817
+
11818
+ .pf-v5-c-toolbar__content-section {
11819
+ align-items: start;
11924
11820
  }
11925
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__toggle {
11926
- display: inline-block;
11821
+ .pf-v5-c-toolbar__content-section:has(.pf-v5-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) .pf-v5-c-toolbar__item.pf-m-pagination {
11822
+ margin-inline-start: revert;
11927
11823
  }
11928
- .pf-v5-c-toolbar__group:last-child {
11929
- --pf-v5-c-toolbar--spacer: 0;
11824
+ .pf-v5-c-toolbar__content-section:has(.pf-v5-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) > .pf-v5-c-toolbar__group:nth-last-child(2),
11825
+ .pf-v5-c-toolbar__content-section:has(.pf-v5-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) > .pf-v5-c-toolbar__item:nth-last-child(2) {
11826
+ flex: 1;
11930
11827
  }
11931
11828
 
11932
11829
  .pf-v5-c-toolbar__item {
11933
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
11934
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
11935
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
11936
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
11937
- align-items: var(--pf-v5-c-toolbar__item--AlignItems);
11938
- align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
11939
- width: var(--pf-v5-c-toolbar__item--Width--base);
11940
- min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
11941
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
11942
- }
11943
- @media (min-width: 576px) {
11944
- .pf-v5-c-toolbar__item {
11945
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width));
11946
- }
11947
- }
11948
- @media (min-width: 768px) {
11949
- .pf-v5-c-toolbar__item {
11950
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)));
11951
- }
11952
- }
11953
- @media (min-width: 992px) {
11954
- .pf-v5-c-toolbar__item {
11955
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width))));
11956
- }
11957
- }
11958
- @media (min-width: 1200px) {
11959
- .pf-v5-c-toolbar__item {
11960
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-xl, var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)))));
11961
- }
11962
- }
11963
- @media (min-width: 1450px) {
11964
- .pf-v5-c-toolbar__item {
11965
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-2xl, var(--pf-v5-c-toolbar__item--Width-on-xl, var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width))))));
11966
- }
11967
- }
11968
- @media (min-width: 576px) {
11969
- .pf-v5-c-toolbar__item {
11970
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth));
11971
- }
11972
- }
11973
- @media (min-width: 768px) {
11974
- .pf-v5-c-toolbar__item {
11975
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)));
11976
- }
11977
- }
11978
- @media (min-width: 992px) {
11979
- .pf-v5-c-toolbar__item {
11980
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))));
11981
- }
11982
- }
11983
- @media (min-width: 1200px) {
11984
- .pf-v5-c-toolbar__item {
11985
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)))));
11986
- }
11987
- }
11988
- @media (min-width: 1450px) {
11989
- .pf-v5-c-toolbar__item {
11990
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-2xl, var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))))));
11991
- }
11992
- }
11993
- .pf-v5-c-toolbar__item.pf-m-align-items-start {
11994
- align-items: flex-start;
11995
- }
11996
- .pf-v5-c-toolbar__item.pf-m-align-items-center {
11997
- align-items: center;
11998
- }
11999
- .pf-v5-c-toolbar__item.pf-m-align-items-baseline {
12000
- align-items: baseline;
12001
- }
12002
- .pf-v5-c-toolbar__item.pf-m-align-self-start {
12003
- align-self: flex-start;
12004
- }
12005
- .pf-v5-c-toolbar__item.pf-m-align-self-center {
12006
- align-self: center;
12007
- }
12008
- .pf-v5-c-toolbar__item.pf-m-align-self-baseline {
12009
- align-self: baseline;
12010
- }
12011
- .pf-v5-c-toolbar__item.pf-m-overflow-menu {
12012
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-overflow-menu--spacer);
12013
- }
12014
- .pf-v5-c-toolbar__item.pf-m-bulk-select {
12015
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-bulk-select--spacer);
11830
+ row-gap: var(--pf-v5-c-toolbar__item--RowGap, var(--pf-v5-c-toolbar--RowGap));
11831
+ column-gap: var(--pf-v5-c-toolbar__item--ColumnGap);
12016
11832
  }
12017
11833
  .pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
12018
11834
  --pf-v5-c-toolbar__expand-all-icon--Rotate: var(--pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
12019
11835
  }
12020
- .pf-v5-c-toolbar__item.pf-m-search-filter {
12021
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-search-filter--spacer);
12022
- }
12023
- .pf-v5-c-toolbar__item.pf-m-chip-group {
12024
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-chip-group--spacer);
12025
- }
12026
11836
  .pf-v5-c-toolbar__item.pf-m-label {
12027
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
12028
11837
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
12029
- transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
12030
- }
12031
- .pf-v5-c-toolbar__item.pf-m-form-element {
12032
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
12033
- font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
12034
- transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
12035
11838
  }
12036
11839
  .pf-v5-c-toolbar__item.pf-m-pagination {
12037
11840
  margin-inline-start: auto;
12038
11841
  }
12039
- .pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination {
11842
+ .pf-v5-c-toolbar__item.pf-m-pagination.pf-v5-c-pagination {
12040
11843
  flex-wrap: nowrap;
12041
11844
  }
12042
- .pf-v5-c-toolbar__item:last-child {
12043
- --pf-v5-c-toolbar--spacer: 0;
12044
- }
12045
11845
 
12046
- .pf-v5-c-toolbar__group.pf-m-overflow-container,
12047
- .pf-v5-c-toolbar__item.pf-m-overflow-container {
12048
- flex: 1;
12049
- overflow: hidden;
12050
- }
12051
-
12052
- .pf-v5-c-toolbar__expand-all-icon {
12053
- display: inline-block;
12054
- transition: var(--pf-v5-c-toolbar__expand-all-icon--Transition);
12055
- transform: rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate));
12056
- }
12057
-
12058
- .pf-v5-c-toolbar__content,
12059
- .pf-v5-c-toolbar__content-section {
12060
- flex-wrap: wrap;
12061
- }
12062
-
12063
- .pf-v5-c-toolbar__content {
12064
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display);
12065
- position: relative;
12066
- row-gap: var(--pf-v5-c-toolbar__content--RowGap);
12067
- align-items: var(--pf-v5-c-toolbar__content--AlignItems);
12068
- padding-inline-start: var(--pf-v5-c-toolbar__content--PaddingLeft);
12069
- padding-inline-end: var(--pf-v5-c-toolbar__content--PaddingRight);
11846
+ .pf-v5-c-toolbar__group {
11847
+ row-gap: var(--pf-v5-c-toolbar__group--RowGap, var(--pf-v5-c-toolbar--RowGap));
11848
+ column-gap: var(--pf-v5-c-toolbar__group--ColumnGap, var(--pf-v5-c-toolbar--ColumnGap));
11849
+ align-items: baseline;
12070
11850
  }
12071
-
12072
- .pf-v5-c-toolbar__content-section {
12073
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content-section--Display);
12074
- row-gap: var(--pf-v5-c-toolbar__content-section--RowGap);
12075
- align-items: var(--pf-v5-c-toolbar__content-section--AlignItems);
12076
- width: 100%;
11851
+ .pf-v5-c-toolbar__group.pf-m-icon-button-group {
11852
+ column-gap: var(--pf-v5-c-toolbar__group--m-icon-button-group--ColumnGap, 0);
12077
11853
  }
12078
- .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
12079
- align-items: flex-start;
11854
+ .pf-v5-c-toolbar__group.pf-m-filter-group {
11855
+ column-gap: var(--pf-v5-c-toolbar__group--m-filter-group--ColumnGap);
12080
11856
  }
12081
- .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
12082
- --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
11857
+ .pf-v5-c-toolbar__group.pf-m-filter-group, .pf-v5-c-toolbar__group.pf-m-chip-group-container {
11858
+ flex-wrap: nowrap;
12083
11859
  }
12084
- .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
12085
- align-items: baseline;
11860
+ .pf-v5-c-toolbar__group.pf-m-chip-group {
11861
+ flex: 1;
12086
11862
  }
12087
11863
 
12088
11864
  .pf-v5-c-toolbar__expandable-content {
12089
11865
  position: absolute;
12090
- inset-block-start: calc(100% + var(--pf-v5-c-toolbar__content--RowGap));
12091
- inset-inline-start: 0;
12092
- inset-inline-end: 0;
11866
+ inset-block-start: 100%;
12093
11867
  z-index: var(--pf-v5-c-toolbar__expandable-content--ZIndex);
12094
11868
  display: none;
12095
11869
  width: 100%;
12096
- padding-block-start: var(--pf-v5-c-toolbar__expandable-content--PaddingTop);
12097
- padding-block-end: var(--pf-v5-c-toolbar__expandable-content--PaddingBottom);
12098
- padding-inline-start: var(--pf-v5-c-toolbar__expandable-content--PaddingLeft);
12099
- padding-inline-end: var(--pf-v5-c-toolbar__expandable-content--PaddingRight);
12100
11870
  background-color: var(--pf-v5-c-toolbar__expandable-content--BackgroundColor);
12101
11871
  box-shadow: var(--pf-v5-c-toolbar__expandable-content--BoxShadow);
12102
11872
  }
12103
11873
  @media screen and (min-width: 992px) {
12104
11874
  .pf-v5-c-toolbar__expandable-content {
12105
11875
  position: static;
11876
+ padding: 0;
12106
11877
  box-shadow: none;
12107
11878
  }
12108
11879
  }
12109
- .pf-v5-c-toolbar__expandable-content.pf-m-expanded {
12110
- display: grid;
12111
- grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
12112
- }
12113
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group,
12114
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item {
12115
- --pf-v5-c-toolbar--spacer: 0;
12116
- }
11880
+ .pf-v5-c-toolbar__expandable-content.pf-m-expanded,
12117
11881
  .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group {
12118
11882
  display: grid;
12119
- grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
12120
- }
12121
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label {
12122
- margin-block-end: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
12123
- font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
12124
- }
12125
-
12126
- .pf-v5-c-toolbar__content.pf-m-chip-container,
12127
- .pf-v5-c-toolbar__group.pf-m-chip-container {
12128
- display: flex;
12129
- flex-wrap: wrap;
12130
- grid-row-gap: 0;
12131
- align-items: baseline;
12132
- margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop);
12133
- }
12134
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
12135
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
12136
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
12137
- --pf-v5-c-toolbar__item--AlignSelf: auto;
12138
- margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
12139
- }
12140
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
12141
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
12142
- --pf-v5-c-toolbar__group--AlignItems: center;
12143
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
12144
- display: flex;
12145
- flex-wrap: wrap;
12146
- grid-row-gap: 0;
12147
- }
12148
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
12149
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item:last-child,
12150
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
12151
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item:last-child {
12152
- --pf-v5-c-toolbar--spacer: 0;
12153
11883
  }
12154
-
12155
- .pf-v5-c-toolbar .pf-v5-c-chip-group:last-child {
12156
- --pf-v5-c-chip-group--MarginRight: 0;
11884
+ .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item > * {
11885
+ flex-basis: 100%;
12157
11886
  }
12158
11887
 
12159
- .pf-v5-c-toolbar .pf-v5-c-chip-group li:last-child {
12160
- --pf-v5-c-chip-group__li--m-toolbar--MarginRight: 0;
11888
+ .pf-v5-c-toolbar__expand-all-icon {
11889
+ display: inline-block;
11890
+ transition: var(--pf-v5-c-toolbar__expand-all-icon--Transition);
11891
+ transform: rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate));
12161
11892
  }
12162
-
12163
- .pf-v5-c-toolbar__toggle.pf-m-expanded .pf-v5-c-button.pf-m-plain {
12164
- color: var(--pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color);
11893
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-toolbar__expand-all-icon {
11894
+ scale: -1 1;
12165
11895
  }
12166
11896
 
12167
- .pf-m-toggle-group.pf-m-show {
12168
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12169
- }
12170
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__group,
12171
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__item {
12172
- display: flex;
12173
- flex: 0 1 auto;
11897
+ .pf-v5-c-toolbar__group,
11898
+ .pf-v5-c-toolbar__item {
11899
+ align-self: baseline;
12174
11900
  }
12175
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__toggle {
12176
- display: none;
11901
+ .pf-v5-c-toolbar__group.pf-m-overflow-container,
11902
+ .pf-v5-c-toolbar__item.pf-m-overflow-container {
11903
+ flex: 1;
11904
+ overflow: auto;
12177
11905
  }
12178
11906
 
12179
- @media (min-width: 576px) {
12180
- .pf-m-toggle-group.pf-m-show-on-sm {
12181
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12182
- }
12183
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__group,
12184
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__item {
12185
- display: flex;
12186
- flex: 0 1 auto;
12187
- }
12188
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__toggle {
12189
- display: none;
12190
- }
12191
- }
12192
- @media (min-width: 768px) {
12193
- .pf-m-toggle-group.pf-m-show-on-md {
12194
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12195
- }
12196
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__group,
12197
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__item {
12198
- display: flex;
12199
- flex: 0 1 auto;
12200
- }
12201
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__toggle {
12202
- display: none;
12203
- }
12204
- }
12205
- @media (min-width: 992px) {
12206
- .pf-m-toggle-group.pf-m-show-on-lg {
12207
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12208
- }
12209
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__group,
12210
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__item {
12211
- display: flex;
12212
- flex: 0 1 auto;
12213
- }
12214
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__toggle {
12215
- display: none;
12216
- }
12217
- }
12218
- @media (min-width: 1200px) {
12219
- .pf-m-toggle-group.pf-m-show-on-xl {
12220
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12221
- }
12222
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__group,
12223
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__item {
12224
- display: flex;
12225
- flex: 0 1 auto;
12226
- }
12227
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__toggle {
12228
- display: none;
12229
- }
12230
- }
12231
- @media (min-width: 1450px) {
12232
- .pf-m-toggle-group.pf-m-show-on-2xl {
12233
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12234
- }
12235
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__group,
12236
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__item {
12237
- display: flex;
12238
- flex: 0 1 auto;
12239
- }
12240
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__toggle {
12241
- display: none;
12242
- }
12243
- }
12244
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right,
12245
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right {
12246
- margin-inline-start: auto;
12247
- }
12248
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
12249
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
11907
+ .pf-v5-c-toolbar__group.pf-m-align-start,
11908
+ .pf-v5-c-toolbar__item.pf-m-align-start {
12250
11909
  margin-inline-start: 0;
12251
11910
  }
12252
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left,
12253
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left {
12254
- margin-inline-start: 0;
11911
+ .pf-v5-c-toolbar__group.pf-m-align-center,
11912
+ .pf-v5-c-toolbar__item.pf-m-align-center {
11913
+ margin-inline-start: auto;
11914
+ margin-inline-end: auto;
12255
11915
  }
12256
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
12257
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
11916
+ .pf-v5-c-toolbar__group.pf-m-align-end,
11917
+ .pf-v5-c-toolbar__item.pf-m-align-end {
12258
11918
  margin-inline-start: auto;
12259
11919
  }
12260
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap,
12261
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap {
12262
- flex-wrap: nowrap;
11920
+ .pf-v5-c-toolbar__group.pf-m-flex-grow,
11921
+ .pf-v5-c-toolbar__item.pf-m-flex-grow {
11922
+ flex-grow: 1;
12263
11923
  }
12264
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap,
12265
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap {
12266
- flex-wrap: wrap;
11924
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch,
11925
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch {
11926
+ align-self: stretch;
12267
11927
  }
12268
- @media (min-width: 576px) {
12269
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm,
12270
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm {
12271
- margin-inline-start: auto;
12272
- }
12273
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
12274
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
12275
- margin-inline-start: 0;
12276
- }
12277
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm,
12278
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm {
12279
- margin-inline-start: 0;
12280
- }
12281
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
12282
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
12283
- margin-inline-start: auto;
12284
- }
12285
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm,
12286
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm {
12287
- flex-wrap: nowrap;
12288
- }
12289
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm,
12290
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-sm {
12291
- flex-wrap: wrap;
12292
- }
11928
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline,
11929
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline {
11930
+ align-self: baseline;
12293
11931
  }
12294
- @media (min-width: 768px) {
12295
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md,
12296
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md {
12297
- margin-inline-start: auto;
12298
- }
12299
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
12300
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
12301
- margin-inline-start: 0;
12302
- }
12303
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md,
12304
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md {
12305
- margin-inline-start: 0;
12306
- }
12307
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
12308
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
12309
- margin-inline-start: auto;
12310
- }
12311
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md,
12312
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md {
12313
- flex-wrap: nowrap;
12314
- }
12315
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md,
12316
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-md {
12317
- flex-wrap: wrap;
12318
- }
11932
+ .pf-v5-c-toolbar__group.pf-m-align-self-start,
11933
+ .pf-v5-c-toolbar__item.pf-m-align-self-start {
11934
+ align-self: start;
11935
+ }
11936
+ .pf-v5-c-toolbar__group.pf-m-align-self-center,
11937
+ .pf-v5-c-toolbar__item.pf-m-align-self-center {
11938
+ align-self: center;
12319
11939
  }
12320
- @media (min-width: 992px) {
12321
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg,
12322
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg {
12323
- margin-inline-start: auto;
12324
- }
12325
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
12326
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
12327
- margin-inline-start: 0;
12328
- }
12329
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg,
12330
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg {
12331
- margin-inline-start: 0;
12332
- }
12333
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
12334
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
12335
- margin-inline-start: auto;
12336
- }
12337
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg,
12338
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg {
12339
- flex-wrap: nowrap;
12340
- }
12341
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg,
12342
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-lg {
12343
- flex-wrap: wrap;
12344
- }
11940
+ .pf-v5-c-toolbar__group.pf-m-align-self-end,
11941
+ .pf-v5-c-toolbar__item.pf-m-align-self-end {
11942
+ align-self: end;
12345
11943
  }
12346
- @media (min-width: 1200px) {
12347
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl,
12348
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl {
12349
- margin-inline-start: auto;
12350
- }
12351
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
12352
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
12353
- margin-inline-start: 0;
12354
- }
12355
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl,
12356
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl {
12357
- margin-inline-start: 0;
12358
- }
12359
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
12360
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
12361
- margin-inline-start: auto;
12362
- }
12363
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl,
12364
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl {
12365
- flex-wrap: nowrap;
12366
- }
12367
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl,
12368
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-xl {
12369
- flex-wrap: wrap;
12370
- }
11944
+
11945
+ .pf-v5-c-toolbar.pf-m-inset-none,
11946
+ .pf-v5-c-toolbar__content.pf-m-inset-none,
11947
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none {
11948
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
11949
+ }
11950
+ .pf-v5-c-toolbar.pf-m-inset-xs,
11951
+ .pf-v5-c-toolbar__content.pf-m-inset-xs,
11952
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs {
11953
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
11954
+ }
11955
+ .pf-v5-c-toolbar.pf-m-inset-sm,
11956
+ .pf-v5-c-toolbar__content.pf-m-inset-sm,
11957
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm {
11958
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
11959
+ }
11960
+ .pf-v5-c-toolbar.pf-m-inset-md,
11961
+ .pf-v5-c-toolbar__content.pf-m-inset-md,
11962
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md {
11963
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
11964
+ }
11965
+ .pf-v5-c-toolbar.pf-m-inset-lg,
11966
+ .pf-v5-c-toolbar__content.pf-m-inset-lg,
11967
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg {
11968
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
11969
+ }
11970
+ .pf-v5-c-toolbar.pf-m-inset-xl,
11971
+ .pf-v5-c-toolbar__content.pf-m-inset-xl,
11972
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl {
11973
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
11974
+ }
11975
+ .pf-v5-c-toolbar.pf-m-inset-2xl,
11976
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl,
11977
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl {
11978
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
11979
+ }
11980
+ .pf-v5-c-toolbar.pf-m-inset-3xl,
11981
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl,
11982
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl {
11983
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
11984
+ }
11985
+ .pf-v5-c-toolbar.pf-m-inset-4xl,
11986
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl,
11987
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl {
11988
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
11989
+ }
11990
+
11991
+ .pf-v5-c-toolbar__group.pf-m-wrap,
11992
+ .pf-v5-c-toolbar__item.pf-m-wrap,
11993
+ .pf-v5-c-toolbar__content.pf-m-wrap,
11994
+ .pf-v5-c-toolbar__content-section.pf-m-wrap {
11995
+ flex-wrap: wrap;
12371
11996
  }
12372
- @media (min-width: 1450px) {
12373
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl,
12374
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl {
12375
- margin-inline-start: auto;
12376
- }
12377
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
12378
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
12379
- margin-inline-start: 0;
12380
- }
12381
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl,
12382
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl {
12383
- margin-inline-start: 0;
12384
- }
12385
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
12386
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
12387
- margin-inline-start: auto;
12388
- }
12389
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl,
12390
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl {
12391
- flex-wrap: nowrap;
12392
- }
12393
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl,
12394
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl {
12395
- flex-wrap: wrap;
12396
- }
11997
+ .pf-v5-c-toolbar__group.pf-m-nowrap,
11998
+ .pf-v5-c-toolbar__item.pf-m-nowrap,
11999
+ .pf-v5-c-toolbar__content.pf-m-nowrap,
12000
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap {
12001
+ flex-wrap: nowrap;
12002
+ }
12003
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch,
12004
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch,
12005
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch,
12006
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch {
12007
+ align-items: stretch;
12008
+ }
12009
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline,
12010
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline,
12011
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline,
12012
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
12013
+ align-items: baseline;
12397
12014
  }
12398
- .pf-v5-c-toolbar .pf-m-space-items-none > * {
12399
- --pf-v5-c-toolbar--spacer: 0;
12015
+ .pf-v5-c-toolbar__group.pf-m-align-items-start,
12016
+ .pf-v5-c-toolbar__item.pf-m-align-items-start,
12017
+ .pf-v5-c-toolbar__content.pf-m-align-items-start,
12018
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
12019
+ align-items: start;
12020
+ }
12021
+ .pf-v5-c-toolbar__group.pf-m-align-items-center,
12022
+ .pf-v5-c-toolbar__item.pf-m-align-items-center,
12023
+ .pf-v5-c-toolbar__content.pf-m-align-items-center,
12024
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
12025
+ align-items: center;
12400
12026
  }
12401
- .pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
12402
- --pf-v5-c-toolbar--spacer: 0;
12027
+ .pf-v5-c-toolbar__group.pf-m-align-items-end,
12028
+ .pf-v5-c-toolbar__item.pf-m-align-items-end,
12029
+ .pf-v5-c-toolbar__content.pf-m-align-items-end,
12030
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end {
12031
+ align-items: end;
12403
12032
  }
12404
- .pf-v5-c-toolbar .pf-m-space-items-sm > * {
12405
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12033
+ .pf-v5-c-toolbar__group.pf-m-gap-none,
12034
+ .pf-v5-c-toolbar__item.pf-m-gap-none,
12035
+ .pf-v5-c-toolbar__content.pf-m-gap-none,
12036
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none {
12037
+ column-gap: 0;
12038
+ }
12039
+ .pf-v5-c-toolbar__group.pf-m-gap-xs,
12040
+ .pf-v5-c-toolbar__item.pf-m-gap-xs,
12041
+ .pf-v5-c-toolbar__content.pf-m-gap-xs,
12042
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs {
12043
+ column-gap: var(--pf-v5-global--spacer--xs);
12044
+ }
12045
+ .pf-v5-c-toolbar__group.pf-m-gap-sm,
12046
+ .pf-v5-c-toolbar__item.pf-m-gap-sm,
12047
+ .pf-v5-c-toolbar__content.pf-m-gap-sm,
12048
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm {
12049
+ column-gap: var(--pf-v5-global--spacer--sm);
12050
+ }
12051
+ .pf-v5-c-toolbar__group.pf-m-gap-md,
12052
+ .pf-v5-c-toolbar__item.pf-m-gap-md,
12053
+ .pf-v5-c-toolbar__content.pf-m-gap-md,
12054
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md {
12055
+ column-gap: var(--pf-v5-global--spacer--md);
12056
+ }
12057
+ .pf-v5-c-toolbar__group.pf-m-gap-lg,
12058
+ .pf-v5-c-toolbar__item.pf-m-gap-lg,
12059
+ .pf-v5-c-toolbar__content.pf-m-gap-lg,
12060
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg {
12061
+ column-gap: var(--pf-v5-global--spacer--lg);
12062
+ }
12063
+ .pf-v5-c-toolbar__group.pf-m-gap-xl,
12064
+ .pf-v5-c-toolbar__item.pf-m-gap-xl,
12065
+ .pf-v5-c-toolbar__content.pf-m-gap-xl,
12066
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl {
12067
+ column-gap: var(--pf-v5-global--spacer--xl);
12068
+ }
12069
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl,
12070
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl,
12071
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl,
12072
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl {
12073
+ column-gap: var(--pf-v5-global--spacer--2xl);
12074
+ }
12075
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl,
12076
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl,
12077
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl,
12078
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl {
12079
+ column-gap: var(--pf-v5-global--spacer--3xl);
12080
+ }
12081
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl,
12082
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl,
12083
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl,
12084
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl {
12085
+ column-gap: var(--pf-v5-global--spacer--4xl);
12086
+ }
12087
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none,
12088
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none,
12089
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none,
12090
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none {
12091
+ column-gap: 0;
12092
+ }
12093
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none,
12094
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none,
12095
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none,
12096
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none {
12097
+ column-gap: 0;
12098
+ }
12099
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone,
12100
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone,
12101
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone,
12102
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone {
12103
+ margin-inline-start: 0;
12406
12104
  }
12407
- .pf-v5-c-toolbar .pf-m-space-items-sm > :last-child {
12408
- --pf-v5-c-toolbar--spacer: 0;
12105
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone,
12106
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone,
12107
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone,
12108
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone {
12109
+ margin-inline-end: 0;
12409
12110
  }
12410
- .pf-v5-c-toolbar .pf-m-space-items-md > * {
12411
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12111
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs,
12112
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs,
12113
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs,
12114
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs {
12115
+ column-gap: var(--pf-v5-global--spacer--xs);
12116
+ }
12117
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs,
12118
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs,
12119
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs,
12120
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs {
12121
+ column-gap: var(--pf-v5-global--spacer--xs);
12122
+ }
12123
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs,
12124
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs,
12125
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs,
12126
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs {
12127
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
12128
+ }
12129
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs,
12130
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs,
12131
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs,
12132
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs {
12133
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
12134
+ }
12135
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm,
12136
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm,
12137
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm,
12138
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm {
12139
+ column-gap: var(--pf-v5-global--spacer--sm);
12140
+ }
12141
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm,
12142
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm,
12143
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm,
12144
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm {
12145
+ column-gap: var(--pf-v5-global--spacer--sm);
12146
+ }
12147
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm,
12148
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm,
12149
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm,
12150
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm {
12151
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
12152
+ }
12153
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm,
12154
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm,
12155
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm,
12156
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm {
12157
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
12158
+ }
12159
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md,
12160
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md,
12161
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md,
12162
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md {
12163
+ column-gap: var(--pf-v5-global--spacer--md);
12164
+ }
12165
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md,
12166
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md,
12167
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md,
12168
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md {
12169
+ column-gap: var(--pf-v5-global--spacer--md);
12170
+ }
12171
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd,
12172
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd,
12173
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd,
12174
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd {
12175
+ margin-inline-start: var(--pf-v5-global--spacer--md);
12176
+ }
12177
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd,
12178
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd,
12179
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd,
12180
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd {
12181
+ margin-inline-end: var(--pf-v5-global--spacer--md);
12182
+ }
12183
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg,
12184
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg,
12185
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg,
12186
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg {
12187
+ column-gap: var(--pf-v5-global--spacer--lg);
12188
+ }
12189
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg,
12190
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg,
12191
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg,
12192
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg {
12193
+ column-gap: var(--pf-v5-global--spacer--lg);
12194
+ }
12195
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg,
12196
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg,
12197
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg,
12198
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg {
12199
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
12200
+ }
12201
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg,
12202
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg,
12203
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg,
12204
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg {
12205
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
12206
+ }
12207
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl,
12208
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl,
12209
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl,
12210
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl {
12211
+ column-gap: var(--pf-v5-global--spacer--xl);
12212
+ }
12213
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl,
12214
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl,
12215
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl,
12216
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl {
12217
+ column-gap: var(--pf-v5-global--spacer--xl);
12218
+ }
12219
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl,
12220
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl,
12221
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl,
12222
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl {
12223
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
12224
+ }
12225
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl,
12226
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl,
12227
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl,
12228
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl {
12229
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
12230
+ }
12231
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl,
12232
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl,
12233
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl,
12234
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl {
12235
+ column-gap: var(--pf-v5-global--spacer--2xl);
12236
+ }
12237
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl,
12238
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl,
12239
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl,
12240
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl {
12241
+ column-gap: var(--pf-v5-global--spacer--2xl);
12242
+ }
12243
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl,
12244
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl,
12245
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl,
12246
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl {
12247
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
12248
+ }
12249
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl,
12250
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl,
12251
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl,
12252
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl {
12253
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
12254
+ }
12255
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl,
12256
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl,
12257
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl,
12258
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl {
12259
+ column-gap: var(--pf-v5-global--spacer--3xl);
12260
+ }
12261
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl,
12262
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl,
12263
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl,
12264
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl {
12265
+ column-gap: var(--pf-v5-global--spacer--3xl);
12266
+ }
12267
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl,
12268
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl,
12269
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl,
12270
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl {
12271
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
12272
+ }
12273
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl,
12274
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl,
12275
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl,
12276
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl {
12277
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
12278
+ }
12279
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl,
12280
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl,
12281
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl,
12282
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl {
12283
+ column-gap: var(--pf-v5-global--spacer--4xl);
12284
+ }
12285
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl,
12286
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl,
12287
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl,
12288
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl {
12289
+ column-gap: var(--pf-v5-global--spacer--4xl);
12290
+ }
12291
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl,
12292
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl,
12293
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl,
12294
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl {
12295
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
12296
+ }
12297
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl,
12298
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl,
12299
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl,
12300
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl {
12301
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
12302
+ }
12303
+
12304
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v5-c-toolbar__group,
12305
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v5-c-toolbar__item {
12306
+ display: flex;
12307
+ flex: 0 1 auto;
12412
12308
  }
12413
- .pf-v5-c-toolbar .pf-m-space-items-md > :last-child {
12414
- --pf-v5-c-toolbar--spacer: 0;
12309
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v5-c-toolbar__toggle {
12310
+ display: none;
12415
12311
  }
12416
- .pf-v5-c-toolbar .pf-m-space-items-lg > * {
12417
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12312
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
12313
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v5-c-toolbar__group,
12314
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v5-c-toolbar__item {
12315
+ display: none;
12418
12316
  }
12419
- .pf-v5-c-toolbar .pf-m-space-items-lg > :last-child {
12420
- --pf-v5-c-toolbar--spacer: 0;
12317
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__toggle, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v5-c-toolbar__toggle {
12318
+ display: inline-block;
12421
12319
  }
12320
+
12422
12321
  @media (min-width: 576px) {
12423
- .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
12424
- --pf-v5-c-toolbar--spacer: 0;
12425
- }
12426
- .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
12427
- --pf-v5-c-toolbar--spacer: 0;
12428
- }
12429
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
12430
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12431
- }
12432
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > :last-child {
12433
- --pf-v5-c-toolbar--spacer: 0;
12434
- }
12435
- .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > * {
12436
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12322
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-sm,
12323
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-sm {
12324
+ margin-inline-start: 0;
12437
12325
  }
12438
- .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > :last-child {
12439
- --pf-v5-c-toolbar--spacer: 0;
12326
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-sm,
12327
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-sm {
12328
+ margin-inline-start: auto;
12329
+ margin-inline-end: auto;
12440
12330
  }
12441
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > * {
12442
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12331
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-sm,
12332
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-sm {
12333
+ margin-inline-start: auto;
12443
12334
  }
12444
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > :last-child {
12445
- --pf-v5-c-toolbar--spacer: 0;
12335
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-sm,
12336
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-sm {
12337
+ flex-grow: 1;
12446
12338
  }
12447
- }
12448
- @media (min-width: 768px) {
12449
- .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
12450
- --pf-v5-c-toolbar--spacer: 0;
12339
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-sm,
12340
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-sm {
12341
+ align-self: stretch;
12451
12342
  }
12452
- .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
12453
- --pf-v5-c-toolbar--spacer: 0;
12343
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-sm,
12344
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-sm {
12345
+ align-self: baseline;
12454
12346
  }
12455
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
12456
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12347
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-sm,
12348
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-sm {
12349
+ align-self: start;
12457
12350
  }
12458
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > :last-child {
12459
- --pf-v5-c-toolbar--spacer: 0;
12351
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-sm,
12352
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-sm {
12353
+ align-self: center;
12460
12354
  }
12461
- .pf-v5-c-toolbar .pf-m-space-items-md-on-md > * {
12462
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12355
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-sm,
12356
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-sm {
12357
+ align-self: end;
12358
+ }
12359
+ .pf-v5-c-toolbar.pf-m-inset-none-on-sm,
12360
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-sm,
12361
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-sm {
12362
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
12363
+ }
12364
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-sm,
12365
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-sm,
12366
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-sm {
12367
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
12368
+ }
12369
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-sm,
12370
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-sm,
12371
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-sm {
12372
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
12373
+ }
12374
+ .pf-v5-c-toolbar.pf-m-inset-md-on-sm,
12375
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-sm,
12376
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-sm {
12377
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
12378
+ }
12379
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-sm,
12380
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-sm,
12381
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-sm {
12382
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
12383
+ }
12384
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-sm,
12385
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-sm,
12386
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-sm {
12387
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
12388
+ }
12389
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm,
12390
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-sm,
12391
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-sm {
12392
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
12393
+ }
12394
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-sm,
12395
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-sm,
12396
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-sm {
12397
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
12398
+ }
12399
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-sm,
12400
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-sm,
12401
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-sm {
12402
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
12403
+ }
12404
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-sm,
12405
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-sm,
12406
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-sm,
12407
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm {
12408
+ flex-wrap: wrap;
12463
12409
  }
12464
- .pf-v5-c-toolbar .pf-m-space-items-md-on-md > :last-child {
12465
- --pf-v5-c-toolbar--spacer: 0;
12410
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm,
12411
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-sm,
12412
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-sm,
12413
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm {
12414
+ flex-wrap: nowrap;
12466
12415
  }
12467
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > * {
12468
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12416
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-sm,
12417
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-sm,
12418
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-sm,
12419
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-sm {
12420
+ align-items: stretch;
12469
12421
  }
12470
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > :last-child {
12471
- --pf-v5-c-toolbar--spacer: 0;
12422
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-sm,
12423
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-sm,
12424
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-sm,
12425
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-sm {
12426
+ align-items: baseline;
12472
12427
  }
12473
- }
12474
- @media (min-width: 992px) {
12475
- .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
12476
- --pf-v5-c-toolbar--spacer: 0;
12428
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-sm,
12429
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-sm,
12430
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-sm,
12431
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-sm {
12432
+ align-items: start;
12477
12433
  }
12478
- .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
12479
- --pf-v5-c-toolbar--spacer: 0;
12434
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-sm,
12435
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-sm,
12436
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-sm,
12437
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-sm {
12438
+ align-items: center;
12480
12439
  }
12481
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
12482
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12440
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-sm,
12441
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-sm,
12442
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-sm,
12443
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-sm {
12444
+ align-items: end;
12445
+ }
12446
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-sm,
12447
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-sm,
12448
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-sm,
12449
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-sm {
12450
+ column-gap: 0;
12451
+ }
12452
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-sm,
12453
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-sm,
12454
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-sm,
12455
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-sm {
12456
+ column-gap: var(--pf-v5-global--spacer--xs);
12457
+ }
12458
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-sm,
12459
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-sm,
12460
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-sm,
12461
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-sm {
12462
+ column-gap: var(--pf-v5-global--spacer--sm);
12463
+ }
12464
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-sm,
12465
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-sm,
12466
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-sm,
12467
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-sm {
12468
+ column-gap: var(--pf-v5-global--spacer--md);
12469
+ }
12470
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-sm,
12471
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-sm,
12472
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-sm,
12473
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-sm {
12474
+ column-gap: var(--pf-v5-global--spacer--lg);
12475
+ }
12476
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-sm,
12477
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-sm,
12478
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-sm,
12479
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-sm {
12480
+ column-gap: var(--pf-v5-global--spacer--xl);
12481
+ }
12482
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-sm,
12483
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-sm,
12484
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-sm,
12485
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
12486
+ column-gap: var(--pf-v5-global--spacer--2xl);
12487
+ }
12488
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-sm,
12489
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-sm,
12490
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-sm,
12491
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
12492
+ column-gap: var(--pf-v5-global--spacer--3xl);
12493
+ }
12494
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-sm,
12495
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-sm,
12496
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-sm,
12497
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
12498
+ column-gap: var(--pf-v5-global--spacer--4xl);
12499
+ }
12500
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-sm,
12501
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-sm,
12502
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-sm,
12503
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-sm {
12504
+ column-gap: 0;
12505
+ }
12506
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-sm,
12507
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-sm,
12508
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-sm,
12509
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
12510
+ column-gap: 0;
12511
+ }
12512
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-sm,
12513
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-sm,
12514
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-sm,
12515
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-sm {
12516
+ margin-inline-start: 0;
12483
12517
  }
12484
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > :last-child {
12485
- --pf-v5-c-toolbar--spacer: 0;
12518
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-sm,
12519
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-sm,
12520
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-sm,
12521
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-sm {
12522
+ margin-inline-end: 0;
12486
12523
  }
12487
- .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > * {
12488
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12524
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-sm,
12525
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-sm,
12526
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-sm,
12527
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-sm {
12528
+ column-gap: var(--pf-v5-global--spacer--xs);
12529
+ }
12530
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-sm,
12531
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-sm,
12532
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-sm,
12533
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
12534
+ column-gap: var(--pf-v5-global--spacer--xs);
12535
+ }
12536
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-sm,
12537
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-sm,
12538
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-sm,
12539
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-sm {
12540
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
12541
+ }
12542
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-sm,
12543
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-sm,
12544
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-sm,
12545
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-sm {
12546
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
12547
+ }
12548
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-sm,
12549
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-sm,
12550
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-sm,
12551
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-sm {
12552
+ column-gap: var(--pf-v5-global--spacer--sm);
12553
+ }
12554
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-sm,
12555
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-sm,
12556
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-sm,
12557
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
12558
+ column-gap: var(--pf-v5-global--spacer--sm);
12559
+ }
12560
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-sm,
12561
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-sm,
12562
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-sm,
12563
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-sm {
12564
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
12565
+ }
12566
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-sm,
12567
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-sm,
12568
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-sm,
12569
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-sm {
12570
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
12571
+ }
12572
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-sm,
12573
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-sm,
12574
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-sm,
12575
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-sm {
12576
+ column-gap: var(--pf-v5-global--spacer--md);
12577
+ }
12578
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-sm,
12579
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-sm,
12580
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-sm,
12581
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
12582
+ column-gap: var(--pf-v5-global--spacer--md);
12583
+ }
12584
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-sm,
12585
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-sm,
12586
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-sm,
12587
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-sm {
12588
+ margin-inline-start: var(--pf-v5-global--spacer--md);
12589
+ }
12590
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-sm,
12591
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-sm,
12592
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-sm,
12593
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-sm {
12594
+ margin-inline-end: var(--pf-v5-global--spacer--md);
12595
+ }
12596
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-sm,
12597
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-sm,
12598
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-sm,
12599
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-sm {
12600
+ column-gap: var(--pf-v5-global--spacer--lg);
12601
+ }
12602
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-sm,
12603
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-sm,
12604
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-sm,
12605
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
12606
+ column-gap: var(--pf-v5-global--spacer--lg);
12607
+ }
12608
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-sm,
12609
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-sm,
12610
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-sm,
12611
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-sm {
12612
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
12613
+ }
12614
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-sm,
12615
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-sm,
12616
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-sm,
12617
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-sm {
12618
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
12619
+ }
12620
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-sm,
12621
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-sm,
12622
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-sm,
12623
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-sm {
12624
+ column-gap: var(--pf-v5-global--spacer--xl);
12625
+ }
12626
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-sm,
12627
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-sm,
12628
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-sm,
12629
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
12630
+ column-gap: var(--pf-v5-global--spacer--xl);
12631
+ }
12632
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-sm,
12633
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-sm,
12634
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-sm,
12635
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-sm {
12636
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
12637
+ }
12638
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-sm,
12639
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-sm,
12640
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-sm,
12641
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-sm {
12642
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
12643
+ }
12644
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-sm,
12645
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-sm,
12646
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-sm,
12647
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-sm {
12648
+ column-gap: var(--pf-v5-global--spacer--2xl);
12649
+ }
12650
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-sm,
12651
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
12652
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-sm,
12653
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
12654
+ column-gap: var(--pf-v5-global--spacer--2xl);
12655
+ }
12656
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-sm,
12657
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-sm,
12658
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-sm,
12659
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-sm {
12660
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
12661
+ }
12662
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-sm,
12663
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-sm,
12664
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-sm,
12665
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-sm {
12666
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
12667
+ }
12668
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-sm,
12669
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-sm,
12670
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-sm,
12671
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-sm {
12672
+ column-gap: var(--pf-v5-global--spacer--3xl);
12673
+ }
12674
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-sm,
12675
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
12676
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-sm,
12677
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
12678
+ column-gap: var(--pf-v5-global--spacer--3xl);
12679
+ }
12680
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-sm,
12681
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-sm,
12682
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-sm,
12683
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-sm {
12684
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
12685
+ }
12686
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-sm,
12687
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-sm,
12688
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-sm,
12689
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-sm {
12690
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
12691
+ }
12692
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-sm,
12693
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-sm,
12694
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-sm,
12695
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-sm {
12696
+ column-gap: var(--pf-v5-global--spacer--4xl);
12697
+ }
12698
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-sm,
12699
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
12700
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-sm,
12701
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
12702
+ column-gap: var(--pf-v5-global--spacer--4xl);
12703
+ }
12704
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-sm,
12705
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-sm,
12706
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-sm,
12707
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-sm {
12708
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
12709
+ }
12710
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-sm,
12711
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-sm,
12712
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-sm,
12713
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-sm {
12714
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
12715
+ }
12716
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v5-c-toolbar__group,
12717
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v5-c-toolbar__item {
12718
+ display: flex;
12719
+ flex: 0 1 auto;
12489
12720
  }
12490
- .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > :last-child {
12491
- --pf-v5-c-toolbar--spacer: 0;
12721
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v5-c-toolbar__toggle {
12722
+ display: none;
12492
12723
  }
12493
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > * {
12494
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12724
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
12725
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v5-c-toolbar__group,
12726
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v5-c-toolbar__item {
12727
+ display: none;
12495
12728
  }
12496
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > :last-child {
12497
- --pf-v5-c-toolbar--spacer: 0;
12729
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__toggle, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v5-c-toolbar__toggle {
12730
+ display: inline-block;
12498
12731
  }
12499
12732
  }
12500
- @media (min-width: 1200px) {
12501
- .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
12502
- --pf-v5-c-toolbar--spacer: 0;
12733
+ @media (min-width: 768px) {
12734
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-md,
12735
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-md {
12736
+ margin-inline-start: 0;
12503
12737
  }
12504
- .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
12505
- --pf-v5-c-toolbar--spacer: 0;
12738
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-md,
12739
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-md {
12740
+ margin-inline-start: auto;
12741
+ margin-inline-end: auto;
12506
12742
  }
12507
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
12508
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12743
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-md,
12744
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-md {
12745
+ margin-inline-start: auto;
12509
12746
  }
12510
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > :last-child {
12511
- --pf-v5-c-toolbar--spacer: 0;
12747
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-md,
12748
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-md {
12749
+ flex-grow: 1;
12512
12750
  }
12513
- .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > * {
12514
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12751
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-md,
12752
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-md {
12753
+ align-self: stretch;
12515
12754
  }
12516
- .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > :last-child {
12517
- --pf-v5-c-toolbar--spacer: 0;
12755
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-md,
12756
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-md {
12757
+ align-self: baseline;
12518
12758
  }
12519
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > * {
12520
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12759
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-md,
12760
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-md {
12761
+ align-self: start;
12521
12762
  }
12522
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > :last-child {
12523
- --pf-v5-c-toolbar--spacer: 0;
12763
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-md,
12764
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-md {
12765
+ align-self: center;
12524
12766
  }
12525
- }
12526
- @media (min-width: 1450px) {
12527
- .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
12528
- --pf-v5-c-toolbar--spacer: 0;
12767
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-md,
12768
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-md {
12769
+ align-self: end;
12770
+ }
12771
+ .pf-v5-c-toolbar.pf-m-inset-none-on-md,
12772
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-md,
12773
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-md {
12774
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
12775
+ }
12776
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-md,
12777
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-md,
12778
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-md {
12779
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
12780
+ }
12781
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-md,
12782
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-md,
12783
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-md {
12784
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
12785
+ }
12786
+ .pf-v5-c-toolbar.pf-m-inset-md-on-md,
12787
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-md,
12788
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-md {
12789
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
12790
+ }
12791
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-md,
12792
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-md,
12793
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-md {
12794
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
12795
+ }
12796
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-md,
12797
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-md,
12798
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-md {
12799
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
12800
+ }
12801
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-md,
12802
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-md,
12803
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-md {
12804
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
12805
+ }
12806
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-md,
12807
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-md,
12808
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-md {
12809
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
12810
+ }
12811
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-md,
12812
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-md,
12813
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-md {
12814
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
12815
+ }
12816
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-md,
12817
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-md,
12818
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-md,
12819
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md {
12820
+ flex-wrap: wrap;
12529
12821
  }
12530
- .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
12531
- --pf-v5-c-toolbar--spacer: 0;
12822
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-md,
12823
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-md,
12824
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-md,
12825
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md {
12826
+ flex-wrap: nowrap;
12532
12827
  }
12533
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
12534
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12828
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-md,
12829
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-md,
12830
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-md,
12831
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-md {
12832
+ align-items: stretch;
12535
12833
  }
12536
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
12537
- --pf-v5-c-toolbar--spacer: 0;
12834
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-md,
12835
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-md,
12836
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-md,
12837
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-md {
12838
+ align-items: baseline;
12538
12839
  }
12539
- .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > * {
12540
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12840
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-md,
12841
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-md,
12842
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-md,
12843
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-md {
12844
+ align-items: start;
12541
12845
  }
12542
- .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > :last-child {
12543
- --pf-v5-c-toolbar--spacer: 0;
12846
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-md,
12847
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-md,
12848
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-md,
12849
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-md {
12850
+ align-items: center;
12544
12851
  }
12545
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > * {
12546
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12852
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-md,
12853
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-md,
12854
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-md,
12855
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-md {
12856
+ align-items: end;
12857
+ }
12858
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-md,
12859
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-md,
12860
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-md,
12861
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-md {
12862
+ column-gap: 0;
12863
+ }
12864
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-md,
12865
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-md,
12866
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-md,
12867
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-md {
12868
+ column-gap: var(--pf-v5-global--spacer--xs);
12869
+ }
12870
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-md,
12871
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-md,
12872
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-md,
12873
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-md {
12874
+ column-gap: var(--pf-v5-global--spacer--sm);
12875
+ }
12876
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-md,
12877
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-md,
12878
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-md,
12879
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-md {
12880
+ column-gap: var(--pf-v5-global--spacer--md);
12881
+ }
12882
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-md,
12883
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-md,
12884
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-md,
12885
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-md {
12886
+ column-gap: var(--pf-v5-global--spacer--lg);
12887
+ }
12888
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-md,
12889
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-md,
12890
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-md,
12891
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-md {
12892
+ column-gap: var(--pf-v5-global--spacer--xl);
12893
+ }
12894
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-md,
12895
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-md,
12896
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-md,
12897
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-md {
12898
+ column-gap: var(--pf-v5-global--spacer--2xl);
12899
+ }
12900
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-md,
12901
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-md,
12902
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-md,
12903
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-md {
12904
+ column-gap: var(--pf-v5-global--spacer--3xl);
12905
+ }
12906
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-md,
12907
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-md,
12908
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-md,
12909
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-md {
12910
+ column-gap: var(--pf-v5-global--spacer--4xl);
12911
+ }
12912
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-md,
12913
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-md,
12914
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-md,
12915
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-md {
12916
+ column-gap: 0;
12917
+ }
12918
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-md,
12919
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-md,
12920
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-md,
12921
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-md {
12922
+ column-gap: 0;
12923
+ }
12924
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-md,
12925
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-md,
12926
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-md,
12927
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-md {
12928
+ margin-inline-start: 0;
12547
12929
  }
12548
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child {
12549
- --pf-v5-c-toolbar--spacer: 0;
12930
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-md,
12931
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-md,
12932
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-md,
12933
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-md {
12934
+ margin-inline-end: 0;
12550
12935
  }
12551
- }
12552
- .pf-v5-c-toolbar .pf-m-spacer-none {
12553
- --pf-v5-c-toolbar--spacer: 0;
12554
- }
12555
- .pf-v5-c-toolbar .pf-m-spacer-none:last-child {
12556
- --pf-v5-c-toolbar--spacer: 0;
12557
- }
12558
- .pf-v5-c-toolbar .pf-m-spacer-sm {
12559
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12560
- }
12561
- .pf-v5-c-toolbar .pf-m-spacer-sm:last-child {
12562
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12563
- }
12564
- .pf-v5-c-toolbar .pf-m-spacer-md {
12565
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12566
- }
12567
- .pf-v5-c-toolbar .pf-m-spacer-md:last-child {
12568
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12569
- }
12570
- .pf-v5-c-toolbar .pf-m-spacer-lg {
12571
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12572
- }
12573
- .pf-v5-c-toolbar .pf-m-spacer-lg:last-child {
12574
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12575
- }
12576
- @media (min-width: 576px) {
12577
- .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
12578
- --pf-v5-c-toolbar--spacer: 0;
12936
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-md,
12937
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-md,
12938
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-md,
12939
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-md {
12940
+ column-gap: var(--pf-v5-global--spacer--xs);
12941
+ }
12942
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-md,
12943
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-md,
12944
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-md,
12945
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
12946
+ column-gap: var(--pf-v5-global--spacer--xs);
12947
+ }
12948
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-md,
12949
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-md,
12950
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-md,
12951
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-md {
12952
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
12953
+ }
12954
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-md,
12955
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-md,
12956
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-md,
12957
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-md {
12958
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
12959
+ }
12960
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-md,
12961
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-md,
12962
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-md,
12963
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-md {
12964
+ column-gap: var(--pf-v5-global--spacer--sm);
12965
+ }
12966
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-md,
12967
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-md,
12968
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-md,
12969
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
12970
+ column-gap: var(--pf-v5-global--spacer--sm);
12971
+ }
12972
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-md,
12973
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-md,
12974
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-md,
12975
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-md {
12976
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
12977
+ }
12978
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-md,
12979
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-md,
12980
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-md,
12981
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-md {
12982
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
12983
+ }
12984
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-md,
12985
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-md,
12986
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-md,
12987
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-md {
12988
+ column-gap: var(--pf-v5-global--spacer--md);
12989
+ }
12990
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-md,
12991
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-md,
12992
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-md,
12993
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-md {
12994
+ column-gap: var(--pf-v5-global--spacer--md);
12995
+ }
12996
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-md,
12997
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-md,
12998
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-md,
12999
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-md {
13000
+ margin-inline-start: var(--pf-v5-global--spacer--md);
13001
+ }
13002
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-md,
13003
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-md,
13004
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-md,
13005
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-md {
13006
+ margin-inline-end: var(--pf-v5-global--spacer--md);
13007
+ }
13008
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-md,
13009
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-md,
13010
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-md,
13011
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-md {
13012
+ column-gap: var(--pf-v5-global--spacer--lg);
13013
+ }
13014
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-md,
13015
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-md,
13016
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-md,
13017
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
13018
+ column-gap: var(--pf-v5-global--spacer--lg);
13019
+ }
13020
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-md,
13021
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-md,
13022
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-md,
13023
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-md {
13024
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
13025
+ }
13026
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-md,
13027
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-md,
13028
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-md,
13029
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-md {
13030
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
13031
+ }
13032
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-md,
13033
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-md,
13034
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-md,
13035
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-md {
13036
+ column-gap: var(--pf-v5-global--spacer--xl);
13037
+ }
13038
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-md,
13039
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-md,
13040
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-md,
13041
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
13042
+ column-gap: var(--pf-v5-global--spacer--xl);
13043
+ }
13044
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-md,
13045
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-md,
13046
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-md,
13047
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-md {
13048
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
13049
+ }
13050
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-md,
13051
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-md,
13052
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-md,
13053
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-md {
13054
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
13055
+ }
13056
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-md,
13057
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-md,
13058
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-md,
13059
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-md {
13060
+ column-gap: var(--pf-v5-global--spacer--2xl);
13061
+ }
13062
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-md,
13063
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-md,
13064
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-md,
13065
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
13066
+ column-gap: var(--pf-v5-global--spacer--2xl);
13067
+ }
13068
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-md,
13069
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-md,
13070
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-md,
13071
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-md {
13072
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
13073
+ }
13074
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-md,
13075
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-md,
13076
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-md,
13077
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-md {
13078
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
13079
+ }
13080
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-md,
13081
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-md,
13082
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-md,
13083
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-md {
13084
+ column-gap: var(--pf-v5-global--spacer--3xl);
13085
+ }
13086
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-md,
13087
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-md,
13088
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-md,
13089
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
13090
+ column-gap: var(--pf-v5-global--spacer--3xl);
13091
+ }
13092
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-md,
13093
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-md,
13094
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-md,
13095
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-md {
13096
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
13097
+ }
13098
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-md,
13099
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-md,
13100
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-md,
13101
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-md {
13102
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
13103
+ }
13104
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-md,
13105
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-md,
13106
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-md,
13107
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-md {
13108
+ column-gap: var(--pf-v5-global--spacer--4xl);
13109
+ }
13110
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-md,
13111
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-md,
13112
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-md,
13113
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
13114
+ column-gap: var(--pf-v5-global--spacer--4xl);
13115
+ }
13116
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-md,
13117
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-md,
13118
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-md,
13119
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-md {
13120
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
13121
+ }
13122
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-md,
13123
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-md,
13124
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-md,
13125
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-md {
13126
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
13127
+ }
13128
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v5-c-toolbar__group,
13129
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v5-c-toolbar__item {
13130
+ display: flex;
13131
+ flex: 0 1 auto;
12579
13132
  }
12580
- .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
12581
- --pf-v5-c-toolbar--spacer: 0;
13133
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v5-c-toolbar__toggle {
13134
+ display: none;
12582
13135
  }
12583
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
12584
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13136
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
13137
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v5-c-toolbar__group,
13138
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v5-c-toolbar__item {
13139
+ display: none;
12585
13140
  }
12586
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
12587
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13141
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__toggle, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v5-c-toolbar__toggle {
13142
+ display: inline-block;
12588
13143
  }
12589
- .pf-v5-c-toolbar .pf-m-spacer-md-on-sm {
12590
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13144
+ }
13145
+ @media (min-width: 992px) {
13146
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-lg,
13147
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-lg {
13148
+ margin-inline-start: 0;
12591
13149
  }
12592
- .pf-v5-c-toolbar .pf-m-spacer-md-on-sm:last-child {
12593
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13150
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-lg,
13151
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-lg {
13152
+ margin-inline-start: auto;
13153
+ margin-inline-end: auto;
12594
13154
  }
12595
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm {
12596
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13155
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-lg,
13156
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-lg {
13157
+ margin-inline-start: auto;
12597
13158
  }
12598
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
12599
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13159
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-lg,
13160
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-lg {
13161
+ flex-grow: 1;
12600
13162
  }
12601
- }
12602
- @media (min-width: 768px) {
12603
- .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
12604
- --pf-v5-c-toolbar--spacer: 0;
13163
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-lg,
13164
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-lg {
13165
+ align-self: stretch;
12605
13166
  }
12606
- .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
12607
- --pf-v5-c-toolbar--spacer: 0;
13167
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-lg,
13168
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-lg {
13169
+ align-self: baseline;
12608
13170
  }
12609
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
12610
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13171
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-lg,
13172
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-lg {
13173
+ align-self: start;
12611
13174
  }
12612
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-md:last-child {
12613
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13175
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-lg,
13176
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-lg {
13177
+ align-self: center;
12614
13178
  }
12615
- .pf-v5-c-toolbar .pf-m-spacer-md-on-md {
12616
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13179
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-lg,
13180
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-lg {
13181
+ align-self: end;
13182
+ }
13183
+ .pf-v5-c-toolbar.pf-m-inset-none-on-lg,
13184
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-lg,
13185
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-lg {
13186
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
13187
+ }
13188
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-lg,
13189
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-lg,
13190
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-lg {
13191
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
13192
+ }
13193
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-lg,
13194
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-lg,
13195
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-lg {
13196
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
13197
+ }
13198
+ .pf-v5-c-toolbar.pf-m-inset-md-on-lg,
13199
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-lg,
13200
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-lg {
13201
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
13202
+ }
13203
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-lg,
13204
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-lg,
13205
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-lg {
13206
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
13207
+ }
13208
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-lg,
13209
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-lg,
13210
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-lg {
13211
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
13212
+ }
13213
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg,
13214
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-lg,
13215
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-lg {
13216
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
13217
+ }
13218
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-lg,
13219
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-lg,
13220
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-lg {
13221
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
13222
+ }
13223
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-lg,
13224
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-lg,
13225
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-lg {
13226
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
13227
+ }
13228
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-lg,
13229
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-lg,
13230
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-lg,
13231
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg {
13232
+ flex-wrap: wrap;
12617
13233
  }
12618
- .pf-v5-c-toolbar .pf-m-spacer-md-on-md:last-child {
12619
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13234
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg,
13235
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-lg,
13236
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-lg,
13237
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg {
13238
+ flex-wrap: nowrap;
12620
13239
  }
12621
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-md {
12622
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13240
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-lg,
13241
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-lg,
13242
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-lg,
13243
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-lg {
13244
+ align-items: stretch;
12623
13245
  }
12624
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-md:last-child {
12625
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13246
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-lg,
13247
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-lg,
13248
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-lg,
13249
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-lg {
13250
+ align-items: baseline;
12626
13251
  }
12627
- }
12628
- @media (min-width: 992px) {
12629
- .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
12630
- --pf-v5-c-toolbar--spacer: 0;
13252
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-lg,
13253
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-lg,
13254
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-lg,
13255
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-lg {
13256
+ align-items: start;
12631
13257
  }
12632
- .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
12633
- --pf-v5-c-toolbar--spacer: 0;
13258
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-lg,
13259
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-lg,
13260
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-lg,
13261
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-lg {
13262
+ align-items: center;
12634
13263
  }
12635
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
12636
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13264
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-lg,
13265
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-lg,
13266
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-lg,
13267
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-lg {
13268
+ align-items: end;
13269
+ }
13270
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-lg,
13271
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-lg,
13272
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-lg,
13273
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-lg {
13274
+ column-gap: 0;
13275
+ }
13276
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-lg,
13277
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-lg,
13278
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-lg,
13279
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-lg {
13280
+ column-gap: var(--pf-v5-global--spacer--xs);
13281
+ }
13282
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-lg,
13283
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-lg,
13284
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-lg,
13285
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-lg {
13286
+ column-gap: var(--pf-v5-global--spacer--sm);
13287
+ }
13288
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-lg,
13289
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-lg,
13290
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-lg,
13291
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-lg {
13292
+ column-gap: var(--pf-v5-global--spacer--md);
13293
+ }
13294
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-lg,
13295
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-lg,
13296
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-lg,
13297
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-lg {
13298
+ column-gap: var(--pf-v5-global--spacer--lg);
13299
+ }
13300
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-lg,
13301
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-lg,
13302
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-lg,
13303
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-lg {
13304
+ column-gap: var(--pf-v5-global--spacer--xl);
13305
+ }
13306
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-lg,
13307
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-lg,
13308
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-lg,
13309
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
13310
+ column-gap: var(--pf-v5-global--spacer--2xl);
13311
+ }
13312
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-lg,
13313
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-lg,
13314
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-lg,
13315
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
13316
+ column-gap: var(--pf-v5-global--spacer--3xl);
13317
+ }
13318
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-lg,
13319
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-lg,
13320
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-lg,
13321
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
13322
+ column-gap: var(--pf-v5-global--spacer--4xl);
13323
+ }
13324
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-lg,
13325
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-lg,
13326
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-lg,
13327
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-lg {
13328
+ column-gap: 0;
13329
+ }
13330
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-lg,
13331
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-lg,
13332
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-lg,
13333
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
13334
+ column-gap: 0;
13335
+ }
13336
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-lg,
13337
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-lg,
13338
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-lg,
13339
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-lg {
13340
+ margin-inline-start: 0;
12637
13341
  }
12638
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
12639
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13342
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-lg,
13343
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-lg,
13344
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-lg,
13345
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-lg {
13346
+ margin-inline-end: 0;
12640
13347
  }
12641
- .pf-v5-c-toolbar .pf-m-spacer-md-on-lg {
12642
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13348
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-lg,
13349
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-lg,
13350
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-lg,
13351
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-lg {
13352
+ column-gap: var(--pf-v5-global--spacer--xs);
13353
+ }
13354
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-lg,
13355
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-lg,
13356
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-lg,
13357
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
13358
+ column-gap: var(--pf-v5-global--spacer--xs);
13359
+ }
13360
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-lg,
13361
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-lg,
13362
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-lg,
13363
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-lg {
13364
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
13365
+ }
13366
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-lg,
13367
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-lg,
13368
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-lg,
13369
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-lg {
13370
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
13371
+ }
13372
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-lg,
13373
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-lg,
13374
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-lg,
13375
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-lg {
13376
+ column-gap: var(--pf-v5-global--spacer--sm);
13377
+ }
13378
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-lg,
13379
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-lg,
13380
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-lg,
13381
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
13382
+ column-gap: var(--pf-v5-global--spacer--sm);
13383
+ }
13384
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-lg,
13385
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-lg,
13386
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-lg,
13387
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-lg {
13388
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
13389
+ }
13390
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-lg,
13391
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-lg,
13392
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-lg,
13393
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-lg {
13394
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
13395
+ }
13396
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-lg,
13397
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-lg,
13398
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-lg,
13399
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-lg {
13400
+ column-gap: var(--pf-v5-global--spacer--md);
13401
+ }
13402
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-lg,
13403
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-lg,
13404
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-lg,
13405
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
13406
+ column-gap: var(--pf-v5-global--spacer--md);
13407
+ }
13408
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-lg,
13409
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-lg,
13410
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-lg,
13411
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-lg {
13412
+ margin-inline-start: var(--pf-v5-global--spacer--md);
13413
+ }
13414
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-lg,
13415
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-lg,
13416
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-lg,
13417
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-lg {
13418
+ margin-inline-end: var(--pf-v5-global--spacer--md);
13419
+ }
13420
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-lg,
13421
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-lg,
13422
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-lg,
13423
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-lg {
13424
+ column-gap: var(--pf-v5-global--spacer--lg);
13425
+ }
13426
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-lg,
13427
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-lg,
13428
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-lg,
13429
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
13430
+ column-gap: var(--pf-v5-global--spacer--lg);
13431
+ }
13432
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-lg,
13433
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-lg,
13434
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-lg,
13435
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-lg {
13436
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
13437
+ }
13438
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-lg,
13439
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-lg,
13440
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-lg,
13441
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-lg {
13442
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
13443
+ }
13444
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-lg,
13445
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-lg,
13446
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-lg,
13447
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-lg {
13448
+ column-gap: var(--pf-v5-global--spacer--xl);
13449
+ }
13450
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-lg,
13451
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-lg,
13452
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-lg,
13453
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
13454
+ column-gap: var(--pf-v5-global--spacer--xl);
13455
+ }
13456
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-lg,
13457
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-lg,
13458
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-lg,
13459
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-lg {
13460
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
13461
+ }
13462
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-lg,
13463
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-lg,
13464
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-lg,
13465
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-lg {
13466
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
13467
+ }
13468
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-lg,
13469
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-lg,
13470
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-lg,
13471
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-lg {
13472
+ column-gap: var(--pf-v5-global--spacer--2xl);
13473
+ }
13474
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-lg,
13475
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
13476
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-lg,
13477
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
13478
+ column-gap: var(--pf-v5-global--spacer--2xl);
13479
+ }
13480
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-lg,
13481
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-lg,
13482
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-lg,
13483
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-lg {
13484
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
13485
+ }
13486
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-lg,
13487
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-lg,
13488
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-lg,
13489
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-lg {
13490
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
13491
+ }
13492
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-lg,
13493
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-lg,
13494
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-lg,
13495
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-lg {
13496
+ column-gap: var(--pf-v5-global--spacer--3xl);
13497
+ }
13498
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-lg,
13499
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
13500
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-lg,
13501
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
13502
+ column-gap: var(--pf-v5-global--spacer--3xl);
13503
+ }
13504
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-lg,
13505
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-lg,
13506
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-lg,
13507
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-lg {
13508
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
13509
+ }
13510
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-lg,
13511
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-lg,
13512
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-lg,
13513
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-lg {
13514
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
13515
+ }
13516
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-lg,
13517
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-lg,
13518
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-lg,
13519
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-lg {
13520
+ column-gap: var(--pf-v5-global--spacer--4xl);
13521
+ }
13522
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-lg,
13523
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
13524
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-lg,
13525
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
13526
+ column-gap: var(--pf-v5-global--spacer--4xl);
13527
+ }
13528
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-lg,
13529
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-lg,
13530
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-lg,
13531
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-lg {
13532
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
13533
+ }
13534
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-lg,
13535
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-lg,
13536
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-lg,
13537
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-lg {
13538
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
13539
+ }
13540
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v5-c-toolbar__group,
13541
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v5-c-toolbar__item {
13542
+ display: flex;
13543
+ flex: 0 1 auto;
12643
13544
  }
12644
- .pf-v5-c-toolbar .pf-m-spacer-md-on-lg:last-child {
12645
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13545
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v5-c-toolbar__toggle {
13546
+ display: none;
12646
13547
  }
12647
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg {
12648
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13548
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
13549
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v5-c-toolbar__group,
13550
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v5-c-toolbar__item {
13551
+ display: none;
12649
13552
  }
12650
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
12651
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13553
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__toggle, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v5-c-toolbar__toggle {
13554
+ display: inline-block;
12652
13555
  }
12653
13556
  }
12654
13557
  @media (min-width: 1200px) {
12655
- .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
12656
- --pf-v5-c-toolbar--spacer: 0;
12657
- }
12658
- .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
12659
- --pf-v5-c-toolbar--spacer: 0;
12660
- }
12661
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
12662
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13558
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-xl,
13559
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-xl {
13560
+ margin-inline-start: 0;
12663
13561
  }
12664
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
12665
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13562
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-xl,
13563
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-xl {
13564
+ margin-inline-start: auto;
13565
+ margin-inline-end: auto;
12666
13566
  }
12667
- .pf-v5-c-toolbar .pf-m-spacer-md-on-xl {
12668
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13567
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-xl,
13568
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-xl {
13569
+ margin-inline-start: auto;
12669
13570
  }
12670
- .pf-v5-c-toolbar .pf-m-spacer-md-on-xl:last-child {
12671
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13571
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-xl,
13572
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-xl {
13573
+ flex-grow: 1;
12672
13574
  }
12673
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl {
12674
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13575
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-xl,
13576
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-xl {
13577
+ align-self: stretch;
12675
13578
  }
12676
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
12677
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13579
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-xl,
13580
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-xl {
13581
+ align-self: baseline;
12678
13582
  }
12679
- }
12680
- @media (min-width: 1450px) {
12681
- .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
12682
- --pf-v5-c-toolbar--spacer: 0;
13583
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-xl,
13584
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-xl {
13585
+ align-self: start;
12683
13586
  }
12684
- .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
12685
- --pf-v5-c-toolbar--spacer: 0;
13587
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-xl,
13588
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-xl {
13589
+ align-self: center;
12686
13590
  }
12687
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
12688
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13591
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-xl,
13592
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-xl {
13593
+ align-self: end;
13594
+ }
13595
+ .pf-v5-c-toolbar.pf-m-inset-none-on-xl,
13596
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-xl,
13597
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-xl {
13598
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
13599
+ }
13600
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-xl,
13601
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-xl,
13602
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-xl {
13603
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
13604
+ }
13605
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-xl,
13606
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-xl,
13607
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-xl {
13608
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
13609
+ }
13610
+ .pf-v5-c-toolbar.pf-m-inset-md-on-xl,
13611
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-xl,
13612
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-xl {
13613
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
13614
+ }
13615
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-xl,
13616
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-xl,
13617
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-xl {
13618
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
13619
+ }
13620
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-xl,
13621
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-xl,
13622
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-xl {
13623
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
13624
+ }
13625
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl,
13626
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-xl,
13627
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-xl {
13628
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
13629
+ }
13630
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-xl,
13631
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-xl,
13632
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-xl {
13633
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
13634
+ }
13635
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-xl,
13636
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-xl,
13637
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-xl {
13638
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
13639
+ }
13640
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-xl,
13641
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-xl,
13642
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-xl,
13643
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl {
13644
+ flex-wrap: wrap;
12689
13645
  }
12690
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
12691
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13646
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl,
13647
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-xl,
13648
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-xl,
13649
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl {
13650
+ flex-wrap: nowrap;
12692
13651
  }
12693
- .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl {
12694
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13652
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-xl,
13653
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-xl,
13654
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-xl,
13655
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-xl {
13656
+ align-items: stretch;
12695
13657
  }
12696
- .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
12697
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13658
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-xl,
13659
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-xl,
13660
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-xl,
13661
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-xl {
13662
+ align-items: baseline;
12698
13663
  }
12699
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl {
12700
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13664
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-xl,
13665
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-xl,
13666
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-xl,
13667
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-xl {
13668
+ align-items: start;
12701
13669
  }
12702
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
12703
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13670
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-xl,
13671
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-xl,
13672
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-xl,
13673
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-xl {
13674
+ align-items: center;
12704
13675
  }
12705
- }
12706
- .pf-v5-c-toolbar.pf-m-inset-none {
12707
- --pf-v5-c-toolbar--inset: 0;
12708
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12709
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12710
- }
12711
- .pf-v5-c-toolbar.pf-m-inset-sm {
12712
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12713
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12714
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12715
- }
12716
- .pf-v5-c-toolbar.pf-m-inset-md {
12717
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12718
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12719
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12720
- }
12721
- .pf-v5-c-toolbar.pf-m-inset-lg {
12722
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12723
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12724
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12725
- }
12726
- .pf-v5-c-toolbar.pf-m-inset-xl {
12727
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12728
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12729
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12730
- }
12731
- .pf-v5-c-toolbar.pf-m-inset-2xl {
12732
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12733
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12734
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12735
- }
12736
- @media (min-width: 576px) {
12737
- .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
12738
- --pf-v5-c-toolbar--inset: 0;
12739
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12740
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13676
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-xl,
13677
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-xl,
13678
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-xl,
13679
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-xl {
13680
+ align-items: end;
13681
+ }
13682
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-xl,
13683
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-xl,
13684
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-xl,
13685
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-xl {
13686
+ column-gap: 0;
13687
+ }
13688
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-xl,
13689
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-xl,
13690
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-xl,
13691
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-xl {
13692
+ column-gap: var(--pf-v5-global--spacer--xs);
13693
+ }
13694
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-xl,
13695
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-xl,
13696
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-xl,
13697
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-xl {
13698
+ column-gap: var(--pf-v5-global--spacer--sm);
13699
+ }
13700
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-xl,
13701
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-xl,
13702
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-xl,
13703
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-xl {
13704
+ column-gap: var(--pf-v5-global--spacer--md);
13705
+ }
13706
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-xl,
13707
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-xl,
13708
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-xl,
13709
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-xl {
13710
+ column-gap: var(--pf-v5-global--spacer--lg);
13711
+ }
13712
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-xl,
13713
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-xl,
13714
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-xl,
13715
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-xl {
13716
+ column-gap: var(--pf-v5-global--spacer--xl);
13717
+ }
13718
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-xl,
13719
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-xl,
13720
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-xl,
13721
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
13722
+ column-gap: var(--pf-v5-global--spacer--2xl);
13723
+ }
13724
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-xl,
13725
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-xl,
13726
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-xl,
13727
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
13728
+ column-gap: var(--pf-v5-global--spacer--3xl);
13729
+ }
13730
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-xl,
13731
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-xl,
13732
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-xl,
13733
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
13734
+ column-gap: var(--pf-v5-global--spacer--4xl);
13735
+ }
13736
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-xl,
13737
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-xl,
13738
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-xl,
13739
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-xl {
13740
+ column-gap: 0;
13741
+ }
13742
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-xl,
13743
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-xl,
13744
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-xl,
13745
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
13746
+ column-gap: 0;
13747
+ }
13748
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-xl,
13749
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-xl,
13750
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-xl,
13751
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-xl {
13752
+ margin-inline-start: 0;
12741
13753
  }
12742
- .pf-v5-c-toolbar.pf-m-inset-sm-on-sm {
12743
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12744
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12745
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13754
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-xl,
13755
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-xl,
13756
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-xl,
13757
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-xl {
13758
+ margin-inline-end: 0;
12746
13759
  }
12747
- .pf-v5-c-toolbar.pf-m-inset-md-on-sm {
12748
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12749
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12750
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13760
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-xl,
13761
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-xl,
13762
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-xl,
13763
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-xl {
13764
+ column-gap: var(--pf-v5-global--spacer--xs);
13765
+ }
13766
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-xl,
13767
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-xl,
13768
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-xl,
13769
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
13770
+ column-gap: var(--pf-v5-global--spacer--xs);
13771
+ }
13772
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-xl,
13773
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-xl,
13774
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-xl,
13775
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-xl {
13776
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
13777
+ }
13778
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-xl,
13779
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-xl,
13780
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-xl,
13781
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-xl {
13782
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
13783
+ }
13784
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-xl,
13785
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-xl,
13786
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-xl,
13787
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-xl {
13788
+ column-gap: var(--pf-v5-global--spacer--sm);
13789
+ }
13790
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-xl,
13791
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-xl,
13792
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-xl,
13793
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
13794
+ column-gap: var(--pf-v5-global--spacer--sm);
13795
+ }
13796
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-xl,
13797
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-xl,
13798
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-xl,
13799
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-xl {
13800
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
13801
+ }
13802
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-xl,
13803
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-xl,
13804
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-xl,
13805
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-xl {
13806
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
13807
+ }
13808
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-xl,
13809
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-xl,
13810
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-xl,
13811
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-xl {
13812
+ column-gap: var(--pf-v5-global--spacer--md);
13813
+ }
13814
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-xl,
13815
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-xl,
13816
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-xl,
13817
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
13818
+ column-gap: var(--pf-v5-global--spacer--md);
13819
+ }
13820
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-xl,
13821
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-xl,
13822
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-xl,
13823
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-xl {
13824
+ margin-inline-start: var(--pf-v5-global--spacer--md);
13825
+ }
13826
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-xl,
13827
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-xl,
13828
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-xl,
13829
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-xl {
13830
+ margin-inline-end: var(--pf-v5-global--spacer--md);
13831
+ }
13832
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-xl,
13833
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-xl,
13834
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-xl,
13835
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-xl {
13836
+ column-gap: var(--pf-v5-global--spacer--lg);
13837
+ }
13838
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-xl,
13839
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-xl,
13840
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-xl,
13841
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
13842
+ column-gap: var(--pf-v5-global--spacer--lg);
13843
+ }
13844
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-xl,
13845
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-xl,
13846
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-xl,
13847
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-xl {
13848
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
13849
+ }
13850
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-xl,
13851
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-xl,
13852
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-xl,
13853
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-xl {
13854
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
13855
+ }
13856
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-xl,
13857
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-xl,
13858
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-xl,
13859
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-xl {
13860
+ column-gap: var(--pf-v5-global--spacer--xl);
13861
+ }
13862
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-xl,
13863
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-xl,
13864
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-xl,
13865
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
13866
+ column-gap: var(--pf-v5-global--spacer--xl);
13867
+ }
13868
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-xl,
13869
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-xl,
13870
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-xl,
13871
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-xl {
13872
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
13873
+ }
13874
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-xl,
13875
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-xl,
13876
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-xl,
13877
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-xl {
13878
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
13879
+ }
13880
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-xl,
13881
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-xl,
13882
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-xl,
13883
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-xl {
13884
+ column-gap: var(--pf-v5-global--spacer--2xl);
13885
+ }
13886
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-xl,
13887
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
13888
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-xl,
13889
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
13890
+ column-gap: var(--pf-v5-global--spacer--2xl);
13891
+ }
13892
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-xl,
13893
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-xl,
13894
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-xl,
13895
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-xl {
13896
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
13897
+ }
13898
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-xl,
13899
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-xl,
13900
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-xl,
13901
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-xl {
13902
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
13903
+ }
13904
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-xl,
13905
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-xl,
13906
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-xl,
13907
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-xl {
13908
+ column-gap: var(--pf-v5-global--spacer--3xl);
13909
+ }
13910
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-xl,
13911
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
13912
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-xl,
13913
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
13914
+ column-gap: var(--pf-v5-global--spacer--3xl);
13915
+ }
13916
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-xl,
13917
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-xl,
13918
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-xl,
13919
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-xl {
13920
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
13921
+ }
13922
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-xl,
13923
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-xl,
13924
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-xl,
13925
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-xl {
13926
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
13927
+ }
13928
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-xl,
13929
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-xl,
13930
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-xl,
13931
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-xl {
13932
+ column-gap: var(--pf-v5-global--spacer--4xl);
13933
+ }
13934
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-xl,
13935
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
13936
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-xl,
13937
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
13938
+ column-gap: var(--pf-v5-global--spacer--4xl);
13939
+ }
13940
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-xl,
13941
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-xl,
13942
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-xl,
13943
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-xl {
13944
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
13945
+ }
13946
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-xl,
13947
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-xl,
13948
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-xl,
13949
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-xl {
13950
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
13951
+ }
13952
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v5-c-toolbar__group,
13953
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v5-c-toolbar__item {
13954
+ display: flex;
13955
+ flex: 0 1 auto;
12751
13956
  }
12752
- .pf-v5-c-toolbar.pf-m-inset-lg-on-sm {
12753
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12754
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12755
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13957
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v5-c-toolbar__toggle {
13958
+ display: none;
12756
13959
  }
12757
- .pf-v5-c-toolbar.pf-m-inset-xl-on-sm {
12758
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12759
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12760
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13960
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
13961
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v5-c-toolbar__group,
13962
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v5-c-toolbar__item {
13963
+ display: none;
12761
13964
  }
12762
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm {
12763
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12764
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12765
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13965
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__toggle, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v5-c-toolbar__toggle {
13966
+ display: inline-block;
12766
13967
  }
12767
13968
  }
12768
- @media (min-width: 768px) {
12769
- .pf-v5-c-toolbar.pf-m-inset-none-on-md {
12770
- --pf-v5-c-toolbar--inset: 0;
12771
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12772
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12773
- }
12774
- .pf-v5-c-toolbar.pf-m-inset-sm-on-md {
12775
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12776
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12777
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12778
- }
12779
- .pf-v5-c-toolbar.pf-m-inset-md-on-md {
12780
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12781
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12782
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12783
- }
12784
- .pf-v5-c-toolbar.pf-m-inset-lg-on-md {
12785
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12786
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12787
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12788
- }
12789
- .pf-v5-c-toolbar.pf-m-inset-xl-on-md {
12790
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12791
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12792
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13969
+ @media (min-width: 1450px) {
13970
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-2xl,
13971
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-2xl {
13972
+ margin-inline-start: 0;
12793
13973
  }
12794
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-md {
12795
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12796
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12797
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13974
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-2xl,
13975
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-2xl {
13976
+ margin-inline-start: auto;
13977
+ margin-inline-end: auto;
12798
13978
  }
12799
- }
12800
- @media (min-width: 992px) {
12801
- .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
12802
- --pf-v5-c-toolbar--inset: 0;
12803
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12804
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13979
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-2xl,
13980
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-2xl {
13981
+ margin-inline-start: auto;
12805
13982
  }
12806
- .pf-v5-c-toolbar.pf-m-inset-sm-on-lg {
12807
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12808
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12809
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13983
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-2xl,
13984
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-2xl {
13985
+ flex-grow: 1;
12810
13986
  }
12811
- .pf-v5-c-toolbar.pf-m-inset-md-on-lg {
12812
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12813
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12814
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13987
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-2xl,
13988
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-2xl {
13989
+ align-self: stretch;
12815
13990
  }
12816
- .pf-v5-c-toolbar.pf-m-inset-lg-on-lg {
12817
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12818
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12819
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13991
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-2xl,
13992
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-2xl {
13993
+ align-self: baseline;
12820
13994
  }
12821
- .pf-v5-c-toolbar.pf-m-inset-xl-on-lg {
12822
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12823
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12824
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13995
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-2xl,
13996
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-2xl {
13997
+ align-self: start;
12825
13998
  }
12826
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg {
12827
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12828
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12829
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13999
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-2xl,
14000
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-2xl {
14001
+ align-self: center;
12830
14002
  }
12831
- }
12832
- @media (min-width: 1200px) {
12833
- .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
12834
- --pf-v5-c-toolbar--inset: 0;
12835
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12836
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14003
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-2xl,
14004
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-2xl {
14005
+ align-self: end;
14006
+ }
14007
+ .pf-v5-c-toolbar.pf-m-inset-none-on-2xl,
14008
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-2xl,
14009
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-2xl {
14010
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
14011
+ }
14012
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-2xl,
14013
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-2xl,
14014
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-2xl {
14015
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
14016
+ }
14017
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl,
14018
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-2xl,
14019
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-2xl {
14020
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
14021
+ }
14022
+ .pf-v5-c-toolbar.pf-m-inset-md-on-2xl,
14023
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-2xl,
14024
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-2xl {
14025
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
14026
+ }
14027
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl,
14028
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-2xl,
14029
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-2xl {
14030
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
14031
+ }
14032
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl,
14033
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-2xl,
14034
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-2xl {
14035
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
14036
+ }
14037
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl,
14038
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-2xl,
14039
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-2xl {
14040
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
14041
+ }
14042
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-2xl,
14043
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-2xl,
14044
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-2xl {
14045
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
14046
+ }
14047
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-2xl,
14048
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-2xl,
14049
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-2xl {
14050
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
14051
+ }
14052
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl,
14053
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-2xl,
14054
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-2xl,
14055
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl {
14056
+ flex-wrap: wrap;
12837
14057
  }
12838
- .pf-v5-c-toolbar.pf-m-inset-sm-on-xl {
12839
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12840
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12841
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14058
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl,
14059
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-2xl,
14060
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-2xl,
14061
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl {
14062
+ flex-wrap: nowrap;
12842
14063
  }
12843
- .pf-v5-c-toolbar.pf-m-inset-md-on-xl {
12844
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12845
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12846
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14064
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-2xl,
14065
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-2xl,
14066
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-2xl,
14067
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-2xl {
14068
+ align-items: stretch;
12847
14069
  }
12848
- .pf-v5-c-toolbar.pf-m-inset-lg-on-xl {
12849
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12850
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12851
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14070
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-2xl,
14071
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-2xl,
14072
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-2xl,
14073
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-2xl {
14074
+ align-items: baseline;
12852
14075
  }
12853
- .pf-v5-c-toolbar.pf-m-inset-xl-on-xl {
12854
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12855
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12856
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14076
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-2xl,
14077
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-2xl,
14078
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-2xl,
14079
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-2xl {
14080
+ align-items: start;
12857
14081
  }
12858
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl {
12859
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12860
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12861
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14082
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-2xl,
14083
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-2xl,
14084
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-2xl,
14085
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-2xl {
14086
+ align-items: center;
12862
14087
  }
12863
- }
12864
- @media (min-width: 1450px) {
12865
- .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
12866
- --pf-v5-c-toolbar--inset: 0;
12867
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12868
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14088
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-2xl,
14089
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-2xl,
14090
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-2xl,
14091
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-2xl {
14092
+ align-items: end;
14093
+ }
14094
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-2xl,
14095
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-2xl,
14096
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-2xl,
14097
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-2xl {
14098
+ column-gap: 0;
14099
+ }
14100
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-2xl,
14101
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-2xl,
14102
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-2xl,
14103
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
14104
+ column-gap: var(--pf-v5-global--spacer--xs);
14105
+ }
14106
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-2xl,
14107
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-2xl,
14108
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-2xl,
14109
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
14110
+ column-gap: var(--pf-v5-global--spacer--sm);
14111
+ }
14112
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-2xl,
14113
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-2xl,
14114
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-2xl,
14115
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-2xl {
14116
+ column-gap: var(--pf-v5-global--spacer--md);
14117
+ }
14118
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-2xl,
14119
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-2xl,
14120
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-2xl,
14121
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
14122
+ column-gap: var(--pf-v5-global--spacer--lg);
14123
+ }
14124
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-2xl,
14125
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-2xl,
14126
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-2xl,
14127
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
14128
+ column-gap: var(--pf-v5-global--spacer--xl);
14129
+ }
14130
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-2xl,
14131
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-2xl,
14132
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-2xl,
14133
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
14134
+ column-gap: var(--pf-v5-global--spacer--2xl);
14135
+ }
14136
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-2xl,
14137
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-2xl,
14138
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-2xl,
14139
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
14140
+ column-gap: var(--pf-v5-global--spacer--3xl);
14141
+ }
14142
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-2xl,
14143
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-2xl,
14144
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-2xl,
14145
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
14146
+ column-gap: var(--pf-v5-global--spacer--4xl);
14147
+ }
14148
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-2xl,
14149
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-2xl,
14150
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-2xl,
14151
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
14152
+ column-gap: 0;
14153
+ }
14154
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-2xl,
14155
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-2xl,
14156
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-2xl,
14157
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
14158
+ column-gap: 0;
14159
+ }
14160
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-2xl,
14161
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-2xl,
14162
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-2xl,
14163
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-2xl {
14164
+ margin-inline-start: 0;
12869
14165
  }
12870
- .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl {
12871
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12872
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12873
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14166
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-2xl,
14167
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-2xl,
14168
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-2xl,
14169
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-2xl {
14170
+ margin-inline-end: 0;
12874
14171
  }
12875
- .pf-v5-c-toolbar.pf-m-inset-md-on-2xl {
12876
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12877
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12878
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14172
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
14173
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
14174
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-2xl,
14175
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
14176
+ column-gap: var(--pf-v5-global--spacer--xs);
14177
+ }
14178
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
14179
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
14180
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-2xl,
14181
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
14182
+ column-gap: var(--pf-v5-global--spacer--xs);
14183
+ }
14184
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-2xl,
14185
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-2xl,
14186
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-2xl,
14187
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-2xl {
14188
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
14189
+ }
14190
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-2xl,
14191
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-2xl,
14192
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-2xl,
14193
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-2xl {
14194
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
14195
+ }
14196
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
14197
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
14198
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-2xl,
14199
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
14200
+ column-gap: var(--pf-v5-global--spacer--sm);
14201
+ }
14202
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
14203
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
14204
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-2xl,
14205
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
14206
+ column-gap: var(--pf-v5-global--spacer--sm);
14207
+ }
14208
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-2xl,
14209
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-2xl,
14210
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-2xl,
14211
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-2xl {
14212
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
14213
+ }
14214
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-2xl,
14215
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-2xl,
14216
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-2xl,
14217
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-2xl {
14218
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
14219
+ }
14220
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-2xl,
14221
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-2xl,
14222
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-2xl,
14223
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
14224
+ column-gap: var(--pf-v5-global--spacer--md);
14225
+ }
14226
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-2xl,
14227
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-2xl,
14228
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-2xl,
14229
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
14230
+ column-gap: var(--pf-v5-global--spacer--md);
14231
+ }
14232
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-2xl,
14233
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-2xl,
14234
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-2xl,
14235
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-2xl {
14236
+ margin-inline-start: var(--pf-v5-global--spacer--md);
14237
+ }
14238
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-2xl,
14239
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-2xl,
14240
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-2xl,
14241
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-2xl {
14242
+ margin-inline-end: var(--pf-v5-global--spacer--md);
14243
+ }
14244
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
14245
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
14246
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-2xl,
14247
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
14248
+ column-gap: var(--pf-v5-global--spacer--lg);
14249
+ }
14250
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
14251
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
14252
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-2xl,
14253
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
14254
+ column-gap: var(--pf-v5-global--spacer--lg);
14255
+ }
14256
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-2xl,
14257
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-2xl,
14258
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-2xl,
14259
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-2xl {
14260
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
14261
+ }
14262
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-2xl,
14263
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-2xl,
14264
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-2xl,
14265
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-2xl {
14266
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
14267
+ }
14268
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
14269
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
14270
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-2xl,
14271
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
14272
+ column-gap: var(--pf-v5-global--spacer--xl);
14273
+ }
14274
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
14275
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
14276
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-2xl,
14277
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
14278
+ column-gap: var(--pf-v5-global--spacer--xl);
14279
+ }
14280
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-2xl,
14281
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-2xl,
14282
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-2xl,
14283
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-2xl {
14284
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
14285
+ }
14286
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-2xl,
14287
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-2xl,
14288
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-2xl,
14289
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-2xl {
14290
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
14291
+ }
14292
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
14293
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
14294
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-2xl,
14295
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
14296
+ column-gap: var(--pf-v5-global--spacer--2xl);
14297
+ }
14298
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
14299
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
14300
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-2xl,
14301
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
14302
+ column-gap: var(--pf-v5-global--spacer--2xl);
14303
+ }
14304
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-2xl,
14305
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-2xl,
14306
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-2xl,
14307
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-2xl {
14308
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
14309
+ }
14310
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-2xl,
14311
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-2xl,
14312
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-2xl,
14313
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-2xl {
14314
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
14315
+ }
14316
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
14317
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
14318
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-2xl,
14319
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
14320
+ column-gap: var(--pf-v5-global--spacer--3xl);
14321
+ }
14322
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
14323
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
14324
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-2xl,
14325
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
14326
+ column-gap: var(--pf-v5-global--spacer--3xl);
14327
+ }
14328
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-2xl,
14329
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-2xl,
14330
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-2xl,
14331
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-2xl {
14332
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
14333
+ }
14334
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-2xl,
14335
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-2xl,
14336
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-2xl,
14337
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-2xl {
14338
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
14339
+ }
14340
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
14341
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
14342
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-2xl,
14343
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
14344
+ column-gap: var(--pf-v5-global--spacer--4xl);
14345
+ }
14346
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
14347
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
14348
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-2xl,
14349
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
14350
+ column-gap: var(--pf-v5-global--spacer--4xl);
14351
+ }
14352
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-2xl,
14353
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-2xl,
14354
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-2xl,
14355
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-2xl {
14356
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
14357
+ }
14358
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-2xl,
14359
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-2xl,
14360
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-2xl,
14361
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-2xl {
14362
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
14363
+ }
14364
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v5-c-toolbar__group,
14365
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v5-c-toolbar__item {
14366
+ display: flex;
14367
+ flex: 0 1 auto;
12879
14368
  }
12880
- .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl {
12881
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12882
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12883
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14369
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v5-c-toolbar__toggle {
14370
+ display: none;
12884
14371
  }
12885
- .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl {
12886
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12887
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12888
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14372
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
14373
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v5-c-toolbar__group,
14374
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v5-c-toolbar__item {
14375
+ display: none;
12889
14376
  }
12890
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl {
12891
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12892
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12893
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14377
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__toggle, .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v5-c-toolbar__toggle {
14378
+ display: inline-block;
12894
14379
  }
12895
14380
  }
12896
-
12897
- .pf-v5-c-toolbar__content-section > :last-child {
12898
- --pf-v5-c-toolbar--spacer: 0;
12899
- }
12900
-
12901
14381
  .pf-v5-c-date-picker {
12902
14382
  --pf-v5-c-date-picker--m-top__calendar--Top: 0;
12903
14383
  --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
@@ -16678,51 +18158,77 @@ label.pf-v5-c-input-group__text {
16678
18158
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
16679
18159
  }
16680
18160
 
16681
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__content-section, .pf-v5-c-divider {
18161
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
18162
+ .pf-v5-c-toolbar__group,
18163
+ .pf-v5-c-toolbar__item,
18164
+ .pf-v5-c-toolbar__group.pf-m-chip-group-container,
18165
+ .pf-v5-c-toolbar__group.pf-m-chip-group, .pf-v5-c-divider {
16682
18166
  --pf-v5-hidden-visible--hidden--Display: none;
16683
18167
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16684
18168
  display: var(--pf-v5-hidden-visible--Display);
16685
18169
  }
16686
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__group, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-divider {
18170
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__content-section,
18171
+ .pf-m-hidden.pf-v5-c-toolbar__group,
18172
+ .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-divider {
16687
18173
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16688
18174
  }
16689
18175
  @media screen and (min-width: 576px) {
16690
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-divider {
18176
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
18177
+ .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
18178
+ .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-divider {
16691
18179
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16692
18180
  }
16693
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__group, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-divider {
18181
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
18182
+ .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
18183
+ .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-divider {
16694
18184
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16695
18185
  }
16696
18186
  }
16697
18187
  @media screen and (min-width: 768px) {
16698
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__group, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-divider {
18188
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
18189
+ .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
18190
+ .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-divider {
16699
18191
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16700
18192
  }
16701
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__group, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-divider {
18193
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
18194
+ .pf-m-visible-on-md.pf-v5-c-toolbar__group,
18195
+ .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-divider {
16702
18196
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16703
18197
  }
16704
18198
  }
16705
18199
  @media screen and (min-width: 992px) {
16706
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-divider {
18200
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
18201
+ .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
18202
+ .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-divider {
16707
18203
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16708
18204
  }
16709
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__group, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-divider {
18205
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
18206
+ .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
18207
+ .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-divider {
16710
18208
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16711
18209
  }
16712
18210
  }
16713
18211
  @media screen and (min-width: 1200px) {
16714
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-divider {
18212
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
18213
+ .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
18214
+ .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-divider {
16715
18215
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16716
18216
  }
16717
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__group, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-divider {
18217
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
18218
+ .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
18219
+ .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-divider {
16718
18220
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16719
18221
  }
16720
18222
  }
16721
18223
  @media screen and (min-width: 1450px) {
16722
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-divider {
18224
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
18225
+ .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
18226
+ .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-divider {
16723
18227
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16724
18228
  }
16725
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-divider {
18229
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
18230
+ .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
18231
+ .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-divider {
16726
18232
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16727
18233
  }
16728
18234
  }
@@ -17764,17 +19270,12 @@ ul.pf-v5-c-list {
17764
19270
  }
17765
19271
 
17766
19272
  :root,
17767
- :where(.pf-v5-c-masthead) {
17768
- --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--lg);
17769
- --pf-v5-c-masthead--PaddingBlockStart: var(--pf-t--global--spacer--md);
17770
- --pf-v5-c-masthead--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17771
- --pf-v5-c-masthead--PaddingInlineStart: var(--pf-v5-c-masthead--inset);
17772
- --pf-v5-c-masthead--PaddingInlineEnd: var(--pf-v5-c-masthead--inset);
17773
- --pf-v5-c-masthead--AlignItems: start;
19273
+ [data-theme=pf-v5-c-masthead] {
17774
19274
  --pf-v5-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
17775
19275
  --pf-v5-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
17776
- --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17777
19276
  --pf-v5-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19277
+ --pf-v5-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19278
+ --pf-v5-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
17778
19279
  --pf-v5-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
17779
19280
  --pf-v5-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
17780
19281
  --pf-v5-c-masthead__brand--MaxHeight: 2.375rem;
@@ -17795,21 +19296,15 @@ ul.pf-v5-c-list {
17795
19296
  --pf-v5-c-masthead--m-display-inline__content--Order: 0;
17796
19297
  --pf-v5-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
17797
19298
  --pf-v5-c-masthead__expandable-content--BorderBlockStart: var(--pf-v5-c-masthead--BorderWidth) solid var(--pf-v5-c-masthead--BorderColor);
19299
+ --pf-v5-c-masthead--pf-v5-c-toolbar--Width: 100%;
19300
+ --pf-v5-c-masthead--pf-v5-c-toolbar--PaddingBlock: 0;
19301
+ --pf-v5-c-masthead--pf-v5-c-toolbar--PaddingInline: 0;
17798
19302
  }
17799
19303
 
17800
19304
  .pf-v5-c-masthead {
17801
- --pf-v5-c-toolbar--PaddingTop: 0;
17802
- --pf-v5-c-toolbar--PaddingBottom: 0;
17803
- --pf-v5-c-toolbar__content--PaddingRight: 0;
17804
- --pf-v5-c-toolbar__content--PaddingLeft: 0;
17805
- --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17806
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17807
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17808
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17809
- --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-masthead--BackgroundColor);
17810
- --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: var(--pf-v5-c-masthead--PaddingInlineStart);
17811
- --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: var(--pf-t--global--spacer--md);
17812
- --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: var(--pf-v5-c-masthead--PaddingInlineEnd);
19305
+ --pf-v5-c-toolbar--Width: var(--pf-v5-c-masthead--pf-v5-c-toolbar--Width);
19306
+ --pf-v5-c-toolbar__content--PaddingBlock: var(--pf-v5-c-masthead--pf-v5-c-toolbar--PaddingBlock);
19307
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-c-masthead--pf-v5-c-toolbar--PaddingInline);
17813
19308
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17814
19309
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
17815
19310
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
@@ -17821,13 +19316,13 @@ ul.pf-v5-c-list {
17821
19316
  grid-template-columns: var(--pf-v5-c-masthead--GridTemplateColumns);
17822
19317
  row-gap: var(--pf-v5-c-masthead--RowGap);
17823
19318
  column-gap: var(--pf-v5-c-masthead--ColumnGap);
17824
- align-items: var(--pf-v5-c-masthead--AlignItems);
19319
+ align-items: start;
17825
19320
  min-width: 0;
17826
- padding-block-start: var(--pf-v5-c-masthead--PaddingBlockStart);
17827
- padding-block-end: var(--pf-v5-c-masthead--PaddingBlockEnd);
17828
- padding-inline-start: var(--pf-v5-c-masthead--inset);
17829
- padding-inline-end: var(--pf-v5-c-masthead--inset);
17830
- background-color: var(--pf-v5-c-masthead--BackgroundColor);
19321
+ padding-block-start: var(--pf-v5-c-masthead--PaddingBlockStart, var(--pf-v5-c-masthead--PaddingBlock));
19322
+ padding-block-end: var(--pf-v5-c-masthead--PaddingBlockEnd, var(--pf-v5-c-masthead--PaddingBlock));
19323
+ padding-inline-start: var(--pf-v5-c-masthead--PaddingInlineStart, var(--pf-v5-c-masthead--PaddingInline));
19324
+ padding-inline-end: var(--pf-v5-c-masthead--PaddingInlineEnd, var(--pf-v5-c-masthead--PaddingInline));
19325
+ background-color: var(--pf-v5-c-masthead--BackgroundColor, var(--pf-t--global--background--color--secondary--default));
17831
19326
  }
17832
19327
  @media screen and (min-width: 768px) {
17833
19328
  :where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
@@ -17840,9 +19335,6 @@ ul.pf-v5-c-list {
17840
19335
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
17841
19336
  }
17842
19337
  }
17843
- .pf-v5-c-masthead .pf-v5-c-toolbar {
17844
- width: 100%;
17845
- }
17846
19338
  .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content {
17847
19339
  inset-block-start: 100%;
17848
19340
  border-block-start: var(--pf-v5-c-masthead__expandable-content--BorderBlockStart);
@@ -19426,9 +20918,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19426
20918
  }
19427
20919
  }
19428
20920
 
19429
- .pf-v5-c-multiple-file-upload {
20921
+ :root,
20922
+ :where(.pf-v5-c-multiple-file-upload) {
19430
20923
  --pf-v5-c-multiple-file-upload--GridTemplateColumns: 1fr;
19431
- --pf-v5-c-multiple-file-upload--Gap: var(--pf-v5-global--spacer--lg);
20924
+ --pf-v5-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
19432
20925
  --pf-v5-c-multiple-file-upload__main--TextAlign: center;
19433
20926
  --pf-v5-c-multiple-file-upload__main--GridTemplateColumns: auto;
19434
20927
  --pf-v5-c-multiple-file-upload__main--GridTemplateRows: auto;
@@ -19436,59 +20929,74 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19436
20929
  "title"
19437
20930
  "upload"
19438
20931
  "info";
19439
- --pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-global--spacer--md);
19440
- --pf-v5-c-multiple-file-upload__main--PaddingTop: var(--pf-v5-global--spacer--lg);
19441
- --pf-v5-c-multiple-file-upload__main--PaddingRight: var(--pf-v5-global--spacer--lg);
19442
- --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-global--spacer--xl);
19443
- --pf-v5-c-multiple-file-upload__main--PaddingLeft: var(--pf-v5-global--spacer--lg);
19444
- --pf-v5-c-multiple-file-upload__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
20932
+ --pf-v5-c-multiple-file-upload__main--PaddingTop: var(--pf-t--global--spacer--xl);
20933
+ --pf-v5-c-multiple-file-upload__main--PaddingRight: var(--pf-t--global--spacer--xl);
20934
+ --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-t--global--spacer--xl);
20935
+ --pf-v5-c-multiple-file-upload__main--PaddingLeft: var(--pf-t--global--spacer--xl);
20936
+ --pf-v5-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
19445
20937
  --pf-v5-c-multiple-file-upload__main--BorderStyle: dashed;
19446
- --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-global--BorderColor--100);
19447
- --pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
20938
+ --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
20939
+ --pf-v5-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
19448
20940
  --pf-v5-c-multiple-file-upload__title--Display: grid;
19449
20941
  --pf-v5-c-multiple-file-upload__title--GridTemplateColumns: auto;
19450
- --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-global--spacer--sm);
19451
- --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--icon--Color--dark);
20942
+ --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
20943
+ --pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
20944
+ --pf-v5-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
20945
+ --pf-v5-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
20946
+ --pf-v5-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
20947
+ --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
20948
+ --pf-v5-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
19452
20949
  --pf-v5-c-multiple-file-upload__title-text-separator--Display: block;
19453
- --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-global--spacer--sm);
19454
- --pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-v5-global--FontSize--sm);
19455
- --pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-global--Color--200);
19456
- --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-global--spacer--sm);
19457
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
19458
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-v5-global--active-color--100);
19459
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-v5-global--palette--blue-50);
19460
- --pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-v5-global--active-color--100);
19461
- --pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-v5-global--active-color--100);
19462
- --pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-v5-global--active-color--100);
20950
+ --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-t--global--spacer--sm);
20951
+ --pf-v5-c-multiple-file-upload__title-text-separator--MarginBottom: var(--pf-t--global--spacer--sm);
20952
+ --pf-v5-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
20953
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
20954
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
20955
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
20956
+ --pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
20957
+ --pf-v5-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
20958
+ --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-t--global--spacer--lg);
20959
+ --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
20960
+ --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
19463
20961
  --pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
19464
20962
  --pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
19465
20963
  --pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
19466
20964
  --pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
19467
20965
  "title upload"
19468
20966
  "info upload";
19469
- --pf-v5-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--2xl);
19470
- --pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-v5-global--spacer--lg);
20967
+ --pf-v5-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
20968
+ --pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-t--global--spacer--lg);
19471
20969
  --pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
19472
- --pf-v5-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-v5-global--spacer--xs);
20970
+ --pf-v5-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
20971
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
20972
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
19473
20973
  --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
19474
20974
  --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
20975
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
20976
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
20977
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
19475
20978
  --pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
20979
+ --pf-v5-c-multiple-file-upload__status--PaddingTop: var(--pf-t--global--spacer--sm);
20980
+ --pf-v5-c-multiple-file-upload__status--PaddingBottom: var(--pf-t--global--spacer--sm);
20981
+ --pf-v5-c-multiple-file-upload__status--PaddingLeft: var(--pf-t--global--spacer--md);
20982
+ --pf-v5-c-multiple-file-upload__status--PaddingRight: var(--pf-t--global--spacer--md);
19476
20983
  --pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
19477
- --pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-v5-global--spacer--sm);
19478
- --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--icon--Color--dark);
19479
- --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-global--spacer--md);
19480
- --pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-v5-global--spacer--md);
19481
- --pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
20984
+ --pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
20985
+ --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--regular);
20986
+ --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-t--global--spacer--md);
20987
+ --pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-t--global--spacer--md);
19482
20988
  --pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
19483
- --pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-v5-global--spacer--sm);
19484
- --pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
19485
- --pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-v5-global--BorderColor--100);
19486
- --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--icon--Color--dark);
19487
- --pf-v5-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
20989
+ --pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
20990
+ --pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
20991
+ --pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
20992
+ --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
19488
20993
  --pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
19489
- --pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-v5-global--spacer--sm);
19490
- --pf-v5-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-v5-global--primary-color--100);
19491
- --pf-v5-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-v5-global--Color--200);
20994
+ --pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
20995
+ --pf-v5-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
20996
+ --pf-v5-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
20997
+ }
20998
+
20999
+ .pf-v5-c-multiple-file-upload {
19492
21000
  display: grid;
19493
21001
  grid-template-columns: var(--pf-v5-c-multiple-file-upload--GridTemplateColumns);
19494
21002
  gap: var(--pf-v5-c-multiple-file-upload--Gap);
@@ -19502,17 +21010,18 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19502
21010
  --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
19503
21011
  --pf-v5-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
19504
21012
  --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap);
21013
+ --pf-v5-c-multiple-file-upload__title-icon--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
21014
+ --pf-v5-c-multiple-file-upload__title-text--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text--FontSize);
21015
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
19505
21016
  --pf-v5-c-multiple-file-upload__title-text-separator--Display: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
19506
21017
  --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
21018
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
21019
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
19507
21020
  --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop);
19508
21021
  }
19509
21022
  .pf-v5-c-multiple-file-upload.pf-m-drag-over {
19510
21023
  --pf-v5-c-multiple-file-upload__main--BorderStyle: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle);
19511
21024
  --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor);
19512
- --pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
19513
- --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
19514
- --pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color);
19515
- --pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color);
19516
21025
  }
19517
21026
 
19518
21027
  .pf-v5-c-multiple-file-upload__main {
@@ -19521,13 +21030,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19521
21030
  grid-template-rows: var(--pf-v5-c-multiple-file-upload__main--GridTemplateRows);
19522
21031
  grid-template-columns: var(--pf-v5-c-multiple-file-upload__main--GridTemplateColumns);
19523
21032
  gap: var(--pf-v5-c-multiple-file-upload__main--Gap);
21033
+ align-items: center;
19524
21034
  padding-block-start: var(--pf-v5-c-multiple-file-upload__main--PaddingTop);
19525
21035
  padding-block-end: var(--pf-v5-c-multiple-file-upload__main--PaddingBottom);
19526
21036
  padding-inline-start: var(--pf-v5-c-multiple-file-upload__main--PaddingLeft);
19527
21037
  padding-inline-end: var(--pf-v5-c-multiple-file-upload__main--PaddingRight);
19528
21038
  text-align: var(--pf-v5-c-multiple-file-upload__main--TextAlign);
19529
- background-color: var(--pf-v5-c-multiple-file-upload__main--BackgroundColor);
19530
21039
  border: var(--pf-v5-c-multiple-file-upload__main--BorderWidth) var(--pf-v5-c-multiple-file-upload__main--BorderStyle) var(--pf-v5-c-multiple-file-upload__main--BorderColor);
21040
+ border-radius: var(--pf-v5-c-multiple-file-upload__main--BorderRadius);
19531
21041
  }
19532
21042
 
19533
21043
  .pf-v5-c-multiple-file-upload__title {
@@ -19538,16 +21048,25 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19538
21048
  }
19539
21049
 
19540
21050
  .pf-v5-c-multiple-file-upload__title-icon {
21051
+ font-size: var(--pf-v5-c-multiple-file-upload__title-icon--FontSize);
19541
21052
  color: var(--pf-v5-c-multiple-file-upload__title-icon--Color);
19542
21053
  }
19543
21054
 
19544
21055
  .pf-v5-c-multiple-file-upload__title-text {
21056
+ font-family: var(--pf-v5-c-multiple-file-upload__title-text--FontFamily);
21057
+ font-size: var(--pf-v5-c-multiple-file-upload__title-text--FontSize);
21058
+ font-weight: var(--pf-v5-c-multiple-file-upload__title-text--FontWeight);
19545
21059
  color: var(--pf-v5-c-multiple-file-upload__title-text--Color, inherit);
19546
21060
  }
19547
21061
 
19548
21062
  .pf-v5-c-multiple-file-upload__title-text-separator {
19549
21063
  display: var(--pf-v5-c-multiple-file-upload__title-text-separator--Display);
19550
21064
  margin-block-start: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop);
21065
+ margin-block-end: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginBottom);
21066
+ font-family: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontFamily);
21067
+ font-size: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontSize);
21068
+ font-weight: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontWeight);
21069
+ color: var(--pf-v5-c-multiple-file-upload__title-text-separator--Color);
19551
21070
  }
19552
21071
 
19553
21072
  .pf-v5-c-multiple-file-upload__upload {
@@ -19561,6 +21080,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19561
21080
  color: var(--pf-v5-c-multiple-file-upload__info--Color);
19562
21081
  }
19563
21082
 
21083
+ .pf-v5-c-multiple-file-upload__status {
21084
+ padding-block-start: var(--pf-v5-c-multiple-file-upload__status--PaddingTop);
21085
+ padding-block-end: var(--pf-v5-c-multiple-file-upload__status--PaddingBottom);
21086
+ padding-inline-start: var(--pf-v5-c-multiple-file-upload__status--PaddingLeft);
21087
+ padding-inline-end: var(--pf-v5-c-multiple-file-upload__status--PaddingRight);
21088
+ }
21089
+
19564
21090
  .pf-v5-c-multiple-file-upload__status,
19565
21091
  .pf-v5-c-multiple-file-upload__status-item-main {
19566
21092
  min-width: 0;
@@ -19584,18 +21110,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19584
21110
  padding-block-end: var(--pf-v5-c-multiple-file-upload__status-item--PaddingBottom);
19585
21111
  border-block-end: var(--pf-v5-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v5-c-multiple-file-upload__status-item--BorderColor);
19586
21112
  }
19587
- .pf-v5-c-multiple-file-upload__status-item:first-child {
19588
- --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop);
19589
- }
19590
21113
 
19591
21114
  .pf-v5-c-multiple-file-upload__status-item-icon {
19592
21115
  color: var(--pf-v5-c-multiple-file-upload__status-item-icon--Color);
19593
21116
  }
19594
21117
 
19595
- .pf-v5-c-multiple-file-upload__status-item-close {
19596
- margin-block-start: var(--pf-v5-c-multiple-file-upload__status-item-close--MarginTop);
19597
- }
19598
-
19599
21118
  .pf-v5-c-multiple-file-upload__status-item-progress {
19600
21119
  display: grid;
19601
21120
  grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
@@ -20590,71 +22109,41 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20590
22109
  background: transparent;
20591
22110
  }
20592
22111
 
22112
+ :root {
22113
+ --pf-v5-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
22114
+ --pf-v5-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
22115
+ --pf-v5-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
22116
+ --pf-v5-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
22117
+ }
22118
+
20593
22119
  .pf-v5-c-overflow-menu {
20594
- --pf-v5-c-overflow-menu--spacer--base: var(--pf-v5-global--spacer--md);
20595
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-global--spacer--sm);
20596
- --pf-v5-c-overflow-menu__group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20597
- --pf-v5-c-overflow-menu__item--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20598
- --pf-v5-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20599
- --pf-v5-c-overflow-menu__group--m-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20600
- --pf-v5-c-overflow-menu__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
20601
- --pf-v5-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20602
- --pf-v5-c-overflow-menu__group--m-icon-button-group--space-items: 0;
20603
22120
  display: inline-flex;
20604
- align-items: center;
22121
+ column-gap: var(--pf-v5-c-overflow-menu--ColumnGap);
20605
22122
  }
20606
22123
 
20607
- .pf-v5-c-overflow-menu__content {
22124
+ .pf-v5-c-overflow-menu__content,
22125
+ .pf-v5-c-overflow-menu__group {
20608
22126
  display: flex;
20609
- align-items: center;
22127
+ align-items: start;
20610
22128
  }
20611
22129
 
20612
22130
  .pf-v5-c-overflow-menu__group {
20613
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--spacer);
20614
- display: flex;
20615
- align-items: center;
22131
+ column-gap: var(--pf-v5-c-overflow-menu__group--ColumnGap);
20616
22132
  }
20617
22133
  .pf-v5-c-overflow-menu__group.pf-m-button-group {
20618
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--spacer);
20619
- }
20620
- .pf-v5-c-overflow-menu__group.pf-m-button-group > * {
20621
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--space-items);
22134
+ column-gap: var(--pf-v5-c-overflow-menu__group--m-button-group--ColumnGap);
20622
22135
  }
20623
22136
  .pf-v5-c-overflow-menu__group.pf-m-icon-button-group {
20624
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer);
20625
- }
20626
- .pf-v5-c-overflow-menu__group.pf-m-icon-button-group > * {
20627
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items);
22137
+ column-gap: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--ColumnGap);
20628
22138
  }
20629
22139
 
20630
22140
  .pf-v5-c-overflow-menu__item {
20631
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
22141
+ column-gap: var(--pf-v5-c-overflow-menu__item--ColumnGap, var(--pf-v5-c-overflow-menu--ColumnGap));
20632
22142
  }
20633
22143
 
20634
22144
  .pf-v5-c-overflow-menu__content,
20635
- .pf-v5-c-overflow-menu__control,
20636
- .pf-v5-c-overflow-menu__group,
20637
- .pf-v5-c-overflow-menu__item {
20638
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
20639
- }
20640
- .pf-v5-c-overflow-menu__content:last-child,
20641
- .pf-v5-c-overflow-menu__control:last-child,
20642
- .pf-v5-c-overflow-menu__group:last-child,
20643
- .pf-v5-c-overflow-menu__item:last-child {
20644
- --pf-v5-c-overflow-menu--spacer: 0;
20645
- }
20646
-
20647
- .pf-v5-c-overflow-menu > .pf-v5-c-divider,
20648
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider {
20649
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer);
20650
- }
20651
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical,
20652
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical {
20653
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
20654
- }
20655
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child,
20656
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical:last-child {
20657
- --pf-v5-c-overflow-menu--spacer: 0;
22145
+ .pf-v5-c-overflow-menu__control {
22146
+ column-gap: var(--pf-v5-c-overflow-menu--ColumnGap);
20658
22147
  }
20659
22148
 
20660
22149
  :root {
@@ -21557,7 +23046,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21557
23046
  flex: 1 0 auto;
21558
23047
  }
21559
23048
 
21560
- :root {
23049
+ :where(:root),
23050
+ :where(.pf-v5-c-pagination) {
21561
23051
  --pf-v5-c-pagination--inset: 0;
21562
23052
  --pf-v5-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
21563
23053
  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--md);
@@ -21597,7 +23087,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21597
23087
  --pf-v5-c-pagination--m-display-full__page-menu--Display: inline-flex;
21598
23088
  }
21599
23089
  @media screen and (min-width: 768px) {
21600
- :root {
23090
+ :where(:root),
23091
+ :where(.pf-v5-c-pagination) {
21601
23092
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
21602
23093
  --pf-v5-c-pagination__page-menu--Display: inline-flex;
21603
23094
  --pf-v5-c-pagination__nav--Display: inline-flex;
@@ -21605,7 +23096,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21605
23096
  }
21606
23097
  }
21607
23098
  @media screen and (min-width: 1200px) {
21608
- :root {
23099
+ :where(:root),
23100
+ :where(.pf-v5-c-pagination) {
21609
23101
  --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
21610
23102
  --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
21611
23103
  --pf-v5-c-pagination__scroll-button--Width: var(--pf-v5-c-pagination__scroll-button--xl--Width);