@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
  }
@@ -6552,32 +6578,33 @@ html .ws-preview {
6552
6578
  --pf-v5-c-accordion__expandable-content-body--PaddingTop: var(--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
6553
6579
  }
6554
6580
 
6555
- .pf-v5-c-action-list {
6556
- --pf-v5-c-action-list--m-icon--spacer: 0;
6557
- --pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
6558
- --pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
6581
+ :where(:root) {
6582
+ --pf-v5-c-action-list--RowGap: var(--pf-t--global--spacer--sm);
6583
+ --pf-v5-c-action-list--ColumnGap: var(--pf-t--global--spacer--2xl);
6584
+ --pf-v5-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--md);
6585
+ --pf-v5-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--sm);
6559
6586
  }
6560
6587
 
6561
6588
  .pf-v5-c-action-list,
6562
6589
  .pf-v5-c-action-list__group {
6563
- --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
6564
- --pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
6565
6590
  display: flex;
6566
- align-items: center;
6591
+ align-items: start;
6592
+ }
6593
+
6594
+ .pf-v5-c-action-list {
6595
+ row-gap: var(--pf-v5-c-action-list--RowGap);
6596
+ column-gap: var(--pf-v5-c-action-list--ColumnGap);
6567
6597
  }
6568
- .pf-v5-c-action-list > * + *,
6569
- .pf-v5-c-action-list__group > * + * {
6570
- margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
6598
+ .pf-v5-c-action-list.pf-m-icons {
6599
+ column-gap: var(--pf-v5-c-action-list--m-icons--ColumnGap);
6571
6600
  }
6572
- .pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
6573
- .pf-v5-c-action-list .pf-v5-c-action-list__group + *,
6574
- .pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
6575
- .pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
6576
- margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
6601
+
6602
+ .pf-v5-c-action-list__group {
6603
+ row-gap: var(--pf-v5-c-action-list__group--RowGap, var(--pf-v5-c-action-list--RowGap));
6604
+ column-gap: var(--pf-v5-c-action-list__group--ColumnGap);
6577
6605
  }
6578
- .pf-v5-c-action-list.pf-m-icons,
6579
6606
  .pf-v5-c-action-list__group.pf-m-icons {
6580
- --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
6607
+ column-gap: var(--pf-v5-c-action-list--m-icons--ColumnGap);
6581
6608
  }
6582
6609
 
6583
6610
  :root {
@@ -7802,10 +7829,6 @@ button.pf-v5-c-breadcrumb__link {
7802
7829
  --pf-v5-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
7803
7830
  --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7804
7831
  --pf-v5-c-button--TextDecoration: none;
7805
- --pf-v5-c-button--BorderStartStartRadius: var(--pf-v5-c-button--BorderRadius);
7806
- --pf-v5-c-button--BorderStartEndRadius: var(--pf-v5-c-button--BorderRadius);
7807
- --pf-v5-c-button--BorderEndStartRadius: var(--pf-v5-c-button--BorderRadius);
7808
- --pf-v5-c-button--BorderEndEndRadius: var(--pf-v5-c-button--BorderRadius);
7809
7832
  --pf-v5-c-button--MixBlendMode: normal;
7810
7833
  --pf-v5-c-button--hover--BackgroundColor: transparent;
7811
7834
  --pf-v5-c-button--hover--BorderColor: transparent;
@@ -8035,11 +8058,10 @@ button.pf-v5-c-breadcrumb__link {
8035
8058
  user-select: none;
8036
8059
  background-color: var(--pf-v5-c-button--BackgroundColor);
8037
8060
  border: 0;
8038
- border-start-start-radius: var(--pf-v5-c-button--BorderStartStartRadius);
8039
- border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius);
8040
- border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius);
8041
- border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius);
8042
- mix-blend-mode: var(--pf-v5-c-button--MixBlendMode);
8061
+ border-start-start-radius: var(--pf-v5-c-button--BorderStartStartRadius, var(--pf-v5-c-button--BorderRadius));
8062
+ border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius, var(--pf-v5-c-button--BorderRadius));
8063
+ border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius, var(--pf-v5-c-button--BorderRadius));
8064
+ border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius, var(--pf-v5-c-button--BorderRadius));
8043
8065
  }
8044
8066
  .pf-v5-c-button::after {
8045
8067
  position: absolute;
@@ -11590,110 +11612,50 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11590
11612
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11591
11613
  }
11592
11614
 
11593
- :root {
11594
- --pf-v5-c-toolbar--AlignItems--base: flex-start;
11595
- --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11596
- --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11597
- --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
11598
- --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-global--spacer--md);
11599
- --pf-v5-c-toolbar--item--RowGap--base: var(--pf-v5-global--spacer--xs);
11600
- --pf-v5-c-toolbar__item--Display: flex;
11601
- --pf-v5-c-toolbar__item--MinWidth--base: auto;
11602
- --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11603
- --pf-v5-c-toolbar__item--AlignSelf: var(--pf-v5-c-toolbar--AlignItems--base);
11604
- --pf-v5-c-toolbar__group--Display: flex;
11605
- --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11606
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11607
- --pf-v5-c-toolbar__group--AlignSelf: auto;
11608
- --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
11609
- --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
11610
- --pf-v5-c-toolbar--m-align-items-center--AlignItems: center;
11611
- --pf-v5-c-toolbar--m-align-items-baseline--AlignItems: baseline;
11612
- --pf-v5-c-toolbar--m-align-self-center--AlignSelf: center;
11613
- --pf-v5-c-toolbar--m-align-self-baseline--AlignSelf: baseline;
11614
- --pf-v5-c-toolbar__content--Display: flex;
11615
- --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11616
- --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11617
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md);
11618
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md);
11619
- --pf-v5-c-toolbar__content-section--Display: flex;
11620
- --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11621
- --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11622
- --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md);
11623
- --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
11624
- --pf-v5-c-toolbar__expandable-content--Display: grid;
11625
- --pf-v5-c-toolbar__expandable-content--PaddingTop: 0;
11626
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__content--PaddingRight);
11627
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
11628
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__content--PaddingLeft);
11629
- --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: 0;
11630
- --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: 0;
11631
- --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: 0;
11632
- --pf-v5-c-toolbar__expandable-content--ZIndex: var(--pf-v5-global--ZIndex--sm);
11633
- --pf-v5-c-toolbar__expandable-content--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
11634
- --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-toolbar--BackgroundColor);
11635
- --pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-v5-global--gutter--md);
11636
- --pf-v5-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-v5-global--spacer--md) * -1);
11637
- --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md);
11638
- --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md);
11639
- --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base);
11640
- --pf-v5-c-toolbar__item--Width: auto;
11641
- --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
11642
- --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm);
11643
- --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer);
11644
- --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
11645
- --pf-v5-c-toolbar__group--m-icon-button-group--space-items: 0;
11646
- --pf-v5-c-toolbar__group--m-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
11647
- --pf-v5-c-toolbar__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
11648
- --pf-v5-c-toolbar__group--m-filter-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
11649
- --pf-v5-c-toolbar__group--m-filter-group--space-items: 0;
11650
- --pf-v5-c-toolbar__item--m-overflow-menu--spacer: var(--pf-v5-c-toolbar__item--spacer);
11651
- --pf-v5-c-toolbar__item--m-bulk-select--spacer: var(--pf-v5-global--spacer--lg);
11615
+ :root,
11616
+ [data-theme=pf-v5-c-toolbar] {
11617
+ --pf-v5-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
11618
+ --pf-v5-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
11619
+ --pf-v5-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
11620
+ --pf-v5-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
11621
+ --pf-v5-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
11622
+ --pf-v5-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
11623
+ --pf-v5-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
11624
+ --pf-v5-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11625
+ --pf-v5-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11626
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-c-toolbar--PaddingInline);
11627
+ --pf-v5-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--Zindex--xs);
11628
+ --pf-v5-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11629
+ --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11630
+ --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--Zindex--xs);
11631
+ --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11632
+ --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-c-page--inset);
11652
11633
  --pf-v5-c-toolbar__expand-all-icon--Rotate: 0;
11653
11634
  --pf-v5-c-toolbar__expand-all-icon--Transition: var(--pf-v5-global--Transition);
11654
11635
  --pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
11655
- --pf-v5-c-toolbar__item--m-search-filter--spacer: var(--pf-v5-global--spacer--sm);
11656
- --pf-v5-c-toolbar__item--m-chip-group--spacer: var(--pf-v5-global--spacer--sm);
11657
- --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11658
- --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11659
- --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11660
- --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11661
- --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11662
- --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11663
- --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11664
- --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));
11665
- --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
11666
- --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-v5-global--Color--100);
11667
- --pf-v5-c-toolbar--c-divider--m-vertical--spacer: var(--pf-v5-c-toolbar--spacer--base);
11668
- --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
11669
- --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
11670
- --pf-v5-c-toolbar--m-full-height__item--Display: flex;
11671
- --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
11636
+ --pf-v5-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
11637
+ --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
11672
11638
  }
11673
11639
 
11674
- .pf-v5-c-toolbar {
11640
+ .pf-v5-c-toolbar__content-section,
11641
+ .pf-v5-c-toolbar__group,
11642
+ .pf-v5-c-toolbar__item,
11643
+ .pf-v5-c-toolbar__group.pf-m-chip-group-container,
11644
+ .pf-v5-c-toolbar__group.pf-m-chip-group {
11645
+ --pf-v5-hidden-visible--visible--Display: flex;
11646
+ flex-wrap: wrap;
11647
+ }
11648
+
11649
+ .pf-v5-c-toolbar,
11650
+ .pf-v5-c-toolbar__content {
11675
11651
  position: relative;
11676
11652
  display: grid;
11677
- row-gap: var(--pf-v5-c-toolbar--RowGap);
11678
- padding-block-start: var(--pf-v5-c-toolbar--PaddingTop);
11679
- padding-block-end: var(--pf-v5-c-toolbar--PaddingBottom);
11680
- background-color: var(--pf-v5-c-toolbar--BackgroundColor);
11681
- }
11682
- @media screen and (min-width: 992px) {
11683
- .pf-v5-c-toolbar {
11684
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingRight);
11685
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom);
11686
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft);
11687
- }
11688
11653
  }
11689
- @media screen and (min-width: 1200px) {
11690
- .pf-v5-c-toolbar {
11691
- --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-c-toolbar--m-page-insets--xl--inset);
11692
- }
11693
- }
11694
- .pf-v5-c-toolbar.pf-m-page-insets {
11695
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--m-page-insets--inset);
11696
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--m-page-insets--inset);
11654
+
11655
+ .pf-v5-c-toolbar {
11656
+ width: var(--pf-v5-c-toolbar--Width, auto);
11657
+ font-size: var(--pf-v5-c-toolbar--FontSize);
11658
+ line-height: var(--pf-v5-c-toolbar--LineHeight);
11697
11659
  }
11698
11660
  .pf-v5-c-toolbar.pf-m-sticky {
11699
11661
  position: sticky;
@@ -11701,1086 +11663,2604 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11701
11663
  z-index: var(--pf-v5-c-toolbar--m-sticky--ZIndex);
11702
11664
  box-shadow: var(--pf-v5-c-toolbar--m-sticky--BoxShadow);
11703
11665
  }
11704
- .pf-v5-c-toolbar.pf-m-full-height {
11705
- --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
11706
- --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
11707
- --pf-v5-c-toolbar__item--Display: var(--pf-v5-c-toolbar--m-full-height__item--Display);
11708
- height: 100%;
11709
- }
11710
- .pf-v5-c-toolbar.pf-m-full-height,
11711
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
11712
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
11713
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__expandable-content,
11714
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group {
11715
- min-width: 0;
11716
- }
11717
- .pf-v5-c-toolbar.pf-m-full-height,
11718
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
11719
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
11720
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group,
11721
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11722
- align-self: stretch;
11723
- }
11724
- .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
11725
- --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
11726
- }
11727
- .pf-v5-c-toolbar.pf-m-static,
11728
11666
  .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
11729
11667
  position: static;
11730
11668
  }
11731
11669
  .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__expandable-content {
11732
11670
  position: absolute;
11733
11671
  }
11734
-
11735
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider,
11736
- .pf-v5-c-toolbar__group > .pf-v5-c-divider {
11737
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar--c-divider--m-vertical--spacer);
11738
- }
11739
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical,
11740
- .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical {
11741
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
11742
- }
11743
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical:last-child,
11744
- .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
11745
- --pf-v5-c-toolbar--spacer: 0;
11746
- }
11747
- .pf-v5-c-toolbar__content-section.pf-m-align-items-start,
11748
- .pf-v5-c-toolbar__group.pf-m-align-items-start {
11749
- align-items: flex-start;
11750
- }
11751
- .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
11752
- .pf-v5-c-toolbar__group.pf-m-align-items-center {
11753
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
11754
- }
11755
- .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
11756
- .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
11757
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems);
11758
- }
11759
- .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
11760
- .pf-v5-c-toolbar__group.pf-m-align-self-start {
11761
- align-self: flex-start;
11672
+ .pf-v5-c-toolbar.pf-m-full-height {
11673
+ --pf-v5-c-toolbar--PaddingBlockStart: 0;
11674
+ --pf-v5-c-toolbar--PaddinkBlockEnd: 0;
11762
11675
  }
11763
- .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
11764
- .pf-v5-c-toolbar__group.pf-m-align-self-center {
11765
- --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-center--AlignItems);
11676
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group,
11677
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11678
+ align-items: stretch;
11679
+ align-self: stretch;
11766
11680
  }
11767
- .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
11768
- .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
11769
- --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems);
11681
+ .pf-v5-c-toolbar.pf-m-page-insets {
11682
+ --pf-v5-c-toolbar--PaddingInlineStart: var(--pf-v5-c-toolbar--m-page-insets--inset);
11683
+ --pf-v5-c-toolbar--PaddingInlineEnd: var(--pf-v5-c-toolbar--m-page-insets--inset);
11770
11684
  }
11771
11685
 
11772
- .pf-v5-c-toolbar__group {
11773
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
11774
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
11775
- row-gap: var(--pf-v5-c-toolbar__group--RowGap);
11776
- align-items: var(--pf-v5-c-toolbar__group--AlignItems);
11777
- align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
11778
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
11779
- }
11780
- .pf-v5-c-toolbar__group.pf-m-button-group {
11781
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
11782
- }
11783
- .pf-v5-c-toolbar__group.pf-m-button-group > * {
11784
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--space-items);
11785
- }
11786
- .pf-v5-c-toolbar__group.pf-m-icon-button-group {
11787
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--spacer);
11788
- }
11789
- .pf-v5-c-toolbar__group.pf-m-icon-button-group > * {
11790
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--space-items);
11791
- }
11792
- .pf-v5-c-toolbar__group.pf-m-filter-group {
11793
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--spacer);
11794
- }
11795
- .pf-v5-c-toolbar__group.pf-m-filter-group > * {
11796
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--space-items);
11797
- }
11798
- .pf-v5-c-toolbar__group.pf-m-filter-group > * + * {
11799
- margin-inline-start: -1px;
11686
+ .pf-v5-c-toolbar__content,
11687
+ .pf-v5-c-toolbar__content-section,
11688
+ .pf-v5-c-toolbar__expandable-content {
11689
+ row-gap: var(--pf-v5-c-toolbar__content--RowGap);
11690
+ column-gap: var(--pf-v5-c-toolbar--ColumnGap);
11800
11691
  }
11801
- .pf-v5-c-toolbar__group.pf-m-toggle-group {
11802
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--spacer);
11692
+
11693
+ .pf-v5-c-toolbar__content,
11694
+ .pf-v5-c-toolbar__expandable-content {
11695
+ padding-block-start: var(--pf-v5-c-toolbar__content--PaddingBlockStart, var(--pf-v5-c-toolbar__content--PaddingBlock));
11696
+ padding-block-end: var(--pf-v5-c-toolbar__content--PaddingBlockEnd, var(--pf-v5-c-toolbar__content--PaddingBlock));
11697
+ padding-inline-start: var(--pf-v5-c-toolbar__content--PaddingInlineStart, var(--pf-v5-c-toolbar__content--PaddingInline));
11698
+ padding-inline-end: var(--pf-v5-c-toolbar__content--PaddingInlineEnd, var(--pf-v5-c-toolbar__content--PaddingInline));
11803
11699
  }
11804
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__group,
11805
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__item {
11806
- display: none;
11700
+
11701
+ .pf-v5-c-toolbar__content-section {
11702
+ align-items: start;
11807
11703
  }
11808
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__toggle {
11809
- display: inline-block;
11704
+ .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 {
11705
+ margin-inline-start: revert;
11810
11706
  }
11811
- .pf-v5-c-toolbar__group:last-child {
11812
- --pf-v5-c-toolbar--spacer: 0;
11707
+ .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),
11708
+ .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) {
11709
+ flex: 1;
11813
11710
  }
11814
11711
 
11815
11712
  .pf-v5-c-toolbar__item {
11816
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
11817
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
11818
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
11819
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
11820
- align-items: var(--pf-v5-c-toolbar__item--AlignItems);
11821
- align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
11822
- width: var(--pf-v5-c-toolbar__item--Width--base);
11823
- min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
11824
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
11825
- }
11826
- @media (min-width: 576px) {
11827
- .pf-v5-c-toolbar__item {
11828
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width));
11829
- }
11830
- }
11831
- @media (min-width: 768px) {
11832
- .pf-v5-c-toolbar__item {
11833
- --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)));
11834
- }
11835
- }
11836
- @media (min-width: 992px) {
11837
- .pf-v5-c-toolbar__item {
11838
- --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))));
11839
- }
11840
- }
11841
- @media (min-width: 1200px) {
11842
- .pf-v5-c-toolbar__item {
11843
- --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)))));
11844
- }
11845
- }
11846
- @media (min-width: 1450px) {
11847
- .pf-v5-c-toolbar__item {
11848
- --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))))));
11849
- }
11850
- }
11851
- @media (min-width: 576px) {
11852
- .pf-v5-c-toolbar__item {
11853
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth));
11854
- }
11855
- }
11856
- @media (min-width: 768px) {
11857
- .pf-v5-c-toolbar__item {
11858
- --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)));
11859
- }
11860
- }
11861
- @media (min-width: 992px) {
11862
- .pf-v5-c-toolbar__item {
11863
- --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))));
11864
- }
11865
- }
11866
- @media (min-width: 1200px) {
11867
- .pf-v5-c-toolbar__item {
11868
- --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)))));
11869
- }
11870
- }
11871
- @media (min-width: 1450px) {
11872
- .pf-v5-c-toolbar__item {
11873
- --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))))));
11874
- }
11875
- }
11876
- .pf-v5-c-toolbar__item.pf-m-align-items-start {
11877
- align-items: flex-start;
11878
- }
11879
- .pf-v5-c-toolbar__item.pf-m-align-items-center {
11880
- align-items: center;
11881
- }
11882
- .pf-v5-c-toolbar__item.pf-m-align-items-baseline {
11883
- align-items: baseline;
11884
- }
11885
- .pf-v5-c-toolbar__item.pf-m-align-self-start {
11886
- align-self: flex-start;
11887
- }
11888
- .pf-v5-c-toolbar__item.pf-m-align-self-center {
11889
- align-self: center;
11890
- }
11891
- .pf-v5-c-toolbar__item.pf-m-align-self-baseline {
11892
- align-self: baseline;
11893
- }
11894
- .pf-v5-c-toolbar__item.pf-m-overflow-menu {
11895
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-overflow-menu--spacer);
11896
- }
11897
- .pf-v5-c-toolbar__item.pf-m-bulk-select {
11898
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-bulk-select--spacer);
11713
+ row-gap: var(--pf-v5-c-toolbar__item--RowGap, var(--pf-v5-c-toolbar--RowGap));
11714
+ column-gap: var(--pf-v5-c-toolbar__item--ColumnGap);
11899
11715
  }
11900
11716
  .pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
11901
11717
  --pf-v5-c-toolbar__expand-all-icon--Rotate: var(--pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
11902
11718
  }
11903
- .pf-v5-c-toolbar__item.pf-m-search-filter {
11904
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-search-filter--spacer);
11905
- }
11906
- .pf-v5-c-toolbar__item.pf-m-chip-group {
11907
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-chip-group--spacer);
11908
- }
11909
11719
  .pf-v5-c-toolbar__item.pf-m-label {
11910
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
11911
11720
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
11912
- transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
11913
- }
11914
- .pf-v5-c-toolbar__item.pf-m-form-element {
11915
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
11916
- font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
11917
- transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
11918
11721
  }
11919
11722
  .pf-v5-c-toolbar__item.pf-m-pagination {
11920
11723
  margin-inline-start: auto;
11921
11724
  }
11922
- .pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination {
11725
+ .pf-v5-c-toolbar__item.pf-m-pagination.pf-v5-c-pagination {
11923
11726
  flex-wrap: nowrap;
11924
11727
  }
11925
- .pf-v5-c-toolbar__item:last-child {
11926
- --pf-v5-c-toolbar--spacer: 0;
11927
- }
11928
11728
 
11929
- .pf-v5-c-toolbar__group.pf-m-overflow-container,
11930
- .pf-v5-c-toolbar__item.pf-m-overflow-container {
11931
- flex: 1;
11932
- overflow: hidden;
11933
- }
11934
-
11935
- .pf-v5-c-toolbar__expand-all-icon {
11936
- display: inline-block;
11937
- transition: var(--pf-v5-c-toolbar__expand-all-icon--Transition);
11938
- transform: rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate));
11939
- }
11940
-
11941
- .pf-v5-c-toolbar__content,
11942
- .pf-v5-c-toolbar__content-section {
11943
- flex-wrap: wrap;
11944
- }
11945
-
11946
- .pf-v5-c-toolbar__content {
11947
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display);
11948
- position: relative;
11949
- row-gap: var(--pf-v5-c-toolbar__content--RowGap);
11950
- align-items: var(--pf-v5-c-toolbar__content--AlignItems);
11951
- padding-inline-start: var(--pf-v5-c-toolbar__content--PaddingLeft);
11952
- padding-inline-end: var(--pf-v5-c-toolbar__content--PaddingRight);
11729
+ .pf-v5-c-toolbar__group {
11730
+ row-gap: var(--pf-v5-c-toolbar__group--RowGap, var(--pf-v5-c-toolbar--RowGap));
11731
+ column-gap: var(--pf-v5-c-toolbar__group--ColumnGap, var(--pf-v5-c-toolbar--ColumnGap));
11732
+ align-items: baseline;
11953
11733
  }
11954
-
11955
- .pf-v5-c-toolbar__content-section {
11956
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content-section--Display);
11957
- row-gap: var(--pf-v5-c-toolbar__content-section--RowGap);
11958
- align-items: var(--pf-v5-c-toolbar__content-section--AlignItems);
11959
- width: 100%;
11734
+ .pf-v5-c-toolbar__group.pf-m-icon-button-group {
11735
+ column-gap: var(--pf-v5-c-toolbar__group--m-icon-button-group--ColumnGap, 0);
11960
11736
  }
11961
- .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
11962
- align-items: flex-start;
11737
+ .pf-v5-c-toolbar__group.pf-m-filter-group {
11738
+ column-gap: var(--pf-v5-c-toolbar__group--m-filter-group--ColumnGap);
11963
11739
  }
11964
- .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
11965
- --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
11740
+ .pf-v5-c-toolbar__group.pf-m-filter-group, .pf-v5-c-toolbar__group.pf-m-chip-group-container {
11741
+ flex-wrap: nowrap;
11966
11742
  }
11967
- .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
11968
- align-items: baseline;
11743
+ .pf-v5-c-toolbar__group.pf-m-chip-group {
11744
+ flex: 1;
11969
11745
  }
11970
11746
 
11971
11747
  .pf-v5-c-toolbar__expandable-content {
11972
11748
  position: absolute;
11973
- inset-block-start: calc(100% + var(--pf-v5-c-toolbar__content--RowGap));
11974
- inset-inline-start: 0;
11975
- inset-inline-end: 0;
11749
+ inset-block-start: 100%;
11976
11750
  z-index: var(--pf-v5-c-toolbar__expandable-content--ZIndex);
11977
11751
  display: none;
11978
11752
  width: 100%;
11979
- padding-block-start: var(--pf-v5-c-toolbar__expandable-content--PaddingTop);
11980
- padding-block-end: var(--pf-v5-c-toolbar__expandable-content--PaddingBottom);
11981
- padding-inline-start: var(--pf-v5-c-toolbar__expandable-content--PaddingLeft);
11982
- padding-inline-end: var(--pf-v5-c-toolbar__expandable-content--PaddingRight);
11983
11753
  background-color: var(--pf-v5-c-toolbar__expandable-content--BackgroundColor);
11984
11754
  box-shadow: var(--pf-v5-c-toolbar__expandable-content--BoxShadow);
11985
11755
  }
11986
11756
  @media screen and (min-width: 992px) {
11987
11757
  .pf-v5-c-toolbar__expandable-content {
11988
11758
  position: static;
11759
+ padding: 0;
11989
11760
  box-shadow: none;
11990
11761
  }
11991
11762
  }
11992
- .pf-v5-c-toolbar__expandable-content.pf-m-expanded {
11993
- display: grid;
11994
- grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
11995
- }
11996
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group,
11997
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item {
11998
- --pf-v5-c-toolbar--spacer: 0;
11999
- }
11763
+ .pf-v5-c-toolbar__expandable-content.pf-m-expanded,
12000
11764
  .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group {
12001
11765
  display: grid;
12002
- grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
12003
- }
12004
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label {
12005
- margin-block-end: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
12006
- font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
12007
- }
12008
-
12009
- .pf-v5-c-toolbar__content.pf-m-chip-container,
12010
- .pf-v5-c-toolbar__group.pf-m-chip-container {
12011
- display: flex;
12012
- flex-wrap: wrap;
12013
- grid-row-gap: 0;
12014
- align-items: baseline;
12015
- margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop);
12016
- }
12017
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
12018
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
12019
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
12020
- --pf-v5-c-toolbar__item--AlignSelf: auto;
12021
- margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
12022
- }
12023
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
12024
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
12025
- --pf-v5-c-toolbar__group--AlignItems: center;
12026
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
12027
- display: flex;
12028
- flex-wrap: wrap;
12029
- grid-row-gap: 0;
12030
11766
  }
12031
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
12032
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item:last-child,
12033
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
12034
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item:last-child {
12035
- --pf-v5-c-toolbar--spacer: 0;
12036
- }
12037
-
12038
- .pf-v5-c-toolbar .pf-v5-c-chip-group:last-child {
12039
- --pf-v5-c-chip-group--MarginRight: 0;
11767
+ .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item > * {
11768
+ flex-basis: 100%;
12040
11769
  }
12041
11770
 
12042
- .pf-v5-c-toolbar .pf-v5-c-chip-group li:last-child {
12043
- --pf-v5-c-chip-group__li--m-toolbar--MarginRight: 0;
11771
+ .pf-v5-c-toolbar__expand-all-icon {
11772
+ display: inline-block;
11773
+ transition: var(--pf-v5-c-toolbar__expand-all-icon--Transition);
11774
+ transform: rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate));
12044
11775
  }
12045
-
12046
- .pf-v5-c-toolbar__toggle.pf-m-expanded .pf-v5-c-button.pf-m-plain {
12047
- color: var(--pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color);
11776
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-toolbar__expand-all-icon {
11777
+ scale: -1 1;
12048
11778
  }
12049
11779
 
12050
- .pf-m-toggle-group.pf-m-show {
12051
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12052
- }
12053
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__group,
12054
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__item {
12055
- display: flex;
12056
- flex: 0 1 auto;
11780
+ .pf-v5-c-toolbar__group,
11781
+ .pf-v5-c-toolbar__item {
11782
+ align-self: baseline;
12057
11783
  }
12058
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__toggle {
12059
- display: none;
11784
+ .pf-v5-c-toolbar__group.pf-m-overflow-container,
11785
+ .pf-v5-c-toolbar__item.pf-m-overflow-container {
11786
+ flex: 1;
11787
+ overflow: auto;
12060
11788
  }
12061
11789
 
12062
- @media (min-width: 576px) {
12063
- .pf-m-toggle-group.pf-m-show-on-sm {
12064
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12065
- }
12066
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__group,
12067
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__item {
12068
- display: flex;
12069
- flex: 0 1 auto;
12070
- }
12071
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__toggle {
12072
- display: none;
12073
- }
12074
- }
12075
- @media (min-width: 768px) {
12076
- .pf-m-toggle-group.pf-m-show-on-md {
12077
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12078
- }
12079
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__group,
12080
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__item {
12081
- display: flex;
12082
- flex: 0 1 auto;
12083
- }
12084
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__toggle {
12085
- display: none;
12086
- }
12087
- }
12088
- @media (min-width: 992px) {
12089
- .pf-m-toggle-group.pf-m-show-on-lg {
12090
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12091
- }
12092
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__group,
12093
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__item {
12094
- display: flex;
12095
- flex: 0 1 auto;
12096
- }
12097
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__toggle {
12098
- display: none;
12099
- }
12100
- }
12101
- @media (min-width: 1200px) {
12102
- .pf-m-toggle-group.pf-m-show-on-xl {
12103
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12104
- }
12105
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__group,
12106
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__item {
12107
- display: flex;
12108
- flex: 0 1 auto;
12109
- }
12110
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__toggle {
12111
- display: none;
12112
- }
12113
- }
12114
- @media (min-width: 1450px) {
12115
- .pf-m-toggle-group.pf-m-show-on-2xl {
12116
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
12117
- }
12118
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__group,
12119
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__item {
12120
- display: flex;
12121
- flex: 0 1 auto;
12122
- }
12123
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__toggle {
12124
- display: none;
12125
- }
11790
+ .pf-v5-c-toolbar__group.pf-m-align-start,
11791
+ .pf-v5-c-toolbar__item.pf-m-align-start {
11792
+ margin-inline-start: 0;
12126
11793
  }
12127
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right,
12128
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right {
11794
+ .pf-v5-c-toolbar__group.pf-m-align-center,
11795
+ .pf-v5-c-toolbar__item.pf-m-align-center {
12129
11796
  margin-inline-start: auto;
11797
+ margin-inline-end: auto;
12130
11798
  }
12131
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
12132
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
12133
- margin-inline-start: 0;
11799
+ .pf-v5-c-toolbar__group.pf-m-align-end,
11800
+ .pf-v5-c-toolbar__item.pf-m-align-end {
11801
+ margin-inline-start: auto;
12134
11802
  }
12135
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left,
12136
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left {
12137
- margin-inline-start: 0;
11803
+ .pf-v5-c-toolbar__group.pf-m-flex-grow,
11804
+ .pf-v5-c-toolbar__item.pf-m-flex-grow {
11805
+ flex-grow: 1;
12138
11806
  }
12139
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
12140
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
12141
- margin-inline-start: auto;
11807
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch,
11808
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch {
11809
+ align-self: stretch;
12142
11810
  }
12143
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap,
12144
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap {
12145
- flex-wrap: nowrap;
11811
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline,
11812
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline {
11813
+ align-self: baseline;
12146
11814
  }
12147
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap,
12148
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap {
12149
- flex-wrap: wrap;
11815
+ .pf-v5-c-toolbar__group.pf-m-align-self-start,
11816
+ .pf-v5-c-toolbar__item.pf-m-align-self-start {
11817
+ align-self: start;
12150
11818
  }
12151
- @media (min-width: 576px) {
12152
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm,
12153
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm {
12154
- margin-inline-start: auto;
12155
- }
12156
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
12157
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
12158
- margin-inline-start: 0;
12159
- }
12160
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm,
12161
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm {
12162
- margin-inline-start: 0;
12163
- }
12164
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
12165
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
12166
- margin-inline-start: auto;
12167
- }
12168
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm,
12169
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm {
12170
- flex-wrap: nowrap;
12171
- }
12172
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm,
12173
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-sm {
12174
- flex-wrap: wrap;
12175
- }
11819
+ .pf-v5-c-toolbar__group.pf-m-align-self-center,
11820
+ .pf-v5-c-toolbar__item.pf-m-align-self-center {
11821
+ align-self: center;
12176
11822
  }
12177
- @media (min-width: 768px) {
12178
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md,
12179
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md {
12180
- margin-inline-start: auto;
12181
- }
12182
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
12183
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
12184
- margin-inline-start: 0;
12185
- }
12186
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md,
12187
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md {
12188
- margin-inline-start: 0;
12189
- }
12190
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
12191
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
12192
- margin-inline-start: auto;
12193
- }
12194
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md,
12195
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md {
12196
- flex-wrap: nowrap;
12197
- }
12198
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md,
12199
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-md {
12200
- flex-wrap: wrap;
12201
- }
11823
+ .pf-v5-c-toolbar__group.pf-m-align-self-end,
11824
+ .pf-v5-c-toolbar__item.pf-m-align-self-end {
11825
+ align-self: end;
12202
11826
  }
12203
- @media (min-width: 992px) {
12204
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg,
12205
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg {
12206
- margin-inline-start: auto;
12207
- }
12208
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
12209
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
12210
- margin-inline-start: 0;
12211
- }
12212
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg,
12213
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg {
12214
- margin-inline-start: 0;
12215
- }
12216
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
12217
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
12218
- margin-inline-start: auto;
12219
- }
12220
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg,
12221
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg {
12222
- flex-wrap: nowrap;
12223
- }
12224
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg,
12225
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-lg {
12226
- flex-wrap: wrap;
12227
- }
11827
+
11828
+ .pf-v5-c-toolbar.pf-m-inset-none,
11829
+ .pf-v5-c-toolbar__content.pf-m-inset-none,
11830
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none {
11831
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
11832
+ }
11833
+ .pf-v5-c-toolbar.pf-m-inset-xs,
11834
+ .pf-v5-c-toolbar__content.pf-m-inset-xs,
11835
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs {
11836
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
11837
+ }
11838
+ .pf-v5-c-toolbar.pf-m-inset-sm,
11839
+ .pf-v5-c-toolbar__content.pf-m-inset-sm,
11840
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm {
11841
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
11842
+ }
11843
+ .pf-v5-c-toolbar.pf-m-inset-md,
11844
+ .pf-v5-c-toolbar__content.pf-m-inset-md,
11845
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md {
11846
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
11847
+ }
11848
+ .pf-v5-c-toolbar.pf-m-inset-lg,
11849
+ .pf-v5-c-toolbar__content.pf-m-inset-lg,
11850
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg {
11851
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
11852
+ }
11853
+ .pf-v5-c-toolbar.pf-m-inset-xl,
11854
+ .pf-v5-c-toolbar__content.pf-m-inset-xl,
11855
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl {
11856
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
11857
+ }
11858
+ .pf-v5-c-toolbar.pf-m-inset-2xl,
11859
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl,
11860
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl {
11861
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
11862
+ }
11863
+ .pf-v5-c-toolbar.pf-m-inset-3xl,
11864
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl,
11865
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl {
11866
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
11867
+ }
11868
+ .pf-v5-c-toolbar.pf-m-inset-4xl,
11869
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl,
11870
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl {
11871
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
11872
+ }
11873
+
11874
+ .pf-v5-c-toolbar__group.pf-m-wrap,
11875
+ .pf-v5-c-toolbar__item.pf-m-wrap,
11876
+ .pf-v5-c-toolbar__content.pf-m-wrap,
11877
+ .pf-v5-c-toolbar__content-section.pf-m-wrap {
11878
+ flex-wrap: wrap;
12228
11879
  }
12229
- @media (min-width: 1200px) {
12230
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl,
12231
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl {
12232
- margin-inline-start: auto;
12233
- }
12234
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
12235
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
12236
- margin-inline-start: 0;
12237
- }
12238
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl,
12239
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl {
12240
- margin-inline-start: 0;
12241
- }
12242
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
12243
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
12244
- margin-inline-start: auto;
12245
- }
12246
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl,
12247
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl {
12248
- flex-wrap: nowrap;
12249
- }
12250
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl,
12251
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-xl {
12252
- flex-wrap: wrap;
12253
- }
11880
+ .pf-v5-c-toolbar__group.pf-m-nowrap,
11881
+ .pf-v5-c-toolbar__item.pf-m-nowrap,
11882
+ .pf-v5-c-toolbar__content.pf-m-nowrap,
11883
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap {
11884
+ flex-wrap: nowrap;
12254
11885
  }
12255
- @media (min-width: 1450px) {
12256
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl,
12257
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl {
12258
- margin-inline-start: auto;
12259
- }
12260
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
12261
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
12262
- margin-inline-start: 0;
12263
- }
12264
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl,
12265
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl {
12266
- margin-inline-start: 0;
12267
- }
12268
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
12269
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
12270
- margin-inline-start: auto;
12271
- }
12272
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl,
12273
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl {
12274
- flex-wrap: nowrap;
12275
- }
12276
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl,
12277
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl {
12278
- flex-wrap: wrap;
12279
- }
11886
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch,
11887
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch,
11888
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch,
11889
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch {
11890
+ align-items: stretch;
11891
+ }
11892
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline,
11893
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline,
11894
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline,
11895
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
11896
+ align-items: baseline;
11897
+ }
11898
+ .pf-v5-c-toolbar__group.pf-m-align-items-start,
11899
+ .pf-v5-c-toolbar__item.pf-m-align-items-start,
11900
+ .pf-v5-c-toolbar__content.pf-m-align-items-start,
11901
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
11902
+ align-items: start;
12280
11903
  }
12281
- .pf-v5-c-toolbar .pf-m-space-items-none > * {
12282
- --pf-v5-c-toolbar--spacer: 0;
11904
+ .pf-v5-c-toolbar__group.pf-m-align-items-center,
11905
+ .pf-v5-c-toolbar__item.pf-m-align-items-center,
11906
+ .pf-v5-c-toolbar__content.pf-m-align-items-center,
11907
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
11908
+ align-items: center;
12283
11909
  }
12284
- .pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
12285
- --pf-v5-c-toolbar--spacer: 0;
11910
+ .pf-v5-c-toolbar__group.pf-m-align-items-end,
11911
+ .pf-v5-c-toolbar__item.pf-m-align-items-end,
11912
+ .pf-v5-c-toolbar__content.pf-m-align-items-end,
11913
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end {
11914
+ align-items: end;
12286
11915
  }
12287
- .pf-v5-c-toolbar .pf-m-space-items-sm > * {
12288
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
11916
+ .pf-v5-c-toolbar__group.pf-m-gap-none,
11917
+ .pf-v5-c-toolbar__item.pf-m-gap-none,
11918
+ .pf-v5-c-toolbar__content.pf-m-gap-none,
11919
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none {
11920
+ column-gap: 0;
11921
+ }
11922
+ .pf-v5-c-toolbar__group.pf-m-gap-xs,
11923
+ .pf-v5-c-toolbar__item.pf-m-gap-xs,
11924
+ .pf-v5-c-toolbar__content.pf-m-gap-xs,
11925
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs {
11926
+ column-gap: var(--pf-v5-global--spacer--xs);
11927
+ }
11928
+ .pf-v5-c-toolbar__group.pf-m-gap-sm,
11929
+ .pf-v5-c-toolbar__item.pf-m-gap-sm,
11930
+ .pf-v5-c-toolbar__content.pf-m-gap-sm,
11931
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm {
11932
+ column-gap: var(--pf-v5-global--spacer--sm);
11933
+ }
11934
+ .pf-v5-c-toolbar__group.pf-m-gap-md,
11935
+ .pf-v5-c-toolbar__item.pf-m-gap-md,
11936
+ .pf-v5-c-toolbar__content.pf-m-gap-md,
11937
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md {
11938
+ column-gap: var(--pf-v5-global--spacer--md);
11939
+ }
11940
+ .pf-v5-c-toolbar__group.pf-m-gap-lg,
11941
+ .pf-v5-c-toolbar__item.pf-m-gap-lg,
11942
+ .pf-v5-c-toolbar__content.pf-m-gap-lg,
11943
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg {
11944
+ column-gap: var(--pf-v5-global--spacer--lg);
11945
+ }
11946
+ .pf-v5-c-toolbar__group.pf-m-gap-xl,
11947
+ .pf-v5-c-toolbar__item.pf-m-gap-xl,
11948
+ .pf-v5-c-toolbar__content.pf-m-gap-xl,
11949
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl {
11950
+ column-gap: var(--pf-v5-global--spacer--xl);
11951
+ }
11952
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl,
11953
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl,
11954
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl,
11955
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl {
11956
+ column-gap: var(--pf-v5-global--spacer--2xl);
11957
+ }
11958
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl,
11959
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl,
11960
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl,
11961
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl {
11962
+ column-gap: var(--pf-v5-global--spacer--3xl);
11963
+ }
11964
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl,
11965
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl,
11966
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl,
11967
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl {
11968
+ column-gap: var(--pf-v5-global--spacer--4xl);
11969
+ }
11970
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none,
11971
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none,
11972
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none,
11973
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none {
11974
+ column-gap: 0;
11975
+ }
11976
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none,
11977
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none,
11978
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none,
11979
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none {
11980
+ column-gap: 0;
11981
+ }
11982
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone,
11983
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone,
11984
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone,
11985
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone {
11986
+ margin-inline-start: 0;
12289
11987
  }
12290
- .pf-v5-c-toolbar .pf-m-space-items-sm > :last-child {
12291
- --pf-v5-c-toolbar--spacer: 0;
11988
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone,
11989
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone,
11990
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone,
11991
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone {
11992
+ margin-inline-end: 0;
12292
11993
  }
12293
- .pf-v5-c-toolbar .pf-m-space-items-md > * {
12294
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
11994
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs,
11995
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs,
11996
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs,
11997
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs {
11998
+ column-gap: var(--pf-v5-global--spacer--xs);
11999
+ }
12000
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs,
12001
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs,
12002
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs,
12003
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs {
12004
+ column-gap: var(--pf-v5-global--spacer--xs);
12005
+ }
12006
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs,
12007
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs,
12008
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs,
12009
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs {
12010
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
12011
+ }
12012
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs,
12013
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs,
12014
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs,
12015
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs {
12016
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
12017
+ }
12018
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm,
12019
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm,
12020
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm,
12021
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm {
12022
+ column-gap: var(--pf-v5-global--spacer--sm);
12023
+ }
12024
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm,
12025
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm,
12026
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm,
12027
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm {
12028
+ column-gap: var(--pf-v5-global--spacer--sm);
12029
+ }
12030
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm,
12031
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm,
12032
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm,
12033
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm {
12034
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
12035
+ }
12036
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm,
12037
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm,
12038
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm,
12039
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm {
12040
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
12041
+ }
12042
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md,
12043
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md,
12044
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md,
12045
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md {
12046
+ column-gap: var(--pf-v5-global--spacer--md);
12047
+ }
12048
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md,
12049
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md,
12050
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md,
12051
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md {
12052
+ column-gap: var(--pf-v5-global--spacer--md);
12053
+ }
12054
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd,
12055
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd,
12056
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd,
12057
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd {
12058
+ margin-inline-start: var(--pf-v5-global--spacer--md);
12059
+ }
12060
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd,
12061
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd,
12062
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd,
12063
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd {
12064
+ margin-inline-end: var(--pf-v5-global--spacer--md);
12065
+ }
12066
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg,
12067
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg,
12068
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg,
12069
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg {
12070
+ column-gap: var(--pf-v5-global--spacer--lg);
12071
+ }
12072
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg,
12073
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg,
12074
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg,
12075
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg {
12076
+ column-gap: var(--pf-v5-global--spacer--lg);
12077
+ }
12078
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg,
12079
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg,
12080
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg,
12081
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg {
12082
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
12083
+ }
12084
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg,
12085
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg,
12086
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg,
12087
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg {
12088
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
12089
+ }
12090
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl,
12091
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl,
12092
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl,
12093
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl {
12094
+ column-gap: var(--pf-v5-global--spacer--xl);
12095
+ }
12096
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl,
12097
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl,
12098
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl,
12099
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl {
12100
+ column-gap: var(--pf-v5-global--spacer--xl);
12101
+ }
12102
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl,
12103
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl,
12104
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl,
12105
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl {
12106
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
12107
+ }
12108
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl,
12109
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl,
12110
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl,
12111
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl {
12112
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
12113
+ }
12114
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl,
12115
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl,
12116
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl,
12117
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl {
12118
+ column-gap: var(--pf-v5-global--spacer--2xl);
12119
+ }
12120
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl,
12121
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl,
12122
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl,
12123
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl {
12124
+ column-gap: var(--pf-v5-global--spacer--2xl);
12125
+ }
12126
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl,
12127
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl,
12128
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl,
12129
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl {
12130
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
12131
+ }
12132
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl,
12133
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl,
12134
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl,
12135
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl {
12136
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
12137
+ }
12138
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl,
12139
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl,
12140
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl,
12141
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl {
12142
+ column-gap: var(--pf-v5-global--spacer--3xl);
12143
+ }
12144
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl,
12145
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl,
12146
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl,
12147
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl {
12148
+ column-gap: var(--pf-v5-global--spacer--3xl);
12149
+ }
12150
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl,
12151
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl,
12152
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl,
12153
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl {
12154
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
12155
+ }
12156
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl,
12157
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl,
12158
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl,
12159
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl {
12160
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
12161
+ }
12162
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl,
12163
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl,
12164
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl,
12165
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl {
12166
+ column-gap: var(--pf-v5-global--spacer--4xl);
12167
+ }
12168
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl,
12169
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl,
12170
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl,
12171
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl {
12172
+ column-gap: var(--pf-v5-global--spacer--4xl);
12173
+ }
12174
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl,
12175
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl,
12176
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl,
12177
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl {
12178
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
12179
+ }
12180
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl,
12181
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl,
12182
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl,
12183
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl {
12184
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
12185
+ }
12186
+
12187
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v5-c-toolbar__group,
12188
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v5-c-toolbar__item {
12189
+ display: flex;
12190
+ flex: 0 1 auto;
12295
12191
  }
12296
- .pf-v5-c-toolbar .pf-m-space-items-md > :last-child {
12297
- --pf-v5-c-toolbar--spacer: 0;
12192
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v5-c-toolbar__toggle {
12193
+ display: none;
12298
12194
  }
12299
- .pf-v5-c-toolbar .pf-m-space-items-lg > * {
12300
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12195
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
12196
+ .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,
12197
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v5-c-toolbar__item {
12198
+ display: none;
12301
12199
  }
12302
- .pf-v5-c-toolbar .pf-m-space-items-lg > :last-child {
12303
- --pf-v5-c-toolbar--spacer: 0;
12200
+ .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 {
12201
+ display: inline-block;
12304
12202
  }
12203
+
12305
12204
  @media (min-width: 576px) {
12306
- .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
12307
- --pf-v5-c-toolbar--spacer: 0;
12308
- }
12309
- .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
12310
- --pf-v5-c-toolbar--spacer: 0;
12311
- }
12312
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
12313
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12314
- }
12315
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > :last-child {
12316
- --pf-v5-c-toolbar--spacer: 0;
12317
- }
12318
- .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > * {
12319
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12205
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-sm,
12206
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-sm {
12207
+ margin-inline-start: 0;
12320
12208
  }
12321
- .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > :last-child {
12322
- --pf-v5-c-toolbar--spacer: 0;
12209
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-sm,
12210
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-sm {
12211
+ margin-inline-start: auto;
12212
+ margin-inline-end: auto;
12323
12213
  }
12324
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > * {
12325
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12214
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-sm,
12215
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-sm {
12216
+ margin-inline-start: auto;
12326
12217
  }
12327
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > :last-child {
12328
- --pf-v5-c-toolbar--spacer: 0;
12218
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-sm,
12219
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-sm {
12220
+ flex-grow: 1;
12329
12221
  }
12330
- }
12331
- @media (min-width: 768px) {
12332
- .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
12333
- --pf-v5-c-toolbar--spacer: 0;
12222
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-sm,
12223
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-sm {
12224
+ align-self: stretch;
12334
12225
  }
12335
- .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
12336
- --pf-v5-c-toolbar--spacer: 0;
12226
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-sm,
12227
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-sm {
12228
+ align-self: baseline;
12337
12229
  }
12338
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
12339
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12230
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-sm,
12231
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-sm {
12232
+ align-self: start;
12340
12233
  }
12341
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > :last-child {
12342
- --pf-v5-c-toolbar--spacer: 0;
12234
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-sm,
12235
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-sm {
12236
+ align-self: center;
12343
12237
  }
12344
- .pf-v5-c-toolbar .pf-m-space-items-md-on-md > * {
12345
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12238
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-sm,
12239
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-sm {
12240
+ align-self: end;
12241
+ }
12242
+ .pf-v5-c-toolbar.pf-m-inset-none-on-sm,
12243
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-sm,
12244
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-sm {
12245
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
12246
+ }
12247
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-sm,
12248
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-sm,
12249
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-sm {
12250
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
12251
+ }
12252
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-sm,
12253
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-sm,
12254
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-sm {
12255
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
12256
+ }
12257
+ .pf-v5-c-toolbar.pf-m-inset-md-on-sm,
12258
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-sm,
12259
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-sm {
12260
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
12261
+ }
12262
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-sm,
12263
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-sm,
12264
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-sm {
12265
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
12266
+ }
12267
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-sm,
12268
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-sm,
12269
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-sm {
12270
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
12271
+ }
12272
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm,
12273
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-sm,
12274
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-sm {
12275
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
12276
+ }
12277
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-sm,
12278
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-sm,
12279
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-sm {
12280
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
12281
+ }
12282
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-sm,
12283
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-sm,
12284
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-sm {
12285
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
12286
+ }
12287
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-sm,
12288
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-sm,
12289
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-sm,
12290
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm {
12291
+ flex-wrap: wrap;
12346
12292
  }
12347
- .pf-v5-c-toolbar .pf-m-space-items-md-on-md > :last-child {
12348
- --pf-v5-c-toolbar--spacer: 0;
12293
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm,
12294
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-sm,
12295
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-sm,
12296
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm {
12297
+ flex-wrap: nowrap;
12349
12298
  }
12350
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > * {
12351
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12299
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-sm,
12300
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-sm,
12301
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-sm,
12302
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-sm {
12303
+ align-items: stretch;
12352
12304
  }
12353
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > :last-child {
12354
- --pf-v5-c-toolbar--spacer: 0;
12305
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-sm,
12306
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-sm,
12307
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-sm,
12308
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-sm {
12309
+ align-items: baseline;
12355
12310
  }
12356
- }
12357
- @media (min-width: 992px) {
12358
- .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
12359
- --pf-v5-c-toolbar--spacer: 0;
12311
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-sm,
12312
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-sm,
12313
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-sm,
12314
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-sm {
12315
+ align-items: start;
12360
12316
  }
12361
- .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
12362
- --pf-v5-c-toolbar--spacer: 0;
12317
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-sm,
12318
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-sm,
12319
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-sm,
12320
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-sm {
12321
+ align-items: center;
12363
12322
  }
12364
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
12365
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12323
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-sm,
12324
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-sm,
12325
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-sm,
12326
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-sm {
12327
+ align-items: end;
12328
+ }
12329
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-sm,
12330
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-sm,
12331
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-sm,
12332
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-sm {
12333
+ column-gap: 0;
12334
+ }
12335
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-sm,
12336
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-sm,
12337
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-sm,
12338
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-sm {
12339
+ column-gap: var(--pf-v5-global--spacer--xs);
12340
+ }
12341
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-sm,
12342
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-sm,
12343
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-sm,
12344
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-sm {
12345
+ column-gap: var(--pf-v5-global--spacer--sm);
12346
+ }
12347
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-sm,
12348
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-sm,
12349
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-sm,
12350
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-sm {
12351
+ column-gap: var(--pf-v5-global--spacer--md);
12352
+ }
12353
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-sm,
12354
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-sm,
12355
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-sm,
12356
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-sm {
12357
+ column-gap: var(--pf-v5-global--spacer--lg);
12358
+ }
12359
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-sm,
12360
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-sm,
12361
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-sm,
12362
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-sm {
12363
+ column-gap: var(--pf-v5-global--spacer--xl);
12364
+ }
12365
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-sm,
12366
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-sm,
12367
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-sm,
12368
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
12369
+ column-gap: var(--pf-v5-global--spacer--2xl);
12370
+ }
12371
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-sm,
12372
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-sm,
12373
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-sm,
12374
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
12375
+ column-gap: var(--pf-v5-global--spacer--3xl);
12376
+ }
12377
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-sm,
12378
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-sm,
12379
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-sm,
12380
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
12381
+ column-gap: var(--pf-v5-global--spacer--4xl);
12382
+ }
12383
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-sm,
12384
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-sm,
12385
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-sm,
12386
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-sm {
12387
+ column-gap: 0;
12388
+ }
12389
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-sm,
12390
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-sm,
12391
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-sm,
12392
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
12393
+ column-gap: 0;
12394
+ }
12395
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-sm,
12396
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-sm,
12397
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-sm,
12398
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-sm {
12399
+ margin-inline-start: 0;
12366
12400
  }
12367
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > :last-child {
12368
- --pf-v5-c-toolbar--spacer: 0;
12401
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-sm,
12402
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-sm,
12403
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-sm,
12404
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-sm {
12405
+ margin-inline-end: 0;
12369
12406
  }
12370
- .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > * {
12371
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12407
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-sm,
12408
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-sm,
12409
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-sm,
12410
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-sm {
12411
+ column-gap: var(--pf-v5-global--spacer--xs);
12412
+ }
12413
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-sm,
12414
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-sm,
12415
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-sm,
12416
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
12417
+ column-gap: var(--pf-v5-global--spacer--xs);
12418
+ }
12419
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-sm,
12420
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-sm,
12421
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-sm,
12422
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-sm {
12423
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
12424
+ }
12425
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-sm,
12426
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-sm,
12427
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-sm,
12428
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-sm {
12429
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
12430
+ }
12431
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-sm,
12432
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-sm,
12433
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-sm,
12434
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-sm {
12435
+ column-gap: var(--pf-v5-global--spacer--sm);
12436
+ }
12437
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-sm,
12438
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-sm,
12439
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-sm,
12440
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
12441
+ column-gap: var(--pf-v5-global--spacer--sm);
12442
+ }
12443
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-sm,
12444
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-sm,
12445
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-sm,
12446
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-sm {
12447
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
12448
+ }
12449
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-sm,
12450
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-sm,
12451
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-sm,
12452
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-sm {
12453
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
12454
+ }
12455
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-sm,
12456
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-sm,
12457
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-sm,
12458
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-sm {
12459
+ column-gap: var(--pf-v5-global--spacer--md);
12460
+ }
12461
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-sm,
12462
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-sm,
12463
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-sm,
12464
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
12465
+ column-gap: var(--pf-v5-global--spacer--md);
12466
+ }
12467
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-sm,
12468
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-sm,
12469
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-sm,
12470
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-sm {
12471
+ margin-inline-start: var(--pf-v5-global--spacer--md);
12472
+ }
12473
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-sm,
12474
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-sm,
12475
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-sm,
12476
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-sm {
12477
+ margin-inline-end: var(--pf-v5-global--spacer--md);
12478
+ }
12479
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-sm,
12480
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-sm,
12481
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-sm,
12482
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-sm {
12483
+ column-gap: var(--pf-v5-global--spacer--lg);
12484
+ }
12485
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-sm,
12486
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-sm,
12487
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-sm,
12488
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
12489
+ column-gap: var(--pf-v5-global--spacer--lg);
12490
+ }
12491
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-sm,
12492
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-sm,
12493
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-sm,
12494
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-sm {
12495
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
12496
+ }
12497
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-sm,
12498
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-sm,
12499
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-sm,
12500
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-sm {
12501
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
12502
+ }
12503
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-sm,
12504
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-sm,
12505
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-sm,
12506
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-sm {
12507
+ column-gap: var(--pf-v5-global--spacer--xl);
12508
+ }
12509
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-sm,
12510
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-sm,
12511
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-sm,
12512
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
12513
+ column-gap: var(--pf-v5-global--spacer--xl);
12514
+ }
12515
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-sm,
12516
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-sm,
12517
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-sm,
12518
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-sm {
12519
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
12520
+ }
12521
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-sm,
12522
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-sm,
12523
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-sm,
12524
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-sm {
12525
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
12526
+ }
12527
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-sm,
12528
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-sm,
12529
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-sm,
12530
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-sm {
12531
+ column-gap: var(--pf-v5-global--spacer--2xl);
12532
+ }
12533
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-sm,
12534
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
12535
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-sm,
12536
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
12537
+ column-gap: var(--pf-v5-global--spacer--2xl);
12538
+ }
12539
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-sm,
12540
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-sm,
12541
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-sm,
12542
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-sm {
12543
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
12544
+ }
12545
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-sm,
12546
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-sm,
12547
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-sm,
12548
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-sm {
12549
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
12550
+ }
12551
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-sm,
12552
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-sm,
12553
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-sm,
12554
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-sm {
12555
+ column-gap: var(--pf-v5-global--spacer--3xl);
12556
+ }
12557
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-sm,
12558
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
12559
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-sm,
12560
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
12561
+ column-gap: var(--pf-v5-global--spacer--3xl);
12562
+ }
12563
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-sm,
12564
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-sm,
12565
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-sm,
12566
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-sm {
12567
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
12568
+ }
12569
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-sm,
12570
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-sm,
12571
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-sm,
12572
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-sm {
12573
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
12574
+ }
12575
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-sm,
12576
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-sm,
12577
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-sm,
12578
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-sm {
12579
+ column-gap: var(--pf-v5-global--spacer--4xl);
12580
+ }
12581
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-sm,
12582
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
12583
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-sm,
12584
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
12585
+ column-gap: var(--pf-v5-global--spacer--4xl);
12586
+ }
12587
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-sm,
12588
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-sm,
12589
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-sm,
12590
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-sm {
12591
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
12592
+ }
12593
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-sm,
12594
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-sm,
12595
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-sm,
12596
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-sm {
12597
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
12598
+ }
12599
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v5-c-toolbar__group,
12600
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v5-c-toolbar__item {
12601
+ display: flex;
12602
+ flex: 0 1 auto;
12372
12603
  }
12373
- .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > :last-child {
12374
- --pf-v5-c-toolbar--spacer: 0;
12604
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v5-c-toolbar__toggle {
12605
+ display: none;
12375
12606
  }
12376
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > * {
12377
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12607
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
12608
+ .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,
12609
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v5-c-toolbar__item {
12610
+ display: none;
12378
12611
  }
12379
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > :last-child {
12380
- --pf-v5-c-toolbar--spacer: 0;
12612
+ .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 {
12613
+ display: inline-block;
12381
12614
  }
12382
12615
  }
12383
- @media (min-width: 1200px) {
12384
- .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
12385
- --pf-v5-c-toolbar--spacer: 0;
12616
+ @media (min-width: 768px) {
12617
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-md,
12618
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-md {
12619
+ margin-inline-start: 0;
12386
12620
  }
12387
- .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
12388
- --pf-v5-c-toolbar--spacer: 0;
12621
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-md,
12622
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-md {
12623
+ margin-inline-start: auto;
12624
+ margin-inline-end: auto;
12389
12625
  }
12390
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
12391
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12626
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-md,
12627
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-md {
12628
+ margin-inline-start: auto;
12392
12629
  }
12393
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > :last-child {
12394
- --pf-v5-c-toolbar--spacer: 0;
12630
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-md,
12631
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-md {
12632
+ flex-grow: 1;
12395
12633
  }
12396
- .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > * {
12397
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12634
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-md,
12635
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-md {
12636
+ align-self: stretch;
12398
12637
  }
12399
- .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > :last-child {
12400
- --pf-v5-c-toolbar--spacer: 0;
12638
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-md,
12639
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-md {
12640
+ align-self: baseline;
12401
12641
  }
12402
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > * {
12403
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12642
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-md,
12643
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-md {
12644
+ align-self: start;
12404
12645
  }
12405
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > :last-child {
12406
- --pf-v5-c-toolbar--spacer: 0;
12646
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-md,
12647
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-md {
12648
+ align-self: center;
12407
12649
  }
12408
- }
12409
- @media (min-width: 1450px) {
12410
- .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
12411
- --pf-v5-c-toolbar--spacer: 0;
12650
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-md,
12651
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-md {
12652
+ align-self: end;
12653
+ }
12654
+ .pf-v5-c-toolbar.pf-m-inset-none-on-md,
12655
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-md,
12656
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-md {
12657
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
12658
+ }
12659
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-md,
12660
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-md,
12661
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-md {
12662
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
12663
+ }
12664
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-md,
12665
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-md,
12666
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-md {
12667
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
12668
+ }
12669
+ .pf-v5-c-toolbar.pf-m-inset-md-on-md,
12670
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-md,
12671
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-md {
12672
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
12673
+ }
12674
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-md,
12675
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-md,
12676
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-md {
12677
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
12678
+ }
12679
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-md,
12680
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-md,
12681
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-md {
12682
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
12683
+ }
12684
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-md,
12685
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-md,
12686
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-md {
12687
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
12688
+ }
12689
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-md,
12690
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-md,
12691
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-md {
12692
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
12693
+ }
12694
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-md,
12695
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-md,
12696
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-md {
12697
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
12698
+ }
12699
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-md,
12700
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-md,
12701
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-md,
12702
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md {
12703
+ flex-wrap: wrap;
12412
12704
  }
12413
- .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
12414
- --pf-v5-c-toolbar--spacer: 0;
12705
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-md,
12706
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-md,
12707
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-md,
12708
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md {
12709
+ flex-wrap: nowrap;
12415
12710
  }
12416
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
12417
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12711
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-md,
12712
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-md,
12713
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-md,
12714
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-md {
12715
+ align-items: stretch;
12418
12716
  }
12419
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
12420
- --pf-v5-c-toolbar--spacer: 0;
12717
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-md,
12718
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-md,
12719
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-md,
12720
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-md {
12721
+ align-items: baseline;
12421
12722
  }
12422
- .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > * {
12423
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12723
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-md,
12724
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-md,
12725
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-md,
12726
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-md {
12727
+ align-items: start;
12424
12728
  }
12425
- .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > :last-child {
12426
- --pf-v5-c-toolbar--spacer: 0;
12729
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-md,
12730
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-md,
12731
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-md,
12732
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-md {
12733
+ align-items: center;
12427
12734
  }
12428
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > * {
12429
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12735
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-md,
12736
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-md,
12737
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-md,
12738
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-md {
12739
+ align-items: end;
12740
+ }
12741
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-md,
12742
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-md,
12743
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-md,
12744
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-md {
12745
+ column-gap: 0;
12746
+ }
12747
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-md,
12748
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-md,
12749
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-md,
12750
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-md {
12751
+ column-gap: var(--pf-v5-global--spacer--xs);
12752
+ }
12753
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-md,
12754
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-md,
12755
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-md,
12756
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-md {
12757
+ column-gap: var(--pf-v5-global--spacer--sm);
12758
+ }
12759
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-md,
12760
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-md,
12761
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-md,
12762
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-md {
12763
+ column-gap: var(--pf-v5-global--spacer--md);
12764
+ }
12765
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-md,
12766
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-md,
12767
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-md,
12768
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-md {
12769
+ column-gap: var(--pf-v5-global--spacer--lg);
12770
+ }
12771
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-md,
12772
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-md,
12773
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-md,
12774
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-md {
12775
+ column-gap: var(--pf-v5-global--spacer--xl);
12776
+ }
12777
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-md,
12778
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-md,
12779
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-md,
12780
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-md {
12781
+ column-gap: var(--pf-v5-global--spacer--2xl);
12782
+ }
12783
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-md,
12784
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-md,
12785
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-md,
12786
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-md {
12787
+ column-gap: var(--pf-v5-global--spacer--3xl);
12788
+ }
12789
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-md,
12790
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-md,
12791
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-md,
12792
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-md {
12793
+ column-gap: var(--pf-v5-global--spacer--4xl);
12794
+ }
12795
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-md,
12796
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-md,
12797
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-md,
12798
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-md {
12799
+ column-gap: 0;
12800
+ }
12801
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-md,
12802
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-md,
12803
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-md,
12804
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-md {
12805
+ column-gap: 0;
12806
+ }
12807
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-md,
12808
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-md,
12809
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-md,
12810
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-md {
12811
+ margin-inline-start: 0;
12430
12812
  }
12431
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child {
12432
- --pf-v5-c-toolbar--spacer: 0;
12813
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-md,
12814
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-md,
12815
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-md,
12816
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-md {
12817
+ margin-inline-end: 0;
12433
12818
  }
12434
- }
12435
- .pf-v5-c-toolbar .pf-m-spacer-none {
12436
- --pf-v5-c-toolbar--spacer: 0;
12437
- }
12438
- .pf-v5-c-toolbar .pf-m-spacer-none:last-child {
12439
- --pf-v5-c-toolbar--spacer: 0;
12440
- }
12441
- .pf-v5-c-toolbar .pf-m-spacer-sm {
12442
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12443
- }
12444
- .pf-v5-c-toolbar .pf-m-spacer-sm:last-child {
12445
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
12446
- }
12447
- .pf-v5-c-toolbar .pf-m-spacer-md {
12448
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12449
- }
12450
- .pf-v5-c-toolbar .pf-m-spacer-md:last-child {
12451
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
12452
- }
12453
- .pf-v5-c-toolbar .pf-m-spacer-lg {
12454
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12455
- }
12456
- .pf-v5-c-toolbar .pf-m-spacer-lg:last-child {
12457
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
12458
- }
12459
- @media (min-width: 576px) {
12460
- .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
12461
- --pf-v5-c-toolbar--spacer: 0;
12819
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-md,
12820
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-md,
12821
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-md,
12822
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-md {
12823
+ column-gap: var(--pf-v5-global--spacer--xs);
12824
+ }
12825
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-md,
12826
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-md,
12827
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-md,
12828
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
12829
+ column-gap: var(--pf-v5-global--spacer--xs);
12830
+ }
12831
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-md,
12832
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-md,
12833
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-md,
12834
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-md {
12835
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
12836
+ }
12837
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-md,
12838
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-md,
12839
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-md,
12840
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-md {
12841
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
12842
+ }
12843
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-md,
12844
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-md,
12845
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-md,
12846
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-md {
12847
+ column-gap: var(--pf-v5-global--spacer--sm);
12848
+ }
12849
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-md,
12850
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-md,
12851
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-md,
12852
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
12853
+ column-gap: var(--pf-v5-global--spacer--sm);
12854
+ }
12855
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-md,
12856
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-md,
12857
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-md,
12858
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-md {
12859
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
12860
+ }
12861
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-md,
12862
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-md,
12863
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-md,
12864
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-md {
12865
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
12866
+ }
12867
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-md,
12868
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-md,
12869
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-md,
12870
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-md {
12871
+ column-gap: var(--pf-v5-global--spacer--md);
12872
+ }
12873
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-md,
12874
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-md,
12875
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-md,
12876
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-md {
12877
+ column-gap: var(--pf-v5-global--spacer--md);
12878
+ }
12879
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-md,
12880
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-md,
12881
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-md,
12882
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-md {
12883
+ margin-inline-start: var(--pf-v5-global--spacer--md);
12884
+ }
12885
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-md,
12886
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-md,
12887
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-md,
12888
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-md {
12889
+ margin-inline-end: var(--pf-v5-global--spacer--md);
12890
+ }
12891
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-md,
12892
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-md,
12893
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-md,
12894
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-md {
12895
+ column-gap: var(--pf-v5-global--spacer--lg);
12896
+ }
12897
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-md,
12898
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-md,
12899
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-md,
12900
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
12901
+ column-gap: var(--pf-v5-global--spacer--lg);
12902
+ }
12903
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-md,
12904
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-md,
12905
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-md,
12906
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-md {
12907
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
12908
+ }
12909
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-md,
12910
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-md,
12911
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-md,
12912
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-md {
12913
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
12914
+ }
12915
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-md,
12916
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-md,
12917
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-md,
12918
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-md {
12919
+ column-gap: var(--pf-v5-global--spacer--xl);
12920
+ }
12921
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-md,
12922
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-md,
12923
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-md,
12924
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
12925
+ column-gap: var(--pf-v5-global--spacer--xl);
12926
+ }
12927
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-md,
12928
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-md,
12929
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-md,
12930
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-md {
12931
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
12932
+ }
12933
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-md,
12934
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-md,
12935
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-md,
12936
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-md {
12937
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
12938
+ }
12939
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-md,
12940
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-md,
12941
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-md,
12942
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-md {
12943
+ column-gap: var(--pf-v5-global--spacer--2xl);
12944
+ }
12945
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-md,
12946
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-md,
12947
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-md,
12948
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
12949
+ column-gap: var(--pf-v5-global--spacer--2xl);
12950
+ }
12951
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-md,
12952
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-md,
12953
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-md,
12954
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-md {
12955
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
12956
+ }
12957
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-md,
12958
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-md,
12959
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-md,
12960
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-md {
12961
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
12962
+ }
12963
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-md,
12964
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-md,
12965
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-md,
12966
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-md {
12967
+ column-gap: var(--pf-v5-global--spacer--3xl);
12968
+ }
12969
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-md,
12970
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-md,
12971
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-md,
12972
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
12973
+ column-gap: var(--pf-v5-global--spacer--3xl);
12974
+ }
12975
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-md,
12976
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-md,
12977
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-md,
12978
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-md {
12979
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
12980
+ }
12981
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-md,
12982
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-md,
12983
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-md,
12984
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-md {
12985
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
12986
+ }
12987
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-md,
12988
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-md,
12989
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-md,
12990
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-md {
12991
+ column-gap: var(--pf-v5-global--spacer--4xl);
12992
+ }
12993
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-md,
12994
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-md,
12995
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-md,
12996
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
12997
+ column-gap: var(--pf-v5-global--spacer--4xl);
12998
+ }
12999
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-md,
13000
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-md,
13001
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-md,
13002
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-md {
13003
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
13004
+ }
13005
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-md,
13006
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-md,
13007
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-md,
13008
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-md {
13009
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
13010
+ }
13011
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v5-c-toolbar__group,
13012
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v5-c-toolbar__item {
13013
+ display: flex;
13014
+ flex: 0 1 auto;
12462
13015
  }
12463
- .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
12464
- --pf-v5-c-toolbar--spacer: 0;
13016
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v5-c-toolbar__toggle {
13017
+ display: none;
12465
13018
  }
12466
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
12467
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13019
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
13020
+ .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,
13021
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v5-c-toolbar__item {
13022
+ display: none;
12468
13023
  }
12469
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
12470
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13024
+ .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 {
13025
+ display: inline-block;
12471
13026
  }
12472
- .pf-v5-c-toolbar .pf-m-spacer-md-on-sm {
12473
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13027
+ }
13028
+ @media (min-width: 992px) {
13029
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-lg,
13030
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-lg {
13031
+ margin-inline-start: 0;
12474
13032
  }
12475
- .pf-v5-c-toolbar .pf-m-spacer-md-on-sm:last-child {
12476
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13033
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-lg,
13034
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-lg {
13035
+ margin-inline-start: auto;
13036
+ margin-inline-end: auto;
12477
13037
  }
12478
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm {
12479
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13038
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-lg,
13039
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-lg {
13040
+ margin-inline-start: auto;
12480
13041
  }
12481
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
12482
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13042
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-lg,
13043
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-lg {
13044
+ flex-grow: 1;
12483
13045
  }
12484
- }
12485
- @media (min-width: 768px) {
12486
- .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
12487
- --pf-v5-c-toolbar--spacer: 0;
13046
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-lg,
13047
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-lg {
13048
+ align-self: stretch;
12488
13049
  }
12489
- .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
12490
- --pf-v5-c-toolbar--spacer: 0;
13050
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-lg,
13051
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-lg {
13052
+ align-self: baseline;
12491
13053
  }
12492
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
12493
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13054
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-lg,
13055
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-lg {
13056
+ align-self: start;
12494
13057
  }
12495
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-md:last-child {
12496
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13058
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-lg,
13059
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-lg {
13060
+ align-self: center;
12497
13061
  }
12498
- .pf-v5-c-toolbar .pf-m-spacer-md-on-md {
12499
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13062
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-lg,
13063
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-lg {
13064
+ align-self: end;
13065
+ }
13066
+ .pf-v5-c-toolbar.pf-m-inset-none-on-lg,
13067
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-lg,
13068
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-lg {
13069
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
13070
+ }
13071
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-lg,
13072
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-lg,
13073
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-lg {
13074
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
13075
+ }
13076
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-lg,
13077
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-lg,
13078
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-lg {
13079
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
13080
+ }
13081
+ .pf-v5-c-toolbar.pf-m-inset-md-on-lg,
13082
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-lg,
13083
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-lg {
13084
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
13085
+ }
13086
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-lg,
13087
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-lg,
13088
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-lg {
13089
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
13090
+ }
13091
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-lg,
13092
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-lg,
13093
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-lg {
13094
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
13095
+ }
13096
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg,
13097
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-lg,
13098
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-lg {
13099
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
13100
+ }
13101
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-lg,
13102
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-lg,
13103
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-lg {
13104
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
13105
+ }
13106
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-lg,
13107
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-lg,
13108
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-lg {
13109
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
13110
+ }
13111
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-lg,
13112
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-lg,
13113
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-lg,
13114
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg {
13115
+ flex-wrap: wrap;
12500
13116
  }
12501
- .pf-v5-c-toolbar .pf-m-spacer-md-on-md:last-child {
12502
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13117
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg,
13118
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-lg,
13119
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-lg,
13120
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg {
13121
+ flex-wrap: nowrap;
12503
13122
  }
12504
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-md {
12505
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13123
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-lg,
13124
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-lg,
13125
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-lg,
13126
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-lg {
13127
+ align-items: stretch;
12506
13128
  }
12507
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-md:last-child {
12508
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13129
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-lg,
13130
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-lg,
13131
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-lg,
13132
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-lg {
13133
+ align-items: baseline;
12509
13134
  }
12510
- }
12511
- @media (min-width: 992px) {
12512
- .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
12513
- --pf-v5-c-toolbar--spacer: 0;
13135
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-lg,
13136
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-lg,
13137
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-lg,
13138
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-lg {
13139
+ align-items: start;
12514
13140
  }
12515
- .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
12516
- --pf-v5-c-toolbar--spacer: 0;
13141
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-lg,
13142
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-lg,
13143
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-lg,
13144
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-lg {
13145
+ align-items: center;
12517
13146
  }
12518
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
12519
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13147
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-lg,
13148
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-lg,
13149
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-lg,
13150
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-lg {
13151
+ align-items: end;
13152
+ }
13153
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-lg,
13154
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-lg,
13155
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-lg,
13156
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-lg {
13157
+ column-gap: 0;
13158
+ }
13159
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-lg,
13160
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-lg,
13161
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-lg,
13162
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-lg {
13163
+ column-gap: var(--pf-v5-global--spacer--xs);
13164
+ }
13165
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-lg,
13166
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-lg,
13167
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-lg,
13168
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-lg {
13169
+ column-gap: var(--pf-v5-global--spacer--sm);
13170
+ }
13171
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-lg,
13172
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-lg,
13173
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-lg,
13174
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-lg {
13175
+ column-gap: var(--pf-v5-global--spacer--md);
13176
+ }
13177
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-lg,
13178
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-lg,
13179
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-lg,
13180
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-lg {
13181
+ column-gap: var(--pf-v5-global--spacer--lg);
13182
+ }
13183
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-lg,
13184
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-lg,
13185
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-lg,
13186
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-lg {
13187
+ column-gap: var(--pf-v5-global--spacer--xl);
13188
+ }
13189
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-lg,
13190
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-lg,
13191
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-lg,
13192
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
13193
+ column-gap: var(--pf-v5-global--spacer--2xl);
13194
+ }
13195
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-lg,
13196
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-lg,
13197
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-lg,
13198
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
13199
+ column-gap: var(--pf-v5-global--spacer--3xl);
13200
+ }
13201
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-lg,
13202
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-lg,
13203
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-lg,
13204
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
13205
+ column-gap: var(--pf-v5-global--spacer--4xl);
13206
+ }
13207
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-lg,
13208
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-lg,
13209
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-lg,
13210
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-lg {
13211
+ column-gap: 0;
13212
+ }
13213
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-lg,
13214
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-lg,
13215
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-lg,
13216
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
13217
+ column-gap: 0;
13218
+ }
13219
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-lg,
13220
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-lg,
13221
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-lg,
13222
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-lg {
13223
+ margin-inline-start: 0;
12520
13224
  }
12521
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
12522
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13225
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-lg,
13226
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-lg,
13227
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-lg,
13228
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-lg {
13229
+ margin-inline-end: 0;
12523
13230
  }
12524
- .pf-v5-c-toolbar .pf-m-spacer-md-on-lg {
12525
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13231
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-lg,
13232
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-lg,
13233
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-lg,
13234
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-lg {
13235
+ column-gap: var(--pf-v5-global--spacer--xs);
13236
+ }
13237
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-lg,
13238
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-lg,
13239
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-lg,
13240
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
13241
+ column-gap: var(--pf-v5-global--spacer--xs);
13242
+ }
13243
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-lg,
13244
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-lg,
13245
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-lg,
13246
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-lg {
13247
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
13248
+ }
13249
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-lg,
13250
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-lg,
13251
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-lg,
13252
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-lg {
13253
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
13254
+ }
13255
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-lg,
13256
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-lg,
13257
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-lg,
13258
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-lg {
13259
+ column-gap: var(--pf-v5-global--spacer--sm);
13260
+ }
13261
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-lg,
13262
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-lg,
13263
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-lg,
13264
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
13265
+ column-gap: var(--pf-v5-global--spacer--sm);
13266
+ }
13267
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-lg,
13268
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-lg,
13269
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-lg,
13270
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-lg {
13271
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
13272
+ }
13273
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-lg,
13274
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-lg,
13275
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-lg,
13276
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-lg {
13277
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
13278
+ }
13279
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-lg,
13280
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-lg,
13281
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-lg,
13282
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-lg {
13283
+ column-gap: var(--pf-v5-global--spacer--md);
13284
+ }
13285
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-lg,
13286
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-lg,
13287
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-lg,
13288
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
13289
+ column-gap: var(--pf-v5-global--spacer--md);
13290
+ }
13291
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-lg,
13292
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-lg,
13293
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-lg,
13294
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-lg {
13295
+ margin-inline-start: var(--pf-v5-global--spacer--md);
13296
+ }
13297
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-lg,
13298
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-lg,
13299
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-lg,
13300
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-lg {
13301
+ margin-inline-end: var(--pf-v5-global--spacer--md);
13302
+ }
13303
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-lg,
13304
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-lg,
13305
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-lg,
13306
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-lg {
13307
+ column-gap: var(--pf-v5-global--spacer--lg);
13308
+ }
13309
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-lg,
13310
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-lg,
13311
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-lg,
13312
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
13313
+ column-gap: var(--pf-v5-global--spacer--lg);
13314
+ }
13315
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-lg,
13316
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-lg,
13317
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-lg,
13318
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-lg {
13319
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
13320
+ }
13321
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-lg,
13322
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-lg,
13323
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-lg,
13324
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-lg {
13325
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
13326
+ }
13327
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-lg,
13328
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-lg,
13329
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-lg,
13330
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-lg {
13331
+ column-gap: var(--pf-v5-global--spacer--xl);
13332
+ }
13333
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-lg,
13334
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-lg,
13335
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-lg,
13336
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
13337
+ column-gap: var(--pf-v5-global--spacer--xl);
13338
+ }
13339
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-lg,
13340
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-lg,
13341
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-lg,
13342
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-lg {
13343
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
13344
+ }
13345
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-lg,
13346
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-lg,
13347
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-lg,
13348
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-lg {
13349
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
13350
+ }
13351
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-lg,
13352
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-lg,
13353
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-lg,
13354
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-lg {
13355
+ column-gap: var(--pf-v5-global--spacer--2xl);
13356
+ }
13357
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-lg,
13358
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
13359
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-lg,
13360
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
13361
+ column-gap: var(--pf-v5-global--spacer--2xl);
13362
+ }
13363
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-lg,
13364
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-lg,
13365
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-lg,
13366
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-lg {
13367
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
13368
+ }
13369
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-lg,
13370
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-lg,
13371
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-lg,
13372
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-lg {
13373
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
13374
+ }
13375
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-lg,
13376
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-lg,
13377
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-lg,
13378
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-lg {
13379
+ column-gap: var(--pf-v5-global--spacer--3xl);
13380
+ }
13381
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-lg,
13382
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
13383
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-lg,
13384
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
13385
+ column-gap: var(--pf-v5-global--spacer--3xl);
13386
+ }
13387
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-lg,
13388
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-lg,
13389
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-lg,
13390
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-lg {
13391
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
13392
+ }
13393
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-lg,
13394
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-lg,
13395
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-lg,
13396
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-lg {
13397
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
13398
+ }
13399
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-lg,
13400
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-lg,
13401
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-lg,
13402
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-lg {
13403
+ column-gap: var(--pf-v5-global--spacer--4xl);
13404
+ }
13405
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-lg,
13406
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
13407
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-lg,
13408
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
13409
+ column-gap: var(--pf-v5-global--spacer--4xl);
13410
+ }
13411
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-lg,
13412
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-lg,
13413
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-lg,
13414
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-lg {
13415
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
13416
+ }
13417
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-lg,
13418
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-lg,
13419
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-lg,
13420
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-lg {
13421
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
13422
+ }
13423
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v5-c-toolbar__group,
13424
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v5-c-toolbar__item {
13425
+ display: flex;
13426
+ flex: 0 1 auto;
12526
13427
  }
12527
- .pf-v5-c-toolbar .pf-m-spacer-md-on-lg:last-child {
12528
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13428
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v5-c-toolbar__toggle {
13429
+ display: none;
12529
13430
  }
12530
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg {
12531
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13431
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
13432
+ .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,
13433
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v5-c-toolbar__item {
13434
+ display: none;
12532
13435
  }
12533
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
12534
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13436
+ .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 {
13437
+ display: inline-block;
12535
13438
  }
12536
13439
  }
12537
13440
  @media (min-width: 1200px) {
12538
- .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
12539
- --pf-v5-c-toolbar--spacer: 0;
12540
- }
12541
- .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
12542
- --pf-v5-c-toolbar--spacer: 0;
12543
- }
12544
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
12545
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13441
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-xl,
13442
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-xl {
13443
+ margin-inline-start: 0;
12546
13444
  }
12547
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
12548
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13445
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-xl,
13446
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-xl {
13447
+ margin-inline-start: auto;
13448
+ margin-inline-end: auto;
12549
13449
  }
12550
- .pf-v5-c-toolbar .pf-m-spacer-md-on-xl {
12551
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13450
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-xl,
13451
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-xl {
13452
+ margin-inline-start: auto;
12552
13453
  }
12553
- .pf-v5-c-toolbar .pf-m-spacer-md-on-xl:last-child {
12554
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13454
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-xl,
13455
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-xl {
13456
+ flex-grow: 1;
12555
13457
  }
12556
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl {
12557
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13458
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-xl,
13459
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-xl {
13460
+ align-self: stretch;
12558
13461
  }
12559
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
12560
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13462
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-xl,
13463
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-xl {
13464
+ align-self: baseline;
12561
13465
  }
12562
- }
12563
- @media (min-width: 1450px) {
12564
- .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
12565
- --pf-v5-c-toolbar--spacer: 0;
13466
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-xl,
13467
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-xl {
13468
+ align-self: start;
12566
13469
  }
12567
- .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
12568
- --pf-v5-c-toolbar--spacer: 0;
13470
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-xl,
13471
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-xl {
13472
+ align-self: center;
12569
13473
  }
12570
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
12571
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13474
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-xl,
13475
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-xl {
13476
+ align-self: end;
13477
+ }
13478
+ .pf-v5-c-toolbar.pf-m-inset-none-on-xl,
13479
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-xl,
13480
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-xl {
13481
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
13482
+ }
13483
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-xl,
13484
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-xl,
13485
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-xl {
13486
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
13487
+ }
13488
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-xl,
13489
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-xl,
13490
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-xl {
13491
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
13492
+ }
13493
+ .pf-v5-c-toolbar.pf-m-inset-md-on-xl,
13494
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-xl,
13495
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-xl {
13496
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
13497
+ }
13498
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-xl,
13499
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-xl,
13500
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-xl {
13501
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
13502
+ }
13503
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-xl,
13504
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-xl,
13505
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-xl {
13506
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
13507
+ }
13508
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl,
13509
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-xl,
13510
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-xl {
13511
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
13512
+ }
13513
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-xl,
13514
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-xl,
13515
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-xl {
13516
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
13517
+ }
13518
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-xl,
13519
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-xl,
13520
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-xl {
13521
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
13522
+ }
13523
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-xl,
13524
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-xl,
13525
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-xl,
13526
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl {
13527
+ flex-wrap: wrap;
12572
13528
  }
12573
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
12574
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
13529
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl,
13530
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-xl,
13531
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-xl,
13532
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl {
13533
+ flex-wrap: nowrap;
12575
13534
  }
12576
- .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl {
12577
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13535
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-xl,
13536
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-xl,
13537
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-xl,
13538
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-xl {
13539
+ align-items: stretch;
12578
13540
  }
12579
- .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
12580
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
13541
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-xl,
13542
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-xl,
13543
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-xl,
13544
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-xl {
13545
+ align-items: baseline;
12581
13546
  }
12582
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl {
12583
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13547
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-xl,
13548
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-xl,
13549
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-xl,
13550
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-xl {
13551
+ align-items: start;
12584
13552
  }
12585
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
12586
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
13553
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-xl,
13554
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-xl,
13555
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-xl,
13556
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-xl {
13557
+ align-items: center;
12587
13558
  }
12588
- }
12589
- .pf-v5-c-toolbar.pf-m-inset-none {
12590
- --pf-v5-c-toolbar--inset: 0;
12591
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12592
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12593
- }
12594
- .pf-v5-c-toolbar.pf-m-inset-sm {
12595
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12596
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12597
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12598
- }
12599
- .pf-v5-c-toolbar.pf-m-inset-md {
12600
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12601
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12602
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12603
- }
12604
- .pf-v5-c-toolbar.pf-m-inset-lg {
12605
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12606
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12607
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12608
- }
12609
- .pf-v5-c-toolbar.pf-m-inset-xl {
12610
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12611
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12612
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12613
- }
12614
- .pf-v5-c-toolbar.pf-m-inset-2xl {
12615
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12616
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12617
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12618
- }
12619
- @media (min-width: 576px) {
12620
- .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
12621
- --pf-v5-c-toolbar--inset: 0;
12622
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12623
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13559
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-xl,
13560
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-xl,
13561
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-xl,
13562
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-xl {
13563
+ align-items: end;
13564
+ }
13565
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-xl,
13566
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-xl,
13567
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-xl,
13568
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-xl {
13569
+ column-gap: 0;
13570
+ }
13571
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-xl,
13572
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-xl,
13573
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-xl,
13574
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-xl {
13575
+ column-gap: var(--pf-v5-global--spacer--xs);
13576
+ }
13577
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-xl,
13578
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-xl,
13579
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-xl,
13580
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-xl {
13581
+ column-gap: var(--pf-v5-global--spacer--sm);
13582
+ }
13583
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-xl,
13584
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-xl,
13585
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-xl,
13586
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-xl {
13587
+ column-gap: var(--pf-v5-global--spacer--md);
13588
+ }
13589
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-xl,
13590
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-xl,
13591
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-xl,
13592
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-xl {
13593
+ column-gap: var(--pf-v5-global--spacer--lg);
13594
+ }
13595
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-xl,
13596
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-xl,
13597
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-xl,
13598
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-xl {
13599
+ column-gap: var(--pf-v5-global--spacer--xl);
13600
+ }
13601
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-xl,
13602
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-xl,
13603
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-xl,
13604
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
13605
+ column-gap: var(--pf-v5-global--spacer--2xl);
13606
+ }
13607
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-xl,
13608
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-xl,
13609
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-xl,
13610
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
13611
+ column-gap: var(--pf-v5-global--spacer--3xl);
13612
+ }
13613
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-xl,
13614
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-xl,
13615
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-xl,
13616
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
13617
+ column-gap: var(--pf-v5-global--spacer--4xl);
13618
+ }
13619
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-xl,
13620
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-xl,
13621
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-xl,
13622
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-xl {
13623
+ column-gap: 0;
13624
+ }
13625
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-xl,
13626
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-xl,
13627
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-xl,
13628
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
13629
+ column-gap: 0;
13630
+ }
13631
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-xl,
13632
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-xl,
13633
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-xl,
13634
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-xl {
13635
+ margin-inline-start: 0;
12624
13636
  }
12625
- .pf-v5-c-toolbar.pf-m-inset-sm-on-sm {
12626
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12627
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12628
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13637
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-xl,
13638
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-xl,
13639
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-xl,
13640
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-xl {
13641
+ margin-inline-end: 0;
12629
13642
  }
12630
- .pf-v5-c-toolbar.pf-m-inset-md-on-sm {
12631
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12632
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12633
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13643
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-xl,
13644
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-xl,
13645
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-xl,
13646
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-xl {
13647
+ column-gap: var(--pf-v5-global--spacer--xs);
13648
+ }
13649
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-xl,
13650
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-xl,
13651
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-xl,
13652
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
13653
+ column-gap: var(--pf-v5-global--spacer--xs);
13654
+ }
13655
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-xl,
13656
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-xl,
13657
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-xl,
13658
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-xl {
13659
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
13660
+ }
13661
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-xl,
13662
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-xl,
13663
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-xl,
13664
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-xl {
13665
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
13666
+ }
13667
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-xl,
13668
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-xl,
13669
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-xl,
13670
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-xl {
13671
+ column-gap: var(--pf-v5-global--spacer--sm);
13672
+ }
13673
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-xl,
13674
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-xl,
13675
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-xl,
13676
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
13677
+ column-gap: var(--pf-v5-global--spacer--sm);
13678
+ }
13679
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-xl,
13680
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-xl,
13681
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-xl,
13682
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-xl {
13683
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
13684
+ }
13685
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-xl,
13686
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-xl,
13687
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-xl,
13688
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-xl {
13689
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
13690
+ }
13691
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-xl,
13692
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-xl,
13693
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-xl,
13694
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-xl {
13695
+ column-gap: var(--pf-v5-global--spacer--md);
13696
+ }
13697
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-xl,
13698
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-xl,
13699
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-xl,
13700
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
13701
+ column-gap: var(--pf-v5-global--spacer--md);
13702
+ }
13703
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-xl,
13704
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-xl,
13705
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-xl,
13706
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-xl {
13707
+ margin-inline-start: var(--pf-v5-global--spacer--md);
13708
+ }
13709
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-xl,
13710
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-xl,
13711
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-xl,
13712
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-xl {
13713
+ margin-inline-end: var(--pf-v5-global--spacer--md);
13714
+ }
13715
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-xl,
13716
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-xl,
13717
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-xl,
13718
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-xl {
13719
+ column-gap: var(--pf-v5-global--spacer--lg);
13720
+ }
13721
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-xl,
13722
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-xl,
13723
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-xl,
13724
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
13725
+ column-gap: var(--pf-v5-global--spacer--lg);
13726
+ }
13727
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-xl,
13728
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-xl,
13729
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-xl,
13730
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-xl {
13731
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
13732
+ }
13733
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-xl,
13734
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-xl,
13735
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-xl,
13736
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-xl {
13737
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
13738
+ }
13739
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-xl,
13740
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-xl,
13741
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-xl,
13742
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-xl {
13743
+ column-gap: var(--pf-v5-global--spacer--xl);
13744
+ }
13745
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-xl,
13746
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-xl,
13747
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-xl,
13748
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
13749
+ column-gap: var(--pf-v5-global--spacer--xl);
13750
+ }
13751
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-xl,
13752
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-xl,
13753
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-xl,
13754
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-xl {
13755
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
13756
+ }
13757
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-xl,
13758
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-xl,
13759
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-xl,
13760
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-xl {
13761
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
13762
+ }
13763
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-xl,
13764
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-xl,
13765
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-xl,
13766
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-xl {
13767
+ column-gap: var(--pf-v5-global--spacer--2xl);
13768
+ }
13769
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-xl,
13770
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
13771
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-xl,
13772
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
13773
+ column-gap: var(--pf-v5-global--spacer--2xl);
13774
+ }
13775
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-xl,
13776
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-xl,
13777
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-xl,
13778
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-xl {
13779
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
13780
+ }
13781
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-xl,
13782
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-xl,
13783
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-xl,
13784
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-xl {
13785
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
13786
+ }
13787
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-xl,
13788
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-xl,
13789
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-xl,
13790
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-xl {
13791
+ column-gap: var(--pf-v5-global--spacer--3xl);
13792
+ }
13793
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-xl,
13794
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
13795
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-xl,
13796
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
13797
+ column-gap: var(--pf-v5-global--spacer--3xl);
13798
+ }
13799
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-xl,
13800
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-xl,
13801
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-xl,
13802
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-xl {
13803
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
13804
+ }
13805
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-xl,
13806
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-xl,
13807
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-xl,
13808
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-xl {
13809
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
13810
+ }
13811
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-xl,
13812
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-xl,
13813
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-xl,
13814
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-xl {
13815
+ column-gap: var(--pf-v5-global--spacer--4xl);
13816
+ }
13817
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-xl,
13818
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
13819
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-xl,
13820
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
13821
+ column-gap: var(--pf-v5-global--spacer--4xl);
13822
+ }
13823
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-xl,
13824
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-xl,
13825
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-xl,
13826
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-xl {
13827
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
13828
+ }
13829
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-xl,
13830
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-xl,
13831
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-xl,
13832
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-xl {
13833
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
13834
+ }
13835
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v5-c-toolbar__group,
13836
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v5-c-toolbar__item {
13837
+ display: flex;
13838
+ flex: 0 1 auto;
12634
13839
  }
12635
- .pf-v5-c-toolbar.pf-m-inset-lg-on-sm {
12636
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12637
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12638
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13840
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v5-c-toolbar__toggle {
13841
+ display: none;
12639
13842
  }
12640
- .pf-v5-c-toolbar.pf-m-inset-xl-on-sm {
12641
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12642
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12643
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13843
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
13844
+ .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,
13845
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v5-c-toolbar__item {
13846
+ display: none;
12644
13847
  }
12645
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm {
12646
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12647
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12648
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13848
+ .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 {
13849
+ display: inline-block;
12649
13850
  }
12650
13851
  }
12651
- @media (min-width: 768px) {
12652
- .pf-v5-c-toolbar.pf-m-inset-none-on-md {
12653
- --pf-v5-c-toolbar--inset: 0;
12654
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12655
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12656
- }
12657
- .pf-v5-c-toolbar.pf-m-inset-sm-on-md {
12658
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12659
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12660
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12661
- }
12662
- .pf-v5-c-toolbar.pf-m-inset-md-on-md {
12663
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12664
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12665
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12666
- }
12667
- .pf-v5-c-toolbar.pf-m-inset-lg-on-md {
12668
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12669
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12670
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12671
- }
12672
- .pf-v5-c-toolbar.pf-m-inset-xl-on-md {
12673
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12674
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12675
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13852
+ @media (min-width: 1450px) {
13853
+ .pf-v5-c-toolbar__group.pf-m-align-start-on-2xl,
13854
+ .pf-v5-c-toolbar__item.pf-m-align-start-on-2xl {
13855
+ margin-inline-start: 0;
12676
13856
  }
12677
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-md {
12678
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12679
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12680
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13857
+ .pf-v5-c-toolbar__group.pf-m-align-center-on-2xl,
13858
+ .pf-v5-c-toolbar__item.pf-m-align-center-on-2xl {
13859
+ margin-inline-start: auto;
13860
+ margin-inline-end: auto;
12681
13861
  }
12682
- }
12683
- @media (min-width: 992px) {
12684
- .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
12685
- --pf-v5-c-toolbar--inset: 0;
12686
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12687
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13862
+ .pf-v5-c-toolbar__group.pf-m-align-end-on-2xl,
13863
+ .pf-v5-c-toolbar__item.pf-m-align-end-on-2xl {
13864
+ margin-inline-start: auto;
12688
13865
  }
12689
- .pf-v5-c-toolbar.pf-m-inset-sm-on-lg {
12690
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12691
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12692
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13866
+ .pf-v5-c-toolbar__group.pf-m-flex-grow-on-2xl,
13867
+ .pf-v5-c-toolbar__item.pf-m-flex-grow-on-2xl {
13868
+ flex-grow: 1;
12693
13869
  }
12694
- .pf-v5-c-toolbar.pf-m-inset-md-on-lg {
12695
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12696
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12697
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13870
+ .pf-v5-c-toolbar__group.pf-m-align-self-stretch-on-2xl,
13871
+ .pf-v5-c-toolbar__item.pf-m-align-self-stretch-on-2xl {
13872
+ align-self: stretch;
12698
13873
  }
12699
- .pf-v5-c-toolbar.pf-m-inset-lg-on-lg {
12700
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12701
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12702
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13874
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline-on-2xl,
13875
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline-on-2xl {
13876
+ align-self: baseline;
12703
13877
  }
12704
- .pf-v5-c-toolbar.pf-m-inset-xl-on-lg {
12705
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12706
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12707
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13878
+ .pf-v5-c-toolbar__group.pf-m-align-self-start-on-2xl,
13879
+ .pf-v5-c-toolbar__item.pf-m-align-self-start-on-2xl {
13880
+ align-self: start;
12708
13881
  }
12709
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg {
12710
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12711
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12712
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13882
+ .pf-v5-c-toolbar__group.pf-m-align-self-center-on-2xl,
13883
+ .pf-v5-c-toolbar__item.pf-m-align-self-center-on-2xl {
13884
+ align-self: center;
12713
13885
  }
12714
- }
12715
- @media (min-width: 1200px) {
12716
- .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
12717
- --pf-v5-c-toolbar--inset: 0;
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);
13886
+ .pf-v5-c-toolbar__group.pf-m-align-self-end-on-2xl,
13887
+ .pf-v5-c-toolbar__item.pf-m-align-self-end-on-2xl {
13888
+ align-self: end;
13889
+ }
13890
+ .pf-v5-c-toolbar.pf-m-inset-none-on-2xl,
13891
+ .pf-v5-c-toolbar__content.pf-m-inset-none-on-2xl,
13892
+ .pf-v5-c-toolbar__content-section.pf-m-inset-none-on-2xl {
13893
+ --pf-v5-c-toolbar__content--PaddingInline: 0;
13894
+ }
13895
+ .pf-v5-c-toolbar.pf-m-inset-xs-on-2xl,
13896
+ .pf-v5-c-toolbar__content.pf-m-inset-xs-on-2xl,
13897
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xs-on-2xl {
13898
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xs);
13899
+ }
13900
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl,
13901
+ .pf-v5-c-toolbar__content.pf-m-inset-sm-on-2xl,
13902
+ .pf-v5-c-toolbar__content-section.pf-m-inset-sm-on-2xl {
13903
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--sm);
13904
+ }
13905
+ .pf-v5-c-toolbar.pf-m-inset-md-on-2xl,
13906
+ .pf-v5-c-toolbar__content.pf-m-inset-md-on-2xl,
13907
+ .pf-v5-c-toolbar__content-section.pf-m-inset-md-on-2xl {
13908
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--md);
13909
+ }
13910
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl,
13911
+ .pf-v5-c-toolbar__content.pf-m-inset-lg-on-2xl,
13912
+ .pf-v5-c-toolbar__content-section.pf-m-inset-lg-on-2xl {
13913
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--lg);
13914
+ }
13915
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl,
13916
+ .pf-v5-c-toolbar__content.pf-m-inset-xl-on-2xl,
13917
+ .pf-v5-c-toolbar__content-section.pf-m-inset-xl-on-2xl {
13918
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--xl);
13919
+ }
13920
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl,
13921
+ .pf-v5-c-toolbar__content.pf-m-inset-2xl-on-2xl,
13922
+ .pf-v5-c-toolbar__content-section.pf-m-inset-2xl-on-2xl {
13923
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--2xl);
13924
+ }
13925
+ .pf-v5-c-toolbar.pf-m-inset-3xl-on-2xl,
13926
+ .pf-v5-c-toolbar__content.pf-m-inset-3xl-on-2xl,
13927
+ .pf-v5-c-toolbar__content-section.pf-m-inset-3xl-on-2xl {
13928
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--3xl);
13929
+ }
13930
+ .pf-v5-c-toolbar.pf-m-inset-4xl-on-2xl,
13931
+ .pf-v5-c-toolbar__content.pf-m-inset-4xl-on-2xl,
13932
+ .pf-v5-c-toolbar__content-section.pf-m-inset-4xl-on-2xl {
13933
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-global--spacer--4xl);
13934
+ }
13935
+ .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl,
13936
+ .pf-v5-c-toolbar__item.pf-m-wrap-on-2xl,
13937
+ .pf-v5-c-toolbar__content.pf-m-wrap-on-2xl,
13938
+ .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl {
13939
+ flex-wrap: wrap;
12720
13940
  }
12721
- .pf-v5-c-toolbar.pf-m-inset-sm-on-xl {
12722
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
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);
13941
+ .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl,
13942
+ .pf-v5-c-toolbar__item.pf-m-nowrap-on-2xl,
13943
+ .pf-v5-c-toolbar__content.pf-m-nowrap-on-2xl,
13944
+ .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl {
13945
+ flex-wrap: nowrap;
12725
13946
  }
12726
- .pf-v5-c-toolbar.pf-m-inset-md-on-xl {
12727
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
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);
13947
+ .pf-v5-c-toolbar__group.pf-m-align-items-stretch-on-2xl,
13948
+ .pf-v5-c-toolbar__item.pf-m-align-items-stretch-on-2xl,
13949
+ .pf-v5-c-toolbar__content.pf-m-align-items-stretch-on-2xl,
13950
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-stretch-on-2xl {
13951
+ align-items: stretch;
12730
13952
  }
12731
- .pf-v5-c-toolbar.pf-m-inset-lg-on-xl {
12732
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
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);
13953
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline-on-2xl,
13954
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline-on-2xl,
13955
+ .pf-v5-c-toolbar__content.pf-m-align-items-baseline-on-2xl,
13956
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline-on-2xl {
13957
+ align-items: baseline;
12735
13958
  }
12736
- .pf-v5-c-toolbar.pf-m-inset-xl-on-xl {
12737
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12738
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12739
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13959
+ .pf-v5-c-toolbar__group.pf-m-align-items-start-on-2xl,
13960
+ .pf-v5-c-toolbar__item.pf-m-align-items-start-on-2xl,
13961
+ .pf-v5-c-toolbar__content.pf-m-align-items-start-on-2xl,
13962
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start-on-2xl {
13963
+ align-items: start;
12740
13964
  }
12741
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl {
12742
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12743
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12744
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13965
+ .pf-v5-c-toolbar__group.pf-m-align-items-center-on-2xl,
13966
+ .pf-v5-c-toolbar__item.pf-m-align-items-center-on-2xl,
13967
+ .pf-v5-c-toolbar__content.pf-m-align-items-center-on-2xl,
13968
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center-on-2xl {
13969
+ align-items: center;
12745
13970
  }
12746
- }
12747
- @media (min-width: 1450px) {
12748
- .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
12749
- --pf-v5-c-toolbar--inset: 0;
12750
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12751
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
13971
+ .pf-v5-c-toolbar__group.pf-m-align-items-end-on-2xl,
13972
+ .pf-v5-c-toolbar__item.pf-m-align-items-end-on-2xl,
13973
+ .pf-v5-c-toolbar__content.pf-m-align-items-end-on-2xl,
13974
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-end-on-2xl {
13975
+ align-items: end;
13976
+ }
13977
+ .pf-v5-c-toolbar__group.pf-m-gap-none-on-2xl,
13978
+ .pf-v5-c-toolbar__item.pf-m-gap-none-on-2xl,
13979
+ .pf-v5-c-toolbar__content.pf-m-gap-none-on-2xl,
13980
+ .pf-v5-c-toolbar__content-section.pf-m-gap-none-on-2xl {
13981
+ column-gap: 0;
13982
+ }
13983
+ .pf-v5-c-toolbar__group.pf-m-gap-xs-on-2xl,
13984
+ .pf-v5-c-toolbar__item.pf-m-gap-xs-on-2xl,
13985
+ .pf-v5-c-toolbar__content.pf-m-gap-xs-on-2xl,
13986
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
13987
+ column-gap: var(--pf-v5-global--spacer--xs);
13988
+ }
13989
+ .pf-v5-c-toolbar__group.pf-m-gap-sm-on-2xl,
13990
+ .pf-v5-c-toolbar__item.pf-m-gap-sm-on-2xl,
13991
+ .pf-v5-c-toolbar__content.pf-m-gap-sm-on-2xl,
13992
+ .pf-v5-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
13993
+ column-gap: var(--pf-v5-global--spacer--sm);
13994
+ }
13995
+ .pf-v5-c-toolbar__group.pf-m-gap-md-on-2xl,
13996
+ .pf-v5-c-toolbar__item.pf-m-gap-md-on-2xl,
13997
+ .pf-v5-c-toolbar__content.pf-m-gap-md-on-2xl,
13998
+ .pf-v5-c-toolbar__content-section.pf-m-gap-md-on-2xl {
13999
+ column-gap: var(--pf-v5-global--spacer--md);
14000
+ }
14001
+ .pf-v5-c-toolbar__group.pf-m-gap-lg-on-2xl,
14002
+ .pf-v5-c-toolbar__item.pf-m-gap-lg-on-2xl,
14003
+ .pf-v5-c-toolbar__content.pf-m-gap-lg-on-2xl,
14004
+ .pf-v5-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
14005
+ column-gap: var(--pf-v5-global--spacer--lg);
14006
+ }
14007
+ .pf-v5-c-toolbar__group.pf-m-gap-xl-on-2xl,
14008
+ .pf-v5-c-toolbar__item.pf-m-gap-xl-on-2xl,
14009
+ .pf-v5-c-toolbar__content.pf-m-gap-xl-on-2xl,
14010
+ .pf-v5-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
14011
+ column-gap: var(--pf-v5-global--spacer--xl);
14012
+ }
14013
+ .pf-v5-c-toolbar__group.pf-m-gap-2xl-on-2xl,
14014
+ .pf-v5-c-toolbar__item.pf-m-gap-2xl-on-2xl,
14015
+ .pf-v5-c-toolbar__content.pf-m-gap-2xl-on-2xl,
14016
+ .pf-v5-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
14017
+ column-gap: var(--pf-v5-global--spacer--2xl);
14018
+ }
14019
+ .pf-v5-c-toolbar__group.pf-m-gap-3xl-on-2xl,
14020
+ .pf-v5-c-toolbar__item.pf-m-gap-3xl-on-2xl,
14021
+ .pf-v5-c-toolbar__content.pf-m-gap-3xl-on-2xl,
14022
+ .pf-v5-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
14023
+ column-gap: var(--pf-v5-global--spacer--3xl);
14024
+ }
14025
+ .pf-v5-c-toolbar__group.pf-m-gap-4xl-on-2xl,
14026
+ .pf-v5-c-toolbar__item.pf-m-gap-4xl-on-2xl,
14027
+ .pf-v5-c-toolbar__content.pf-m-gap-4xl-on-2xl,
14028
+ .pf-v5-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
14029
+ column-gap: var(--pf-v5-global--spacer--4xl);
14030
+ }
14031
+ .pf-v5-c-toolbar__group.pf-m-column-gap-none-on-2xl,
14032
+ .pf-v5-c-toolbar__item.pf-m-column-gap-none-on-2xl,
14033
+ .pf-v5-c-toolbar__content.pf-m-column-gap-none-on-2xl,
14034
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
14035
+ column-gap: 0;
14036
+ }
14037
+ .pf-v5-c-toolbar__group.pf-m-row-gap-none-on-2xl,
14038
+ .pf-v5-c-toolbar__item.pf-m-row-gap-none-on-2xl,
14039
+ .pf-v5-c-toolbar__content.pf-m-row-gap-none-on-2xl,
14040
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
14041
+ column-gap: 0;
14042
+ }
14043
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startnone-on-2xl,
14044
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startnone-on-2xl,
14045
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startnone-on-2xl,
14046
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startnone-on-2xl {
14047
+ margin-inline-start: 0;
12752
14048
  }
12753
- .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl {
12754
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
12755
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12756
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14049
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endnone-on-2xl,
14050
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endnone-on-2xl,
14051
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endnone-on-2xl,
14052
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endnone-on-2xl {
14053
+ margin-inline-end: 0;
12757
14054
  }
12758
- .pf-v5-c-toolbar.pf-m-inset-md-on-2xl {
12759
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
12760
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12761
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14055
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
14056
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
14057
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xs-on-2xl,
14058
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
14059
+ column-gap: var(--pf-v5-global--spacer--xs);
14060
+ }
14061
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
14062
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
14063
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xs-on-2xl,
14064
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
14065
+ column-gap: var(--pf-v5-global--spacer--xs);
14066
+ }
14067
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxs-on-2xl,
14068
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxs-on-2xl,
14069
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxs-on-2xl,
14070
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxs-on-2xl {
14071
+ margin-inline-start: var(--pf-v5-global--spacer--xs);
14072
+ }
14073
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxs-on-2xl,
14074
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxs-on-2xl,
14075
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxs-on-2xl,
14076
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxs-on-2xl {
14077
+ margin-inline-end: var(--pf-v5-global--spacer--xs);
14078
+ }
14079
+ .pf-v5-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
14080
+ .pf-v5-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
14081
+ .pf-v5-c-toolbar__content.pf-m-column-gap-sm-on-2xl,
14082
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
14083
+ column-gap: var(--pf-v5-global--spacer--sm);
14084
+ }
14085
+ .pf-v5-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
14086
+ .pf-v5-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
14087
+ .pf-v5-c-toolbar__content.pf-m-row-gap-sm-on-2xl,
14088
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
14089
+ column-gap: var(--pf-v5-global--spacer--sm);
14090
+ }
14091
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startsm-on-2xl,
14092
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startsm-on-2xl,
14093
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startsm-on-2xl,
14094
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startsm-on-2xl {
14095
+ margin-inline-start: var(--pf-v5-global--spacer--sm);
14096
+ }
14097
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endsm-on-2xl,
14098
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endsm-on-2xl,
14099
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endsm-on-2xl,
14100
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endsm-on-2xl {
14101
+ margin-inline-end: var(--pf-v5-global--spacer--sm);
14102
+ }
14103
+ .pf-v5-c-toolbar__group.pf-m-column-gap-md-on-2xl,
14104
+ .pf-v5-c-toolbar__item.pf-m-column-gap-md-on-2xl,
14105
+ .pf-v5-c-toolbar__content.pf-m-column-gap-md-on-2xl,
14106
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
14107
+ column-gap: var(--pf-v5-global--spacer--md);
14108
+ }
14109
+ .pf-v5-c-toolbar__group.pf-m-row-gap-md-on-2xl,
14110
+ .pf-v5-c-toolbar__item.pf-m-row-gap-md-on-2xl,
14111
+ .pf-v5-c-toolbar__content.pf-m-row-gap-md-on-2xl,
14112
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
14113
+ column-gap: var(--pf-v5-global--spacer--md);
14114
+ }
14115
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startmd-on-2xl,
14116
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startmd-on-2xl,
14117
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startmd-on-2xl,
14118
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startmd-on-2xl {
14119
+ margin-inline-start: var(--pf-v5-global--spacer--md);
14120
+ }
14121
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endmd-on-2xl,
14122
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endmd-on-2xl,
14123
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endmd-on-2xl,
14124
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endmd-on-2xl {
14125
+ margin-inline-end: var(--pf-v5-global--spacer--md);
14126
+ }
14127
+ .pf-v5-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
14128
+ .pf-v5-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
14129
+ .pf-v5-c-toolbar__content.pf-m-column-gap-lg-on-2xl,
14130
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
14131
+ column-gap: var(--pf-v5-global--spacer--lg);
14132
+ }
14133
+ .pf-v5-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
14134
+ .pf-v5-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
14135
+ .pf-v5-c-toolbar__content.pf-m-row-gap-lg-on-2xl,
14136
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
14137
+ column-gap: var(--pf-v5-global--spacer--lg);
14138
+ }
14139
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startlg-on-2xl,
14140
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startlg-on-2xl,
14141
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startlg-on-2xl,
14142
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startlg-on-2xl {
14143
+ margin-inline-start: var(--pf-v5-global--spacer--lg);
14144
+ }
14145
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endlg-on-2xl,
14146
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endlg-on-2xl,
14147
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endlg-on-2xl,
14148
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endlg-on-2xl {
14149
+ margin-inline-end: var(--pf-v5-global--spacer--lg);
14150
+ }
14151
+ .pf-v5-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
14152
+ .pf-v5-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
14153
+ .pf-v5-c-toolbar__content.pf-m-column-gap-xl-on-2xl,
14154
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
14155
+ column-gap: var(--pf-v5-global--spacer--xl);
14156
+ }
14157
+ .pf-v5-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
14158
+ .pf-v5-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
14159
+ .pf-v5-c-toolbar__content.pf-m-row-gap-xl-on-2xl,
14160
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
14161
+ column-gap: var(--pf-v5-global--spacer--xl);
14162
+ }
14163
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-startxl-on-2xl,
14164
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-startxl-on-2xl,
14165
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-startxl-on-2xl,
14166
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-startxl-on-2xl {
14167
+ margin-inline-start: var(--pf-v5-global--spacer--xl);
14168
+ }
14169
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-endxl-on-2xl,
14170
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-endxl-on-2xl,
14171
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-endxl-on-2xl,
14172
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-endxl-on-2xl {
14173
+ margin-inline-end: var(--pf-v5-global--spacer--xl);
14174
+ }
14175
+ .pf-v5-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
14176
+ .pf-v5-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
14177
+ .pf-v5-c-toolbar__content.pf-m-column-gap-2xl-on-2xl,
14178
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
14179
+ column-gap: var(--pf-v5-global--spacer--2xl);
14180
+ }
14181
+ .pf-v5-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
14182
+ .pf-v5-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
14183
+ .pf-v5-c-toolbar__content.pf-m-row-gap-2xl-on-2xl,
14184
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
14185
+ column-gap: var(--pf-v5-global--spacer--2xl);
14186
+ }
14187
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start2xl-on-2xl,
14188
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start2xl-on-2xl,
14189
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start2xl-on-2xl,
14190
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-2xl {
14191
+ margin-inline-start: var(--pf-v5-global--spacer--2xl);
14192
+ }
14193
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end2xl-on-2xl,
14194
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end2xl-on-2xl,
14195
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end2xl-on-2xl,
14196
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-2xl {
14197
+ margin-inline-end: var(--pf-v5-global--spacer--2xl);
14198
+ }
14199
+ .pf-v5-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
14200
+ .pf-v5-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
14201
+ .pf-v5-c-toolbar__content.pf-m-column-gap-3xl-on-2xl,
14202
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
14203
+ column-gap: var(--pf-v5-global--spacer--3xl);
14204
+ }
14205
+ .pf-v5-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
14206
+ .pf-v5-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
14207
+ .pf-v5-c-toolbar__content.pf-m-row-gap-3xl-on-2xl,
14208
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
14209
+ column-gap: var(--pf-v5-global--spacer--3xl);
14210
+ }
14211
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start3xl-on-2xl,
14212
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start3xl-on-2xl,
14213
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start3xl-on-2xl,
14214
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-2xl {
14215
+ margin-inline-start: var(--pf-v5-global--spacer--3xl);
14216
+ }
14217
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end3xl-on-2xl,
14218
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end3xl-on-2xl,
14219
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end3xl-on-2xl,
14220
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-2xl {
14221
+ margin-inline-end: var(--pf-v5-global--spacer--3xl);
14222
+ }
14223
+ .pf-v5-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
14224
+ .pf-v5-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
14225
+ .pf-v5-c-toolbar__content.pf-m-column-gap-4xl-on-2xl,
14226
+ .pf-v5-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
14227
+ column-gap: var(--pf-v5-global--spacer--4xl);
14228
+ }
14229
+ .pf-v5-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
14230
+ .pf-v5-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
14231
+ .pf-v5-c-toolbar__content.pf-m-row-gap-4xl-on-2xl,
14232
+ .pf-v5-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
14233
+ column-gap: var(--pf-v5-global--spacer--4xl);
14234
+ }
14235
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-start4xl-on-2xl,
14236
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-start4xl-on-2xl,
14237
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-start4xl-on-2xl,
14238
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-2xl {
14239
+ margin-inline-start: var(--pf-v5-global--spacer--4xl);
14240
+ }
14241
+ .pf-v5-c-toolbar__group.pf-m-margin-inline-end4xl-on-2xl,
14242
+ .pf-v5-c-toolbar__item.pf-m-margin-inline-end4xl-on-2xl,
14243
+ .pf-v5-c-toolbar__content.pf-m-margin-inline-end4xl-on-2xl,
14244
+ .pf-v5-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-2xl {
14245
+ margin-inline-end: var(--pf-v5-global--spacer--4xl);
14246
+ }
14247
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v5-c-toolbar__group,
14248
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v5-c-toolbar__item {
14249
+ display: flex;
14250
+ flex: 0 1 auto;
12762
14251
  }
12763
- .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl {
12764
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
12765
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12766
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14252
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v5-c-toolbar__toggle {
14253
+ display: none;
12767
14254
  }
12768
- .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl {
12769
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
12770
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12771
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14255
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group) .pf-v5-c-toolbar__group,
14256
+ .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,
14257
+ .pf-v5-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v5-c-toolbar__item {
14258
+ display: none;
12772
14259
  }
12773
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl {
12774
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
12775
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12776
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
14260
+ .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 {
14261
+ display: inline-block;
12777
14262
  }
12778
14263
  }
12779
-
12780
- .pf-v5-c-toolbar__content-section > :last-child {
12781
- --pf-v5-c-toolbar--spacer: 0;
12782
- }
12783
-
12784
14264
  .pf-v5-c-date-picker {
12785
14265
  --pf-v5-c-date-picker--m-top__calendar--Top: 0;
12786
14266
  --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
@@ -13103,19 +14583,23 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13103
14583
  }
13104
14584
  }
13105
14585
 
13106
- .pf-v5-c-drawer {
13107
- --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13108
- --pf-v5-c-drawer__section--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
14586
+ :where(:root),
14587
+ :where(.pf-v5-c-drawer) {
14588
+ --pf-v5-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14589
+ --pf-v5-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13109
14590
  --pf-v5-c-drawer__content--FlexBasis: 100%;
13110
- --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13111
- --pf-v5-c-drawer__content--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
13112
- --pf-v5-c-drawer__content--ZIndex: var(--pf-v5-global--ZIndex--xs);
14591
+ --pf-v5-c-drawer__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14592
+ --pf-v5-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14593
+ --pf-v5-c-drawer__content--ZIndex: var(--pf-t--global--Zindex--xs);
13113
14594
  --pf-v5-c-drawer__panel--MinWidth: 50%;
13114
14595
  --pf-v5-c-drawer__panel--MaxHeight: auto;
13115
- --pf-v5-c-drawer__panel--ZIndex: var(--pf-v5-global--ZIndex--sm);
13116
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13117
- --pf-v5-c-drawer__panel--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
13118
- --pf-v5-c-drawer__panel--TransitionDuration: var(--pf-v5-global--TransitionDuration);
14596
+ --pf-v5-c-drawer__panel--ZIndex: var(--pf-t--global--Zindex--sm);
14597
+ --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
14598
+ --pf-v5-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14599
+ --pf-v5-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
14600
+ --pf-v5-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14601
+ --pf-v5-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
14602
+ --pf-v5-c-drawer__panel--TransitionDuration: 250ms;
13119
14603
  --pf-v5-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
13120
14604
  --pf-v5-c-drawer__panel--FlexBasis: 100%;
13121
14605
  --pf-v5-c-drawer__panel--md--FlexBasis--min: 1.5rem;
@@ -13132,46 +14616,47 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13132
14616
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
13133
14617
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
13134
14618
  --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
13135
- --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-global--spacer--md);
13136
- --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-global--spacer--md);
13137
- --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-global--spacer--md);
13138
- --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-global--spacer--md);
13139
- --pf-v5-c-drawer--child--md--PaddingTop: var(--pf-v5-global--spacer--lg);
13140
- --pf-v5-c-drawer--child--md--PaddingRight: var(--pf-v5-global--spacer--lg);
13141
- --pf-v5-c-drawer--child--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
13142
- --pf-v5-c-drawer--child--md--PaddingLeft: var(--pf-v5-global--spacer--lg);
13143
- --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
13144
- --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
13145
- --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
13146
- --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
13147
- --pf-v5-c-drawer--child--m-padding--md--PaddingTop: var(--pf-v5-global--spacer--lg);
13148
- --pf-v5-c-drawer--child--m-padding--md--PaddingRight: var(--pf-v5-global--spacer--lg);
13149
- --pf-v5-c-drawer--child--m-padding--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
13150
- --pf-v5-c-drawer--child--m-padding--md--PaddingLeft: var(--pf-v5-global--spacer--lg);
13151
- --pf-v5-c-drawer__content--child--PaddingTop: 0;
13152
- --pf-v5-c-drawer__content--child--PaddingRight: 0;
13153
- --pf-v5-c-drawer__content--child--PaddingBottom: 0;
13154
- --pf-v5-c-drawer__content--child--PaddingLeft: 0;
14619
+ --pf-v5-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--sm);
14620
+ --pf-v5-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14621
+ --pf-v5-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
14622
+ --pf-v5-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--md);
14623
+ --pf-v5-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--md);
14624
+ --pf-v5-c-drawer__description--PaddingInlineStart: var(--pf-t--global--spacer--md);
14625
+ --pf-v5-c-drawer__description--PaddingInlineEnd: var(--pf-t--global--spacer--md);
14626
+ --pf-v5-c-drawer__body--PaddingTop--base: var(--pf-t--global--spacer--md);
14627
+ --pf-v5-c-drawer__body--PaddingRight--base: var(--pf-t--global--spacer--md);
14628
+ --pf-v5-c-drawer__body--PaddingBottom--base: var(--pf-t--global--spacer--md);
14629
+ --pf-v5-c-drawer__body--PaddingLeft--base: var(--pf-t--global--spacer--md);
14630
+ --pf-v5-c-drawer__content__body--PaddingTop: 0;
14631
+ --pf-v5-c-drawer__content__body--PaddingRight: 0;
14632
+ --pf-v5-c-drawer__content__body--PaddingBottom: 0;
14633
+ --pf-v5-c-drawer__content__body--PaddingLeft: 0;
14634
+ --pf-v5-c-drawer__panel__body--PaddingTop: var(--pf-v5-c-drawer__body--PaddingTop--base);
14635
+ --pf-v5-c-drawer__panel__body--PaddingRight: var(--pf-v5-c-drawer__body--PaddingRight--base);
14636
+ --pf-v5-c-drawer__panel__body--PaddingBottom: var(--pf-v5-c-drawer__body--PaddingBottom--base);
14637
+ --pf-v5-c-drawer__panel__body--PaddingLeft: var(--pf-v5-c-drawer__body--PaddingLeft--base);
14638
+ --pf-v5-c-drawer__body--m-padding--PaddingTop: var(--pf-t--global--spacer--md);
14639
+ --pf-v5-c-drawer__body--m-padding--PaddingRight: var(--pf-t--global--spacer--md);
14640
+ --pf-v5-c-drawer__body--m-padding--PaddingBottom: var(--pf-t--global--spacer--md);
14641
+ --pf-v5-c-drawer__body--m-padding--PaddingLeft: var(--pf-t--global--spacer--md);
13155
14642
  --pf-v5-c-drawer__splitter--Height: 0.5625rem;
13156
14643
  --pf-v5-c-drawer__splitter--Width: 100%;
13157
- --pf-v5-c-drawer__splitter--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
14644
+ --pf-v5-c-drawer__splitter--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13158
14645
  --pf-v5-c-drawer__splitter--Cursor: row-resize;
13159
14646
  --pf-v5-c-drawer__splitter--m-vertical--Height: 100%;
13160
14647
  --pf-v5-c-drawer__splitter--m-vertical--Width: 0.5625rem;
13161
14648
  --pf-v5-c-drawer__splitter--m-vertical--Cursor: col-resize;
13162
14649
  --pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
13163
- --pf-v5-c-drawer__splitter--after--BorderColor: var(--pf-v5-global--BorderColor--100);
13164
- --pf-v5-c-drawer__splitter--after--border-width--base: var(--pf-v5-global--BorderWidth--sm);
14650
+ --pf-v5-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
14651
+ --pf-v5-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
13165
14652
  --pf-v5-c-drawer__splitter--after--BorderTopWidth: 0;
13166
14653
  --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13167
14654
  --pf-v5-c-drawer__splitter--after--BorderBottomWidth: 0;
13168
- --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
13169
- --pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
14655
+ --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
14656
+ --pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13170
14657
  --pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13171
14658
  --pf-v5-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem;
13172
14659
  --pf-v5-c-drawer--m-inline__splitter-handle--Left: 50%;
13173
- --pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13174
- --pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
13175
14660
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem;
13176
14661
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top: 50%;
13177
14662
  --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer__splitter--after--border-width--base);
@@ -13179,62 +14664,54 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13179
14664
  --pf-v5-c-drawer__splitter-handle--Left: calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base));
13180
14665
  --pf-v5-c-drawer--m-panel-left__splitter-handle--Left: 50%;
13181
14666
  --pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top: calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base));
13182
- --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--200);
13183
- --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
14667
+ --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--default);
14668
+ --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
13184
14669
  --pf-v5-c-drawer__splitter-handle--after--BorderRightWidth: 0;
13185
- --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
14670
+ --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
13186
14671
  --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: 0;
13187
- --pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--100);
13188
- --pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor: var(--pf-v5-global--Color--100);
14672
+ --pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--hover);
13189
14673
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth: 0;
13190
- --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
14674
+ --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
13191
14675
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth: 0;
13192
- --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
14676
+ --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
13193
14677
  --pf-v5-c-drawer__splitter-handle--after--Width: 0.75rem;
13194
14678
  --pf-v5-c-drawer__splitter-handle--after--Height: 0.25rem;
13195
14679
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
13196
14680
  --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
13197
- --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
13198
- --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
14681
+ --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1.5);
14682
+ --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-t--global--spacer--xs) * -1.5);
13199
14683
  --pf-v5-c-drawer__panel--BoxShadow: none;
13200
- --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
13201
- --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
13202
- --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
13203
- --pf-v5-c-drawer__panel--after--Width: var(--pf-v5-global--BorderWidth--sm);
13204
- --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-v5-global--BorderWidth--sm);
14684
+ --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
14685
+ --pf-v5-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
14686
+ --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
13205
14687
  --pf-v5-c-drawer__panel--after--BackgroundColor: transparent;
13206
- --pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-v5-global--BorderColor--100);
14688
+ --pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
13207
14689
  --pf-v5-c-drawer--m-inline__panel--PaddingLeft: var(--pf-v5-c-drawer__panel--after--Width);
13208
14690
  --pf-v5-c-drawer--m-panel-left--m-inline__panel--PaddingRight: var(--pf-v5-c-drawer__panel--after--Width);
13209
14691
  --pf-v5-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop: var(--pf-v5-c-drawer__panel--after--Width);
13210
- display: flex;
13211
- flex-direction: column;
13212
- height: 100%;
13213
- overflow-x: hidden;
13214
- }
13215
- @media screen and (min-width: 768px) {
13216
- .pf-v5-c-drawer {
13217
- --pf-v5-c-drawer--child--PaddingTop: var(--pf-v5-c-drawer--child--md--PaddingTop);
13218
- --pf-v5-c-drawer--child--PaddingRight: var(--pf-v5-c-drawer--child--md--PaddingRight);
13219
- --pf-v5-c-drawer--child--PaddingBottom: var(--pf-v5-c-drawer--child--md--PaddingBottom);
13220
- --pf-v5-c-drawer--child--PaddingLeft: var(--pf-v5-c-drawer--child--md--PaddingLeft);
13221
- --pf-v5-c-drawer--child--m-padding--PaddingTop: var(--pf-v5-c-drawer--child--m-padding--md--PaddingTop);
13222
- --pf-v5-c-drawer--child--m-padding--PaddingRight: var(--pf-v5-c-drawer--child--m-padding--md--PaddingRight);
13223
- --pf-v5-c-drawer--child--m-padding--PaddingBottom: var(--pf-v5-c-drawer--child--m-padding--md--PaddingBottom);
13224
- --pf-v5-c-drawer--child--m-padding--PaddingLeft: var(--pf-v5-c-drawer--child--m-padding--md--PaddingLeft);
13225
- }
13226
14692
  }
13227
14693
  @media screen and (min-width: 1200px) {
13228
- .pf-v5-c-drawer {
14694
+ :where(:root),
14695
+ :where(.pf-v5-c-drawer) {
13229
14696
  --pf-v5-c-drawer__panel--MinWidth: var(--pf-v5-c-drawer__panel--xl--MinWidth);
13230
14697
  }
13231
- .pf-v5-c-drawer.pf-m-panel-bottom {
14698
+ :where(:root).pf-m-panel-bottom,
14699
+ :where(.pf-v5-c-drawer).pf-m-panel-bottom {
13232
14700
  --pf-v5-c-drawer__panel--MinWidth: auto;
13233
14701
  --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
13234
14702
  }
13235
14703
  }
14704
+
14705
+ .pf-v5-c-drawer {
14706
+ --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
14707
+ --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
14708
+ display: flex;
14709
+ flex-direction: column;
14710
+ height: 100%;
14711
+ overflow-x: hidden;
14712
+ }
13236
14713
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
13237
- --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
14714
+ --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
13238
14715
  }
13239
14716
 
13240
14717
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
@@ -13284,12 +14761,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13284
14761
  flex-grow: 0;
13285
14762
  background-color: var(--pf-v5-c-drawer__section--BackgroundColor);
13286
14763
  }
14764
+ .pf-v5-c-drawer__section.pf-m-secondary {
14765
+ --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-c-drawer__section--m-secondary--BackgroundColor);
14766
+ }
13287
14767
  .pf-v5-c-drawer__section.pf-m-no-background {
13288
14768
  --pf-v5-c-drawer__section--BackgroundColor: transparent;
13289
14769
  }
13290
- .pf-v5-c-drawer__section.pf-m-light-200 {
13291
- --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-c-drawer__section--m-light-200--BackgroundColor);
13292
- }
13293
14770
 
13294
14771
  .pf-v5-c-drawer__main {
13295
14772
  display: flex;
@@ -13310,24 +14787,26 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13310
14787
  z-index: var(--pf-v5-c-drawer__content--ZIndex);
13311
14788
  flex-basis: var(--pf-v5-c-drawer__content--FlexBasis);
13312
14789
  order: 0;
14790
+ background-color: var(--pf-v5-c-drawer__content--BackgroundColor);
14791
+ }
14792
+ .pf-v5-c-drawer__content.pf-m-secondary {
14793
+ --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-c-drawer__content--m-secondary--BackgroundColor);
13313
14794
  }
13314
14795
  .pf-v5-c-drawer__content.pf-m-no-background {
13315
14796
  --pf-v5-c-drawer__content--BackgroundColor: transparent;
13316
14797
  }
13317
- .pf-v5-c-drawer__content.pf-m-light-200 {
13318
- --pf-v5-c-drawer__content--BackgroundColor: var(--pf-v5-c-drawer__content--m-light-200--BackgroundColor);
13319
- }
13320
14798
  .pf-v5-c-drawer__content > .pf-v5-c-drawer__body {
13321
- padding-block-start: var(--pf-v5-c-drawer__content--child--PaddingTop);
13322
- padding-block-end: var(--pf-v5-c-drawer__content--child--PaddingBottom);
13323
- padding-inline-start: var(--pf-v5-c-drawer__content--child--PaddingLeft);
13324
- padding-inline-end: var(--pf-v5-c-drawer__content--child--PaddingRight);
14799
+ padding-block-start: var(--pf-v5-c-drawer__content__body--PaddingTop);
14800
+ padding-block-end: var(--pf-v5-c-drawer__content__body--PaddingBottom);
14801
+ padding-inline-start: var(--pf-v5-c-drawer__content__body--PaddingLeft);
14802
+ padding-inline-end: var(--pf-v5-c-drawer__content__body--PaddingRight);
13325
14803
  }
13326
14804
 
13327
14805
  .pf-v5-c-drawer__panel {
13328
14806
  position: relative;
13329
14807
  z-index: var(--pf-v5-c-drawer__panel--ZIndex);
13330
14808
  flex-basis: var(--pf-v5-c-drawer__panel--FlexBasis);
14809
+ row-gap: var(--pf-v5-c-drawer__panel--RowGap);
13331
14810
  order: 1;
13332
14811
  max-height: var(--pf-v5-c-drawer__panel--MaxHeight);
13333
14812
  overflow: auto;
@@ -13346,12 +14825,16 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13346
14825
  content: "";
13347
14826
  background-color: var(--pf-v5-c-drawer__panel--after--BackgroundColor);
13348
14827
  }
14828
+ .pf-v5-c-drawer__panel:not(.pf-m-resizable) {
14829
+ padding-block-start: var(--pf-v5-c-drawer__panel--PaddingBlockStart);
14830
+ padding-block-end: var(--pf-v5-c-drawer__panel--PaddingBlockEnd);
14831
+ }
14832
+ .pf-v5-c-drawer__panel.pf-m-secondary {
14833
+ --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-c-drawer__panel--m-secondary--BackgroundColor);
14834
+ }
13349
14835
  .pf-v5-c-drawer__panel.pf-m-no-background {
13350
14836
  --pf-v5-c-drawer__panel--BackgroundColor: transparent;
13351
14837
  }
13352
- .pf-v5-c-drawer__panel.pf-m-light-200 {
13353
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-c-drawer__panel--m-light-200--BackgroundColor);
13354
- }
13355
14838
  @media screen and (min-width: 768px) {
13356
14839
  .pf-v5-c-drawer__panel {
13357
14840
  --pf-v5-c-drawer__panel--FlexBasis:
@@ -13370,8 +14853,18 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13370
14853
  }
13371
14854
  }
13372
14855
 
14856
+ .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body,
14857
+ .pf-v5-c-drawer__panel-main > .pf-v5-c-drawer__body {
14858
+ padding-block-start: var(--pf-v5-c-drawer__panel__body--PaddingTop);
14859
+ padding-block-end: var(--pf-v5-c-drawer__panel__body--PaddingBottom);
14860
+ padding-inline-start: var(--pf-v5-c-drawer__panel__body--PaddingLeft);
14861
+ padding-inline-end: var(--pf-v5-c-drawer__panel__body--PaddingRight);
14862
+ }
14863
+
13373
14864
  .pf-v5-c-drawer__panel-main {
13374
14865
  flex-grow: 1;
14866
+ padding-block-start: var(--pf-v5-c-drawer__panel--PaddingBlockStart);
14867
+ padding-block-end: var(--pf-v5-c-drawer__panel--PaddingBlockEnd);
13375
14868
  }
13376
14869
 
13377
14870
  @keyframes pf-remove-tab-focus {
@@ -13389,6 +14882,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13389
14882
  display: grid;
13390
14883
  grid-template-columns: auto;
13391
14884
  grid-auto-columns: max-content;
14885
+ column-gap: var(--pf-v5-c-drawer__head--ColumnGap);
14886
+ padding-block-start: var(--pf-v5-c-drawer__head--PaddingBlockStart);
14887
+ padding-block-end: var(--pf-v5-c-drawer__head--PaddingBlockEnd);
14888
+ padding-inline-start: var(--pf-v5-c-drawer__head--PaddingInlineStart);
14889
+ padding-inline-end: var(--pf-v5-c-drawer__head--PaddingInlineEnd);
13392
14890
  }
13393
14891
  .pf-v5-c-drawer__head > * {
13394
14892
  grid-column: 1;
@@ -13403,25 +14901,19 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13403
14901
  margin-inline-end: var(--pf-v5-c-drawer__actions--MarginRight);
13404
14902
  }
13405
14903
 
13406
- .pf-v5-c-drawer__body {
13407
- padding-block-start: var(--pf-v5-c-drawer--child--PaddingTop);
13408
- padding-block-end: var(--pf-v5-c-drawer--child--PaddingBottom);
13409
- padding-inline-start: var(--pf-v5-c-drawer--child--PaddingLeft);
13410
- padding-inline-end: var(--pf-v5-c-drawer--child--PaddingRight);
14904
+ .pf-v5-c-drawer__description {
14905
+ padding-inline-start: var(--pf-v5-c-drawer__description--PaddingInlineStart);
14906
+ padding-inline-end: var(--pf-v5-c-drawer__description--PaddingInlineEnd);
13411
14907
  }
14908
+
13412
14909
  .pf-v5-c-drawer__body.pf-m-no-padding {
13413
14910
  padding: 0;
13414
14911
  }
13415
- .pf-v5-c-drawer__body.pf-m-no-padding > .pf-v5-c-drawer__actions,
13416
- .pf-v5-c-drawer__body.pf-m-no-padding > .pf-v5-c-drawer__head > .pf-v5-c-drawer__actions {
13417
- margin-block-start: 0;
13418
- margin-inline-end: 0;
13419
- }
13420
14912
  .pf-v5-c-drawer__body.pf-m-padding {
13421
- padding-block-start: var(--pf-v5-c-drawer--child--m-padding--PaddingTop);
13422
- padding-block-end: var(--pf-v5-c-drawer--child--m-padding--PaddingBottom);
13423
- padding-inline-start: var(--pf-v5-c-drawer--child--m-padding--PaddingLeft);
13424
- padding-inline-end: var(--pf-v5-c-drawer--child--m-padding--PaddingRight);
14913
+ padding-block-start: var(--pf-v5-c-drawer__body--m-padding--PaddingTop);
14914
+ padding-block-end: var(--pf-v5-c-drawer__body--m-padding--PaddingBottom);
14915
+ padding-inline-start: var(--pf-v5-c-drawer__body--m-padding--PaddingLeft);
14916
+ padding-inline-end: var(--pf-v5-c-drawer__body--m-padding--PaddingRight);
13425
14917
  }
13426
14918
  .pf-v5-c-drawer__body:not(.pf-m-no-padding) + * {
13427
14919
  padding-block-start: 0;
@@ -13453,12 +14945,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13453
14945
  --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth);
13454
14946
  --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth: var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth);
13455
14947
  }
13456
- .pf-v5-c-drawer__splitter:hover {
14948
+ .pf-v5-c-drawer__splitter:hover, .pf-v5-c-drawer__splitter:focus {
13457
14949
  --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor);
13458
14950
  }
13459
- .pf-v5-c-drawer__splitter:focus {
13460
- --pf-v5-c-drawer__splitter-handle--after--BorderColor: var(--pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor);
13461
- }
13462
14951
  .pf-v5-c-drawer__splitter::after {
13463
14952
  position: absolute;
13464
14953
  inset-block-start: 0;
@@ -13534,8 +15023,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13534
15023
  }
13535
15024
  .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 {
13536
15025
  --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-panel-left__splitter-handle--Left);
13537
- --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
13538
- --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
13539
15026
  order: 1;
13540
15027
  }
13541
15028
  .pf-v5-c-drawer.pf-m-panel-bottom {
@@ -13563,14 +15050,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13563
15050
  }
13564
15051
  .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 {
13565
15052
  --pf-v5-c-drawer__splitter-handle--Top: var(--pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top);
15053
+ --pf-v5-c-drawer__splitter--after--BorderTopWidth: var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderTopWidth);
13566
15054
  --pf-v5-c-drawer__splitter--after--BorderRightWidth: 0;
13567
15055
  --pf-v5-c-drawer__splitter--after--BorderBottomWidth: var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
15056
+ --pf-v5-c-drawer__splitter--after--BorderLeftWidth: 0;
13568
15057
  }
13569
15058
  .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 {
13570
15059
  --pf-v5-c-drawer__splitter--m-vertical--Width: var(--pf-v5-c-drawer--m-inline__splitter--m-vertical--Width);
13571
15060
  --pf-v5-c-drawer__splitter-handle--Left: var(--pf-v5-c-drawer--m-inline__splitter-handle--Left);
13572
- --pf-v5-c-drawer__splitter--after--BorderRightWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth);
13573
- --pf-v5-c-drawer__splitter--after--BorderLeftWidth: var(--pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth);
13574
15061
  outline-offset: var(--pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset);
13575
15062
  }
13576
15063
  .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 {
@@ -13936,18 +15423,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13936
15423
  display: none;
13937
15424
  }
13938
15425
  }
13939
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
13940
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
13941
- }
13942
-
13943
- :where(.pf-v5-theme-dark) .pf-v5-c-drawer {
13944
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13945
- --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
13946
- }
13947
- :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
13948
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13949
- }
13950
-
13951
15426
  .pf-v5-c-dropdown {
13952
15427
  --pf-v5-c-dropdown__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
13953
15428
  --pf-v5-c-dropdown__toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -16566,51 +18041,77 @@ label.pf-v5-c-input-group__text {
16566
18041
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
16567
18042
  }
16568
18043
 
16569
- .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 {
18044
+ .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,
18045
+ .pf-v5-c-toolbar__group,
18046
+ .pf-v5-c-toolbar__item,
18047
+ .pf-v5-c-toolbar__group.pf-m-chip-group-container,
18048
+ .pf-v5-c-toolbar__group.pf-m-chip-group, .pf-v5-c-divider {
16570
18049
  --pf-v5-hidden-visible--hidden--Display: none;
16571
18050
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16572
18051
  display: var(--pf-v5-hidden-visible--Display);
16573
18052
  }
16574
- .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 {
18053
+ .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,
18054
+ .pf-m-hidden.pf-v5-c-toolbar__group,
18055
+ .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-divider {
16575
18056
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16576
18057
  }
16577
18058
  @media screen and (min-width: 576px) {
16578
- .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 {
18059
+ .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,
18060
+ .pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
18061
+ .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-divider {
16579
18062
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16580
18063
  }
16581
- .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 {
18064
+ .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,
18065
+ .pf-m-visible-on-sm.pf-v5-c-toolbar__group,
18066
+ .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-divider {
16582
18067
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16583
18068
  }
16584
18069
  }
16585
18070
  @media screen and (min-width: 768px) {
16586
- .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 {
18071
+ .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,
18072
+ .pf-m-hidden-on-md.pf-v5-c-toolbar__group,
18073
+ .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-divider {
16587
18074
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16588
18075
  }
16589
- .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 {
18076
+ .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,
18077
+ .pf-m-visible-on-md.pf-v5-c-toolbar__group,
18078
+ .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-divider {
16590
18079
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16591
18080
  }
16592
18081
  }
16593
18082
  @media screen and (min-width: 992px) {
16594
- .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 {
18083
+ .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,
18084
+ .pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
18085
+ .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-divider {
16595
18086
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16596
18087
  }
16597
- .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 {
18088
+ .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,
18089
+ .pf-m-visible-on-lg.pf-v5-c-toolbar__group,
18090
+ .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-divider {
16598
18091
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16599
18092
  }
16600
18093
  }
16601
18094
  @media screen and (min-width: 1200px) {
16602
- .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 {
18095
+ .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,
18096
+ .pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
18097
+ .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-divider {
16603
18098
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16604
18099
  }
16605
- .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 {
18100
+ .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,
18101
+ .pf-m-visible-on-xl.pf-v5-c-toolbar__group,
18102
+ .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-divider {
16606
18103
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16607
18104
  }
16608
18105
  }
16609
18106
  @media screen and (min-width: 1450px) {
16610
- .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 {
18107
+ .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,
18108
+ .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
18109
+ .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-divider {
16611
18110
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16612
18111
  }
16613
- .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 {
18112
+ .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,
18113
+ .pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
18114
+ .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-divider {
16614
18115
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16615
18116
  }
16616
18117
  }
@@ -17652,17 +19153,12 @@ ul.pf-v5-c-list {
17652
19153
  }
17653
19154
 
17654
19155
  :root,
17655
- :where(.pf-v5-c-masthead) {
17656
- --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--lg);
17657
- --pf-v5-c-masthead--PaddingBlockStart: var(--pf-t--global--spacer--md);
17658
- --pf-v5-c-masthead--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17659
- --pf-v5-c-masthead--PaddingInlineStart: var(--pf-v5-c-masthead--inset);
17660
- --pf-v5-c-masthead--PaddingInlineEnd: var(--pf-v5-c-masthead--inset);
17661
- --pf-v5-c-masthead--AlignItems: start;
19156
+ [data-theme=pf-v5-c-masthead] {
17662
19157
  --pf-v5-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
17663
19158
  --pf-v5-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
17664
- --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17665
19159
  --pf-v5-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19160
+ --pf-v5-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19161
+ --pf-v5-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
17666
19162
  --pf-v5-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
17667
19163
  --pf-v5-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
17668
19164
  --pf-v5-c-masthead__brand--MaxHeight: 2.375rem;
@@ -17683,21 +19179,15 @@ ul.pf-v5-c-list {
17683
19179
  --pf-v5-c-masthead--m-display-inline__content--Order: 0;
17684
19180
  --pf-v5-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
17685
19181
  --pf-v5-c-masthead__expandable-content--BorderBlockStart: var(--pf-v5-c-masthead--BorderWidth) solid var(--pf-v5-c-masthead--BorderColor);
19182
+ --pf-v5-c-masthead--pf-v5-c-toolbar--Width: 100%;
19183
+ --pf-v5-c-masthead--pf-v5-c-toolbar--PaddingBlock: 0;
19184
+ --pf-v5-c-masthead--pf-v5-c-toolbar--PaddingInline: 0;
17686
19185
  }
17687
19186
 
17688
19187
  .pf-v5-c-masthead {
17689
- --pf-v5-c-toolbar--PaddingTop: 0;
17690
- --pf-v5-c-toolbar--PaddingBottom: 0;
17691
- --pf-v5-c-toolbar__content--PaddingRight: 0;
17692
- --pf-v5-c-toolbar__content--PaddingLeft: 0;
17693
- --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17694
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17695
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17696
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17697
- --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-masthead--BackgroundColor);
17698
- --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: var(--pf-v5-c-masthead--PaddingInlineStart);
17699
- --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: var(--pf-t--global--spacer--md);
17700
- --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: var(--pf-v5-c-masthead--PaddingInlineEnd);
19188
+ --pf-v5-c-toolbar--Width: var(--pf-v5-c-masthead--pf-v5-c-toolbar--Width);
19189
+ --pf-v5-c-toolbar__content--PaddingBlock: var(--pf-v5-c-masthead--pf-v5-c-toolbar--PaddingBlock);
19190
+ --pf-v5-c-toolbar__content--PaddingInline: var(--pf-v5-c-masthead--pf-v5-c-toolbar--PaddingInline);
17701
19191
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17702
19192
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
17703
19193
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
@@ -17709,13 +19199,13 @@ ul.pf-v5-c-list {
17709
19199
  grid-template-columns: var(--pf-v5-c-masthead--GridTemplateColumns);
17710
19200
  row-gap: var(--pf-v5-c-masthead--RowGap);
17711
19201
  column-gap: var(--pf-v5-c-masthead--ColumnGap);
17712
- align-items: var(--pf-v5-c-masthead--AlignItems);
19202
+ align-items: start;
17713
19203
  min-width: 0;
17714
- padding-block-start: var(--pf-v5-c-masthead--PaddingBlockStart);
17715
- padding-block-end: var(--pf-v5-c-masthead--PaddingBlockEnd);
17716
- padding-inline-start: var(--pf-v5-c-masthead--inset);
17717
- padding-inline-end: var(--pf-v5-c-masthead--inset);
17718
- background-color: var(--pf-v5-c-masthead--BackgroundColor);
19204
+ padding-block-start: var(--pf-v5-c-masthead--PaddingBlockStart, var(--pf-v5-c-masthead--PaddingBlock));
19205
+ padding-block-end: var(--pf-v5-c-masthead--PaddingBlockEnd, var(--pf-v5-c-masthead--PaddingBlock));
19206
+ padding-inline-start: var(--pf-v5-c-masthead--PaddingInlineStart, var(--pf-v5-c-masthead--PaddingInline));
19207
+ padding-inline-end: var(--pf-v5-c-masthead--PaddingInlineEnd, var(--pf-v5-c-masthead--PaddingInline));
19208
+ background-color: var(--pf-v5-c-masthead--BackgroundColor, var(--pf-t--global--background--color--secondary--default));
17719
19209
  }
17720
19210
  @media screen and (min-width: 768px) {
17721
19211
  :where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
@@ -17728,9 +19218,6 @@ ul.pf-v5-c-list {
17728
19218
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
17729
19219
  }
17730
19220
  }
17731
- .pf-v5-c-masthead .pf-v5-c-toolbar {
17732
- width: 100%;
17733
- }
17734
19221
  .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content {
17735
19222
  inset-block-start: 100%;
17736
19223
  border-block-start: var(--pf-v5-c-masthead__expandable-content--BorderBlockStart);
@@ -20478,71 +21965,41 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20478
21965
  background: transparent;
20479
21966
  }
20480
21967
 
21968
+ :root {
21969
+ --pf-v5-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
21970
+ --pf-v5-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
21971
+ --pf-v5-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
21972
+ --pf-v5-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
21973
+ }
21974
+
20481
21975
  .pf-v5-c-overflow-menu {
20482
- --pf-v5-c-overflow-menu--spacer--base: var(--pf-v5-global--spacer--md);
20483
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-global--spacer--sm);
20484
- --pf-v5-c-overflow-menu__group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20485
- --pf-v5-c-overflow-menu__item--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20486
- --pf-v5-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20487
- --pf-v5-c-overflow-menu__group--m-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20488
- --pf-v5-c-overflow-menu__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
20489
- --pf-v5-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
20490
- --pf-v5-c-overflow-menu__group--m-icon-button-group--space-items: 0;
20491
21976
  display: inline-flex;
20492
- align-items: center;
21977
+ column-gap: var(--pf-v5-c-overflow-menu--ColumnGap);
20493
21978
  }
20494
21979
 
20495
- .pf-v5-c-overflow-menu__content {
21980
+ .pf-v5-c-overflow-menu__content,
21981
+ .pf-v5-c-overflow-menu__group {
20496
21982
  display: flex;
20497
- align-items: center;
21983
+ align-items: start;
20498
21984
  }
20499
21985
 
20500
21986
  .pf-v5-c-overflow-menu__group {
20501
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--spacer);
20502
- display: flex;
20503
- align-items: center;
21987
+ column-gap: var(--pf-v5-c-overflow-menu__group--ColumnGap);
20504
21988
  }
20505
21989
  .pf-v5-c-overflow-menu__group.pf-m-button-group {
20506
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--spacer);
20507
- }
20508
- .pf-v5-c-overflow-menu__group.pf-m-button-group > * {
20509
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--space-items);
21990
+ column-gap: var(--pf-v5-c-overflow-menu__group--m-button-group--ColumnGap);
20510
21991
  }
20511
21992
  .pf-v5-c-overflow-menu__group.pf-m-icon-button-group {
20512
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer);
20513
- }
20514
- .pf-v5-c-overflow-menu__group.pf-m-icon-button-group > * {
20515
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items);
21993
+ column-gap: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--ColumnGap);
20516
21994
  }
20517
21995
 
20518
21996
  .pf-v5-c-overflow-menu__item {
20519
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
21997
+ column-gap: var(--pf-v5-c-overflow-menu__item--ColumnGap, var(--pf-v5-c-overflow-menu--ColumnGap));
20520
21998
  }
20521
21999
 
20522
22000
  .pf-v5-c-overflow-menu__content,
20523
- .pf-v5-c-overflow-menu__control,
20524
- .pf-v5-c-overflow-menu__group,
20525
- .pf-v5-c-overflow-menu__item {
20526
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
20527
- }
20528
- .pf-v5-c-overflow-menu__content:last-child,
20529
- .pf-v5-c-overflow-menu__control:last-child,
20530
- .pf-v5-c-overflow-menu__group:last-child,
20531
- .pf-v5-c-overflow-menu__item:last-child {
20532
- --pf-v5-c-overflow-menu--spacer: 0;
20533
- }
20534
-
20535
- .pf-v5-c-overflow-menu > .pf-v5-c-divider,
20536
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider {
20537
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer);
20538
- }
20539
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical,
20540
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical {
20541
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
20542
- }
20543
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child,
20544
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical:last-child {
20545
- --pf-v5-c-overflow-menu--spacer: 0;
22001
+ .pf-v5-c-overflow-menu__control {
22002
+ column-gap: var(--pf-v5-c-overflow-menu--ColumnGap);
20546
22003
  }
20547
22004
 
20548
22005
  :root {
@@ -21445,7 +22902,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21445
22902
  flex: 1 0 auto;
21446
22903
  }
21447
22904
 
21448
- :root {
22905
+ :where(:root),
22906
+ :where(.pf-v5-c-pagination) {
21449
22907
  --pf-v5-c-pagination--inset: 0;
21450
22908
  --pf-v5-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
21451
22909
  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--md);
@@ -21485,7 +22943,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21485
22943
  --pf-v5-c-pagination--m-display-full__page-menu--Display: inline-flex;
21486
22944
  }
21487
22945
  @media screen and (min-width: 768px) {
21488
- :root {
22946
+ :where(:root),
22947
+ :where(.pf-v5-c-pagination) {
21489
22948
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
21490
22949
  --pf-v5-c-pagination__page-menu--Display: inline-flex;
21491
22950
  --pf-v5-c-pagination__nav--Display: inline-flex;
@@ -21493,7 +22952,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21493
22952
  }
21494
22953
  }
21495
22954
  @media screen and (min-width: 1200px) {
21496
- :root {
22955
+ :where(:root),
22956
+ :where(.pf-v5-c-pagination) {
21497
22957
  --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
21498
22958
  --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
21499
22959
  --pf-v5-c-pagination__scroll-button--Width: var(--pf-v5-c-pagination__scroll-button--xl--Width);