@patternfly/patternfly 6.0.0-alpha.62 → 6.0.0-alpha.64

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 (49) 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/Drawer/drawer.css +113 -113
  6. package/components/Drawer/drawer.scss +135 -136
  7. package/components/Masthead/masthead.css +15 -29
  8. package/components/Masthead/masthead.scss +20 -36
  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/Drawer/examples/Drawer.md +294 -256
  17. package/docs/components/LogViewer/examples/LogViewer.md +50 -50
  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 +40 -36
  30. package/docs/demos/JumpLinks/examples/JumpLinks.md +42 -38
  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 +2695 -1235
  45. package/patternfly-theme-dark-unversioned.css +2695 -1235
  46. package/patternfly.css +2695 -1235
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/components/Drawer/themes/dark/drawer.scss +0 -13
@@ -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;
6709
+ }
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);
6684
6714
  }
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);
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
- }
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
11770
  }
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
11883
  }
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
- }
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
- }
11907
+ .pf-v5-c-toolbar__group.pf-m-align-start,
11908
+ .pf-v5-c-toolbar__item.pf-m-align-start {
11909
+ margin-inline-start: 0;
12243
11910
  }
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 {
11911
+ .pf-v5-c-toolbar__group.pf-m-align-center,
11912
+ .pf-v5-c-toolbar__item.pf-m-align-center {
12246
11913
  margin-inline-start: auto;
11914
+ margin-inline-end: auto;
12247
11915
  }
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 {
12250
- margin-inline-start: 0;
11916
+ .pf-v5-c-toolbar__group.pf-m-align-end,
11917
+ .pf-v5-c-toolbar__item.pf-m-align-end {
11918
+ margin-inline-start: auto;
12251
11919
  }
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;
11920
+ .pf-v5-c-toolbar__group.pf-m-flex-grow,
11921
+ .pf-v5-c-toolbar__item.pf-m-flex-grow {
11922
+ flex-grow: 1;
12255
11923
  }
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 {
12258
- margin-inline-start: auto;
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;
12259
11927
  }
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;
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;
12263
11931
  }
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;
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;
12267
11935
  }
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
- }
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;
12293
11939
  }
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
- }
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;
12319
11943
  }
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
- }
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;
12345
11996
  }
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
- }
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;
12371
12002
  }
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
- }
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;
12014
+ }
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;
12397
12020
  }
12398
- .pf-v5-c-toolbar .pf-m-space-items-none > * {
12399
- --pf-v5-c-toolbar--spacer: 0;
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));
@@ -13220,19 +14700,23 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13220
14700
  }
13221
14701
  }
13222
14702
 
13223
- .pf-v5-c-drawer {
13224
- --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13225
- --pf-v5-c-drawer__section--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
14703
+ :where(:root),
14704
+ :where(.pf-v5-c-drawer) {
14705
+ --pf-v5-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14706
+ --pf-v5-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13226
14707
  --pf-v5-c-drawer__content--FlexBasis: 100%;
13227
- --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13228
- --pf-v5-c-drawer__content--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
13229
- --pf-v5-c-drawer__content--ZIndex: var(--pf-v5-global--ZIndex--xs);
14708
+ --pf-v5-c-drawer__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14709
+ --pf-v5-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14710
+ --pf-v5-c-drawer__content--ZIndex: var(--pf-t--global--Zindex--xs);
13230
14711
  --pf-v5-c-drawer__panel--MinWidth: 50%;
13231
14712
  --pf-v5-c-drawer__panel--MaxHeight: auto;
13232
- --pf-v5-c-drawer__panel--ZIndex: var(--pf-v5-global--ZIndex--sm);
13233
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13234
- --pf-v5-c-drawer__panel--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
13235
- --pf-v5-c-drawer__panel--TransitionDuration: var(--pf-v5-global--TransitionDuration);
14713
+ --pf-v5-c-drawer__panel--ZIndex: var(--pf-t--global--Zindex--sm);
14714
+ --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
14715
+ --pf-v5-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14716
+ --pf-v5-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
14717
+ --pf-v5-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14718
+ --pf-v5-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
14719
+ --pf-v5-c-drawer__panel--TransitionDuration: 250ms;
13236
14720
  --pf-v5-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
13237
14721
  --pf-v5-c-drawer__panel--FlexBasis: 100%;
13238
14722
  --pf-v5-c-drawer__panel--md--FlexBasis--min: 1.5rem;
@@ -13249,46 +14733,47 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13249
14733
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
13250
14734
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
13251
14735
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
13252
- --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-global--spacer--md);
13253
- --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-global--spacer--md);
13254
- --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-global--spacer--md);
13255
- --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-global--spacer--md);
13256
- --pf-v5-c-drawer--child--md--PaddingTop: var(--pf-v5-global--spacer--lg);
13257
- --pf-v5-c-drawer--child--md--PaddingRight: var(--pf-v5-global--spacer--lg);
13258
- --pf-v5-c-drawer--child--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
13259
- --pf-v5-c-drawer--child--md--PaddingLeft: var(--pf-v5-global--spacer--lg);
13260
- --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
13261
- --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
13262
- --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
13263
- --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
13264
- --pf-v5-c-drawer--child--m-padding--md--PaddingTop: var(--pf-v5-global--spacer--lg);
13265
- --pf-v5-c-drawer--child--m-padding--md--PaddingRight: var(--pf-v5-global--spacer--lg);
13266
- --pf-v5-c-drawer--child--m-padding--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
13267
- --pf-v5-c-drawer--child--m-padding--md--PaddingLeft: var(--pf-v5-global--spacer--lg);
13268
- --pf-v5-c-drawer__content--child--PaddingTop: 0;
13269
- --pf-v5-c-drawer__content--child--PaddingRight: 0;
13270
- --pf-v5-c-drawer__content--child--PaddingBottom: 0;
13271
- --pf-v5-c-drawer__content--child--PaddingLeft: 0;
14736
+ --pf-v5-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--sm);
14737
+ --pf-v5-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14738
+ --pf-v5-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
14739
+ --pf-v5-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--md);
14740
+ --pf-v5-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--md);
14741
+ --pf-v5-c-drawer__description--PaddingInlineStart: var(--pf-t--global--spacer--md);
14742
+ --pf-v5-c-drawer__description--PaddingInlineEnd: var(--pf-t--global--spacer--md);
14743
+ --pf-v5-c-drawer__body--PaddingTop--base: var(--pf-t--global--spacer--md);
14744
+ --pf-v5-c-drawer__body--PaddingRight--base: var(--pf-t--global--spacer--md);
14745
+ --pf-v5-c-drawer__body--PaddingBottom--base: var(--pf-t--global--spacer--md);
14746
+ --pf-v5-c-drawer__body--PaddingLeft--base: var(--pf-t--global--spacer--md);
14747
+ --pf-v5-c-drawer__content__body--PaddingTop: 0;
14748
+ --pf-v5-c-drawer__content__body--PaddingRight: 0;
14749
+ --pf-v5-c-drawer__content__body--PaddingBottom: 0;
14750
+ --pf-v5-c-drawer__content__body--PaddingLeft: 0;
14751
+ --pf-v5-c-drawer__panel__body--PaddingTop: var(--pf-v5-c-drawer__body--PaddingTop--base);
14752
+ --pf-v5-c-drawer__panel__body--PaddingRight: var(--pf-v5-c-drawer__body--PaddingRight--base);
14753
+ --pf-v5-c-drawer__panel__body--PaddingBottom: var(--pf-v5-c-drawer__body--PaddingBottom--base);
14754
+ --pf-v5-c-drawer__panel__body--PaddingLeft: var(--pf-v5-c-drawer__body--PaddingLeft--base);
14755
+ --pf-v5-c-drawer__body--m-padding--PaddingTop: var(--pf-t--global--spacer--md);
14756
+ --pf-v5-c-drawer__body--m-padding--PaddingRight: var(--pf-t--global--spacer--md);
14757
+ --pf-v5-c-drawer__body--m-padding--PaddingBottom: var(--pf-t--global--spacer--md);
14758
+ --pf-v5-c-drawer__body--m-padding--PaddingLeft: var(--pf-t--global--spacer--md);
13272
14759
  --pf-v5-c-drawer__splitter--Height: 0.5625rem;
13273
14760
  --pf-v5-c-drawer__splitter--Width: 100%;
13274
- --pf-v5-c-drawer__splitter--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
14761
+ --pf-v5-c-drawer__splitter--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13275
14762
  --pf-v5-c-drawer__splitter--Cursor: row-resize;
13276
14763
  --pf-v5-c-drawer__splitter--m-vertical--Height: 100%;
13277
14764
  --pf-v5-c-drawer__splitter--m-vertical--Width: 0.5625rem;
13278
14765
  --pf-v5-c-drawer__splitter--m-vertical--Cursor: col-resize;
13279
14766
  --pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
13280
- --pf-v5-c-drawer__splitter--after--BorderColor: var(--pf-v5-global--BorderColor--100);
13281
- --pf-v5-c-drawer__splitter--after--border-width--base: var(--pf-v5-global--BorderWidth--sm);
14767
+ --pf-v5-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
14768
+ --pf-v5-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
13282
14769
  --pf-v5-c-drawer__splitter--after--BorderTopWidth: 0;
13283
14770
  --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13284
14771
  --pf-v5-c-drawer__splitter--after--BorderBottomWidth: 0;
13285
- --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
13286
- --pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
14772
+ --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
14773
+ --pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13287
14774
  --pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13288
14775
  --pf-v5-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem;
13289
14776
  --pf-v5-c-drawer--m-inline__splitter-handle--Left: 50%;
13290
- --pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13291
- --pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13292
14777
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem;
13293
14778
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top: 50%;
13294
14779
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
@@ -13296,62 +14781,54 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13296
14781
  --pf-v5-c-drawer__splitter-handle--Left: calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base));
13297
14782
  --pf-v5-c-drawer--m-panel-left__splitter-handle--Left: 50%;
13298
14783
  --pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top: calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base));
13299
- --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--200);
13300
- --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
14784
+ --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--default);
14785
+ --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
13301
14786
  --pf-v5-c-drawer__splitter-handle--after--BorderRightWidth: 0;
13302
- --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
14787
+ --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
13303
14788
  --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: 0;
13304
- --pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--100);
13305
- --pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--100);
14789
+ --pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--hover);
13306
14790
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth: 0;
13307
- --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
14791
+ --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
13308
14792
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth: 0;
13309
- --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
14793
+ --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
13310
14794
  --pf-v5-c-drawer__splitter-handle--after--Width: 0.75rem;
13311
14795
  --pf-v5-c-drawer__splitter-handle--after--Height: 0.25rem;
13312
14796
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
13313
14797
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
13314
- --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
13315
- --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
14798
+ --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1.5);
14799
+ --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-t--global--spacer--xs) * -1.5);
13316
14800
  --pf-v5-c-drawer__panel--BoxShadow: none;
13317
- --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
13318
- --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
13319
- --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
13320
- --pf-v5-c-drawer__panel--after--Width: var(--pf-v5-global--BorderWidth--sm);
13321
- --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-v5-global--BorderWidth--sm);
14801
+ --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
14802
+ --pf-v5-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
14803
+ --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
13322
14804
  --pf-v5-c-drawer__panel--after--BackgroundColor: transparent;
13323
- --pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-v5-global--BorderColor--100);
14805
+ --pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
13324
14806
  --pf-v5-c-drawer--m-inline__panel--PaddingLeft: var(--pf-v5-c-drawer__panel--after--Width);
13325
14807
  --pf-v5-c-drawer--m-panel-left--m-inline__panel--PaddingRight: var(--pf-v5-c-drawer__panel--after--Width);
13326
14808
  --pf-v5-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop: var(--pf-v5-c-drawer__panel--after--Width);
13327
- display: flex;
13328
- flex-direction: column;
13329
- height: 100%;
13330
- overflow-x: hidden;
13331
- }
13332
- @media screen and (min-width: 768px) {
13333
- .pf-v5-c-drawer {
13334
- --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-c-drawer--child--md--PaddingTop);
13335
- --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-c-drawer--child--md--PaddingRight);
13336
- --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-c-drawer--child--md--PaddingBottom);
13337
- --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-c-drawer--child--md--PaddingLeft);
13338
- --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-c-drawer--child--m-padding--md--PaddingTop);
13339
- --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-c-drawer--child--m-padding--md--PaddingRight);
13340
- --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-c-drawer--child--m-padding--md--PaddingBottom);
13341
- --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-c-drawer--child--m-padding--md--PaddingLeft);
13342
- }
13343
14809
  }
13344
14810
  @media screen and (min-width: 1200px) {
13345
- .pf-v5-c-drawer {
14811
+ :where(:root),
14812
+ :where(.pf-v5-c-drawer) {
13346
14813
  --pf-v5-c-drawer__panel--MinWidth: var(--pf-v5-c-drawer__panel--xl--MinWidth);
13347
14814
  }
13348
- .pf-v5-c-drawer.pf-m-panel-bottom {
14815
+ :where(:root).pf-m-panel-bottom,
14816
+ :where(.pf-v5-c-drawer).pf-m-panel-bottom {
13349
14817
  --pf-v5-c-drawer__panel--MinWidth: auto;
13350
14818
  --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
13351
14819
  }
13352
14820
  }
14821
+
14822
+ .pf-v5-c-drawer {
14823
+ --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
14824
+ --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
14825
+ display: flex;
14826
+ flex-direction: column;
14827
+ height: 100%;
14828
+ overflow-x: hidden;
14829
+ }
13353
14830
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
13354
- --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
14831
+ --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
13355
14832
  }
13356
14833
 
13357
14834
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
@@ -13401,12 +14878,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13401
14878
  flex-grow: 0;
13402
14879
  background-color: var(--pf-v5-c-drawer__section--BackgroundColor);
13403
14880
  }
14881
+ .pf-v5-c-drawer__section.pf-m-secondary {
14882
+ --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-c-drawer__section--m-secondary--BackgroundColor);
14883
+ }
13404
14884
  .pf-v5-c-drawer__section.pf-m-no-background {
13405
14885
  --pf-v5-c-drawer__section--BackgroundColor: transparent;
13406
14886
  }
13407
- .pf-v5-c-drawer__section.pf-m-light-200 {
13408
- --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-c-drawer__section--m-light-200--BackgroundColor);
13409
- }
13410
14887
 
13411
14888
  .pf-v5-c-drawer__main {
13412
14889
  display: flex;
@@ -13427,24 +14904,26 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13427
14904
  z-index: var(--pf-v5-c-drawer__content--ZIndex);
13428
14905
  flex-basis: var(--pf-v5-c-drawer__content--FlexBasis);
13429
14906
  order: 0;
14907
+ background-color: var(--pf-v5-c-drawer__content--BackgroundColor);
14908
+ }
14909
+ .pf-v5-c-drawer__content.pf-m-secondary {
14910
+ --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-c-drawer__content--m-secondary--BackgroundColor);
13430
14911
  }
13431
14912
  .pf-v5-c-drawer__content.pf-m-no-background {
13432
14913
  --pf-v5-c-drawer__content--BackgroundColor: transparent;
13433
14914
  }
13434
- .pf-v5-c-drawer__content.pf-m-light-200 {
13435
- --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-c-drawer__content--m-light-200--BackgroundColor);
13436
- }
13437
14915
  .pf-v5-c-drawer__content > .pf-v5-c-drawer__body {
13438
- padding-block-start: var(--pf-v5-c-drawer__content--child--PaddingTop);
13439
- padding-block-end: var(--pf-v5-c-drawer__content--child--PaddingBottom);
13440
- padding-inline-start: var(--pf-v5-c-drawer__content--child--PaddingLeft);
13441
- padding-inline-end: var(--pf-v5-c-drawer__content--child--PaddingRight);
14916
+ padding-block-start: var(--pf-v5-c-drawer__content__body--PaddingTop);
14917
+ padding-block-end: var(--pf-v5-c-drawer__content__body--PaddingBottom);
14918
+ padding-inline-start: var(--pf-v5-c-drawer__content__body--PaddingLeft);
14919
+ padding-inline-end: var(--pf-v5-c-drawer__content__body--PaddingRight);
13442
14920
  }
13443
14921
 
13444
14922
  .pf-v5-c-drawer__panel {
13445
14923
  position: relative;
13446
14924
  z-index: var(--pf-v5-c-drawer__panel--ZIndex);
13447
14925
  flex-basis: var(--pf-v5-c-drawer__panel--FlexBasis);
14926
+ row-gap: var(--pf-v5-c-drawer__panel--RowGap);
13448
14927
  order: 1;
13449
14928
  max-height: var(--pf-v5-c-drawer__panel--MaxHeight);
13450
14929
  overflow: auto;
@@ -13463,12 +14942,16 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13463
14942
  content: "";
13464
14943
  background-color: var(--pf-v5-c-drawer__panel--after--BackgroundColor);
13465
14944
  }
14945
+ .pf-v5-c-drawer__panel:not(.pf-m-resizable) {
14946
+ padding-block-start: var(--pf-v5-c-drawer__panel--PaddingBlockStart);
14947
+ padding-block-end: var(--pf-v5-c-drawer__panel--PaddingBlockEnd);
14948
+ }
14949
+ .pf-v5-c-drawer__panel.pf-m-secondary {
14950
+ --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-c-drawer__panel--m-secondary--BackgroundColor);
14951
+ }
13466
14952
  .pf-v5-c-drawer__panel.pf-m-no-background {
13467
14953
  --pf-v5-c-drawer__panel--BackgroundColor: transparent;
13468
14954
  }
13469
- .pf-v5-c-drawer__panel.pf-m-light-200 {
13470
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-c-drawer__panel--m-light-200--BackgroundColor);
13471
- }
13472
14955
  @media screen and (min-width: 768px) {
13473
14956
  .pf-v5-c-drawer__panel {
13474
14957
  --pf-v5-c-drawer__panel--FlexBasis:
@@ -13487,8 +14970,18 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13487
14970
  }
13488
14971
  }
13489
14972
 
14973
+ .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body,
14974
+ .pf-v5-c-drawer__panel-main > .pf-v5-c-drawer__body {
14975
+ padding-block-start: var(--pf-v5-c-drawer__panel__body--PaddingTop);
14976
+ padding-block-end: var(--pf-v5-c-drawer__panel__body--PaddingBottom);
14977
+ padding-inline-start: var(--pf-v5-c-drawer__panel__body--PaddingLeft);
14978
+ padding-inline-end: var(--pf-v5-c-drawer__panel__body--PaddingRight);
14979
+ }
14980
+
13490
14981
  .pf-v5-c-drawer__panel-main {
13491
14982
  flex-grow: 1;
14983
+ padding-block-start: var(--pf-v5-c-drawer__panel--PaddingBlockStart);
14984
+ padding-block-end: var(--pf-v5-c-drawer__panel--PaddingBlockEnd);
13492
14985
  }
13493
14986
 
13494
14987
  @keyframes pf-remove-tab-focus {
@@ -13506,6 +14999,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13506
14999
  display: grid;
13507
15000
  grid-template-columns: auto;
13508
15001
  grid-auto-columns: max-content;
15002
+ column-gap: var(--pf-v5-c-drawer__head--ColumnGap);
15003
+ padding-block-start: var(--pf-v5-c-drawer__head--PaddingBlockStart);
15004
+ padding-block-end: var(--pf-v5-c-drawer__head--PaddingBlockEnd);
15005
+ padding-inline-start: var(--pf-v5-c-drawer__head--PaddingInlineStart);
15006
+ padding-inline-end: var(--pf-v5-c-drawer__head--PaddingInlineEnd);
13509
15007
  }
13510
15008
  .pf-v5-c-drawer__head > * {
13511
15009
  grid-column: 1;
@@ -13520,25 +15018,19 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13520
15018
  margin-inline-end: var(--pf-v5-c-drawer__actions--MarginRight);
13521
15019
  }
13522
15020
 
13523
- .pf-v5-c-drawer__body {
13524
- padding-block-start: var(--pf-v5-c-drawer--child--PaddingTop);
13525
- padding-block-end: var(--pf-v5-c-drawer--child--PaddingBottom);
13526
- padding-inline-start: var(--pf-v5-c-drawer--child--PaddingLeft);
13527
- padding-inline-end: var(--pf-v5-c-drawer--child--PaddingRight);
15021
+ .pf-v5-c-drawer__description {
15022
+ padding-inline-start: var(--pf-v5-c-drawer__description--PaddingInlineStart);
15023
+ padding-inline-end: var(--pf-v5-c-drawer__description--PaddingInlineEnd);
13528
15024
  }
15025
+
13529
15026
  .pf-v5-c-drawer__body.pf-m-no-padding {
13530
15027
  padding: 0;
13531
15028
  }
13532
- .pf-v5-c-drawer__body.pf-m-no-padding > .pf-v5-c-drawer__actions,
13533
- .pf-v5-c-drawer__body.pf-m-no-padding > .pf-v5-c-drawer__head > .pf-v5-c-drawer__actions {
13534
- margin-block-start: 0;
13535
- margin-inline-end: 0;
13536
- }
13537
15029
  .pf-v5-c-drawer__body.pf-m-padding {
13538
- padding-block-start: var(--pf-v5-c-drawer--child--m-padding--PaddingTop);
13539
- padding-block-end: var(--pf-v5-c-drawer--child--m-padding--PaddingBottom);
13540
- padding-inline-start: var(--pf-v5-c-drawer--child--m-padding--PaddingLeft);
13541
- padding-inline-end: var(--pf-v5-c-drawer--child--m-padding--PaddingRight);
15030
+ padding-block-start: var(--pf-v5-c-drawer__body--m-padding--PaddingTop);
15031
+ padding-block-end: var(--pf-v5-c-drawer__body--m-padding--PaddingBottom);
15032
+ padding-inline-start: var(--pf-v5-c-drawer__body--m-padding--PaddingLeft);
15033
+ padding-inline-end: var(--pf-v5-c-drawer__body--m-padding--PaddingRight);
13542
15034
  }
13543
15035
  .pf-v5-c-drawer__body:not(.pf-m-no-padding) + * {
13544
15036
  padding-block-start: 0;
@@ -13570,12 +15062,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13570
15062
  --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth);
13571
15063
  --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth);
13572
15064
  }
13573
- .pf-v5-c-drawer__splitter:hover {
15065
+ .pf-v5-c-drawer__splitter:hover, .pf-v5-c-drawer__splitter:focus {
13574
15066
  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor);
13575
15067
  }
13576
- .pf-v5-c-drawer__splitter:focus {
13577
- --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor);
13578
- }
13579
15068
  .pf-v5-c-drawer__splitter::after {
13580
15069
  position: absolute;
13581
15070
  inset-block-start: 0;
@@ -13651,8 +15140,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13651
15140
  }
13652
15141
  .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
13653
15142
  --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-panel-left__splitter-handle--Left);
13654
- --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
13655
- --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
13656
15143
  order: 1;
13657
15144
  }
13658
15145
  .pf-v5-c-drawer.pf-m-panel-bottom {
@@ -13680,14 +15167,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13680
15167
  }
13681
15168
  .pf-v5-c-drawer.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
13682
15169
  --pf-v5-c-drawer__splitter-handle--Top: var(--pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top);
15170
+ --pf-v5-c-drawer__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderTopWidth);
13683
15171
  --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
13684
15172
  --pf-v5-c-drawer__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
15173
+ --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
13685
15174
  }
13686
15175
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
13687
15176
  --pf-v5-c-drawer__splitter--m-vertical--Width: var(--pf-v5-c-drawer--m-inline__splitter--m-vertical--Width);
13688
15177
  --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-inline__splitter-handle--Left);
13689
- --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth);
13690
- --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth);
13691
15178
  outline-offset: var(--pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset);
13692
15179
  }
13693
15180
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel.pf-m-resizable > .pf-v5-c-drawer__splitter {
@@ -14053,18 +15540,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14053
15540
  display: none;
14054
15541
  }
14055
15542
  }
14056
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
14057
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
14058
- }
14059
-
14060
- :where(.pf-theme-dark) .pf-v5-c-drawer {
14061
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
14062
- --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
14063
- }
14064
- :where(.pf-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-theme-dark) .pf-v5-c-drawer.pf-m-static {
14065
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
14066
- }
14067
-
14068
15543
  .pf-v5-c-dropdown {
14069
15544
  --pf-v5-c-dropdown__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
14070
15545
  --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -16683,51 +18158,77 @@ label.pf-v5-c-input-group__text {
16683
18158
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
16684
18159
  }
16685
18160
 
16686
- .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 {
16687
18166
  --pf-v5-hidden-visible--hidden--Display: none;
16688
18167
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16689
18168
  display: var(--pf-v5-hidden-visible--Display);
16690
18169
  }
16691
- .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 {
16692
18173
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16693
18174
  }
16694
18175
  @media screen and (min-width: 576px) {
16695
- .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 {
16696
18179
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16697
18180
  }
16698
- .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 {
16699
18184
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16700
18185
  }
16701
18186
  }
16702
18187
  @media screen and (min-width: 768px) {
16703
- .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 {
16704
18191
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16705
18192
  }
16706
- .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 {
16707
18196
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16708
18197
  }
16709
18198
  }
16710
18199
  @media screen and (min-width: 992px) {
16711
- .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 {
16712
18203
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16713
18204
  }
16714
- .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 {
16715
18208
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16716
18209
  }
16717
18210
  }
16718
18211
  @media screen and (min-width: 1200px) {
16719
- .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 {
16720
18215
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16721
18216
  }
16722
- .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 {
16723
18220
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16724
18221
  }
16725
18222
  }
16726
18223
  @media screen and (min-width: 1450px) {
16727
- .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 {
16728
18227
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16729
18228
  }
16730
- .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 {
16731
18232
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16732
18233
  }
16733
18234
  }
@@ -17769,17 +19270,12 @@ ul.pf-v5-c-list {
17769
19270
  }
17770
19271
 
17771
19272
  :root,
17772
- :where(.pf-v5-c-masthead) {
17773
- --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--lg);
17774
- --pf-v5-c-masthead--PaddingBlockStart: var(--pf-t--global--spacer--md);
17775
- --pf-v5-c-masthead--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17776
- --pf-v5-c-masthead--PaddingInlineStart: var(--pf-v5-c-masthead--inset);
17777
- --pf-v5-c-masthead--PaddingInlineEnd: var(--pf-v5-c-masthead--inset);
17778
- --pf-v5-c-masthead--AlignItems: start;
19273
+ [data-theme=pf-v5-c-masthead] {
17779
19274
  --pf-v5-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
17780
19275
  --pf-v5-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
17781
- --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17782
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);
17783
19279
  --pf-v5-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
17784
19280
  --pf-v5-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
17785
19281
  --pf-v5-c-masthead__brand--MaxHeight: 2.375rem;
@@ -17800,21 +19296,15 @@ ul.pf-v5-c-list {
17800
19296
  --pf-v5-c-masthead--m-display-inline__content--Order: 0;
17801
19297
  --pf-v5-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
17802
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;
17803
19302
  }
17804
19303
 
17805
19304
  .pf-v5-c-masthead {
17806
- --pf-v5-c-toolbar--PaddingTop: 0;
17807
- --pf-v5-c-toolbar--PaddingBottom: 0;
17808
- --pf-v5-c-toolbar__content--PaddingRight: 0;
17809
- --pf-v5-c-toolbar__content--PaddingLeft: 0;
17810
- --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17811
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17812
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17813
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17814
- --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-masthead--BackgroundColor);
17815
- --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: var(--pf-v5-c-masthead--PaddingInlineStart);
17816
- --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: var(--pf-t--global--spacer--md);
17817
- --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);
17818
19308
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17819
19309
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
17820
19310
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
@@ -17826,13 +19316,13 @@ ul.pf-v5-c-list {
17826
19316
  grid-template-columns: var(--pf-v5-c-masthead--GridTemplateColumns);
17827
19317
  row-gap: var(--pf-v5-c-masthead--RowGap);
17828
19318
  column-gap: var(--pf-v5-c-masthead--ColumnGap);
17829
- align-items: var(--pf-v5-c-masthead--AlignItems);
19319
+ align-items: start;
17830
19320
  min-width: 0;
17831
- padding-block-start: var(--pf-v5-c-masthead--PaddingBlockStart);
17832
- padding-block-end: var(--pf-v5-c-masthead--PaddingBlockEnd);
17833
- padding-inline-start: var(--pf-v5-c-masthead--inset);
17834
- padding-inline-end: var(--pf-v5-c-masthead--inset);
17835
- 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));
17836
19326
  }
17837
19327
  @media screen and (min-width: 768px) {
17838
19328
  :where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
@@ -17845,9 +19335,6 @@ ul.pf-v5-c-list {
17845
19335
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
17846
19336
  }
17847
19337
  }
17848
- .pf-v5-c-masthead .pf-v5-c-toolbar {
17849
- width: 100%;
17850
- }
17851
19338
  .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content {
17852
19339
  inset-block-start: 100%;
17853
19340
  border-block-start: var(--pf-v5-c-masthead__expandable-content--BorderBlockStart);
@@ -20595,71 +22082,41 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20595
22082
  background: transparent;
20596
22083
  }
20597
22084
 
22085
+ :root {
22086
+ --pf-v5-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
22087
+ --pf-v5-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
22088
+ --pf-v5-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
22089
+ --pf-v5-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
22090
+ }
22091
+
20598
22092
  .pf-v5-c-overflow-menu {
20599
- --pf-v5-c-overflow-menu--spacer--base: var(--pf-v5-global--spacer--md);
20600
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-global--spacer--sm);
20601
- --pf-v5-c-overflow-menu__group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20602
- --pf-v5-c-overflow-menu__item--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20603
- --pf-v5-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20604
- --pf-v5-c-overflow-menu__group--m-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20605
- --pf-v5-c-overflow-menu__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
20606
- --pf-v5-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20607
- --pf-v5-c-overflow-menu__group--m-icon-button-group--space-items: 0;
20608
22093
  display: inline-flex;
20609
- align-items: center;
22094
+ column-gap: var(--pf-v5-c-overflow-menu--ColumnGap);
20610
22095
  }
20611
22096
 
20612
- .pf-v5-c-overflow-menu__content {
22097
+ .pf-v5-c-overflow-menu__content,
22098
+ .pf-v5-c-overflow-menu__group {
20613
22099
  display: flex;
20614
- align-items: center;
22100
+ align-items: start;
20615
22101
  }
20616
22102
 
20617
22103
  .pf-v5-c-overflow-menu__group {
20618
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--spacer);
20619
- display: flex;
20620
- align-items: center;
22104
+ column-gap: var(--pf-v5-c-overflow-menu__group--ColumnGap);
20621
22105
  }
20622
22106
  .pf-v5-c-overflow-menu__group.pf-m-button-group {
20623
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--spacer);
20624
- }
20625
- .pf-v5-c-overflow-menu__group.pf-m-button-group > * {
20626
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--space-items);
22107
+ column-gap: var(--pf-v5-c-overflow-menu__group--m-button-group--ColumnGap);
20627
22108
  }
20628
22109
  .pf-v5-c-overflow-menu__group.pf-m-icon-button-group {
20629
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer);
20630
- }
20631
- .pf-v5-c-overflow-menu__group.pf-m-icon-button-group > * {
20632
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items);
22110
+ column-gap: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--ColumnGap);
20633
22111
  }
20634
22112
 
20635
22113
  .pf-v5-c-overflow-menu__item {
20636
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
22114
+ column-gap: var(--pf-v5-c-overflow-menu__item--ColumnGap, var(--pf-v5-c-overflow-menu--ColumnGap));
20637
22115
  }
20638
22116
 
20639
22117
  .pf-v5-c-overflow-menu__content,
20640
- .pf-v5-c-overflow-menu__control,
20641
- .pf-v5-c-overflow-menu__group,
20642
- .pf-v5-c-overflow-menu__item {
20643
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
20644
- }
20645
- .pf-v5-c-overflow-menu__content:last-child,
20646
- .pf-v5-c-overflow-menu__control:last-child,
20647
- .pf-v5-c-overflow-menu__group:last-child,
20648
- .pf-v5-c-overflow-menu__item:last-child {
20649
- --pf-v5-c-overflow-menu--spacer: 0;
20650
- }
20651
-
20652
- .pf-v5-c-overflow-menu > .pf-v5-c-divider,
20653
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider {
20654
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer);
20655
- }
20656
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical,
20657
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical {
20658
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
20659
- }
20660
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child,
20661
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical:last-child {
20662
- --pf-v5-c-overflow-menu--spacer: 0;
22118
+ .pf-v5-c-overflow-menu__control {
22119
+ column-gap: var(--pf-v5-c-overflow-menu--ColumnGap);
20663
22120
  }
20664
22121
 
20665
22122
  :root {
@@ -21562,7 +23019,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21562
23019
  flex: 1 0 auto;
21563
23020
  }
21564
23021
 
21565
- :root {
23022
+ :where(:root),
23023
+ :where(.pf-v5-c-pagination) {
21566
23024
  --pf-v5-c-pagination--inset: 0;
21567
23025
  --pf-v5-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
21568
23026
  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--md);
@@ -21602,7 +23060,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21602
23060
  --pf-v5-c-pagination--m-display-full__page-menu--Display: inline-flex;
21603
23061
  }
21604
23062
  @media screen and (min-width: 768px) {
21605
- :root {
23063
+ :where(:root),
23064
+ :where(.pf-v5-c-pagination) {
21606
23065
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
21607
23066
  --pf-v5-c-pagination__page-menu--Display: inline-flex;
21608
23067
  --pf-v5-c-pagination__nav--Display: inline-flex;
@@ -21610,7 +23069,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21610
23069
  }
21611
23070
  }
21612
23071
  @media screen and (min-width: 1200px) {
21613
- :root {
23072
+ :where(:root),
23073
+ :where(.pf-v5-c-pagination) {
21614
23074
  --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
21615
23075
  --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
21616
23076
  --pf-v5-c-pagination__scroll-button--Width: var(--pf-v5-c-pagination__scroll-button--xl--Width);