@patternfly/react-styles 6.0.0-alpha.2 → 6.0.0-alpha.21

Sign up to get free protection for your applications and to get access to all the features.
Files changed (662) hide show
  1. package/CHANGELOG.md +182 -0
  2. package/css/assets/images/PF-Backdrop.svg +1 -0
  3. package/css/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  4. package/css/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  5. package/css/assets/images/PF-IconLogo-Reverse.svg +14 -0
  6. package/css/assets/images/PF-IconLogo-color.svg +17 -0
  7. package/css/assets/images/PF-IconLogo.svg +17 -0
  8. package/css/assets/images/logo__pf--reverse-on-md.svg +1 -1
  9. package/css/assets/images/pf-background.svg +22 -0
  10. package/css/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  11. package/css/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  12. package/css/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  13. package/css/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  14. package/css/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  15. package/css/assets/images/pf_logo.svg +11 -11
  16. package/css/assets/images/pf_logo_white.hbs +35 -0
  17. package/css/assets/images/pf_logo_white.svg +38 -0
  18. package/css/components/AboutModalBox/about-modal-box.css +118 -155
  19. package/css/components/AboutModalBox/about-modal-box.d.ts +10 -11
  20. package/css/components/AboutModalBox/about-modal-box.js +10 -11
  21. package/css/components/AboutModalBox/about-modal-box.mjs +10 -11
  22. package/css/components/Accordion/accordion.css +127 -219
  23. package/css/components/Accordion/accordion.d.ts +10 -9
  24. package/css/components/Accordion/accordion.js +10 -9
  25. package/css/components/Accordion/accordion.mjs +10 -9
  26. package/css/components/ActionList/action-list.css +22 -20
  27. package/css/components/ActionList/action-list.d.ts +2 -2
  28. package/css/components/ActionList/action-list.js +2 -2
  29. package/css/components/ActionList/action-list.mjs +2 -2
  30. package/css/components/Alert/alert-group.css +50 -50
  31. package/css/components/Alert/alert-group.d.ts +2 -2
  32. package/css/components/Alert/alert-group.js +2 -2
  33. package/css/components/Alert/alert-group.mjs +2 -2
  34. package/css/components/Alert/alert.css +162 -160
  35. package/css/components/Alert/alert.d.ts +10 -10
  36. package/css/components/Alert/alert.js +10 -10
  37. package/css/components/Alert/alert.mjs +10 -10
  38. package/css/components/Avatar/avatar.css +120 -123
  39. package/css/components/Avatar/avatar.d.ts +2 -3
  40. package/css/components/Avatar/avatar.js +2 -3
  41. package/css/components/Avatar/avatar.mjs +2 -3
  42. package/css/components/BackToTop/back-to-top.css +26 -25
  43. package/css/components/BackToTop/back-to-top.d.ts +2 -2
  44. package/css/components/BackToTop/back-to-top.js +2 -2
  45. package/css/components/BackToTop/back-to-top.mjs +2 -2
  46. package/css/components/Backdrop/backdrop.css +11 -8
  47. package/css/components/Backdrop/backdrop.d.ts +2 -2
  48. package/css/components/Backdrop/backdrop.js +2 -2
  49. package/css/components/Backdrop/backdrop.mjs +2 -2
  50. package/css/components/BackgroundImage/background-image.css +17 -14
  51. package/css/components/BackgroundImage/background-image.d.ts +2 -2
  52. package/css/components/BackgroundImage/background-image.js +2 -2
  53. package/css/components/BackgroundImage/background-image.mjs +2 -2
  54. package/css/components/Badge/badge.css +38 -30
  55. package/css/components/Badge/badge.d.ts +3 -3
  56. package/css/components/Badge/badge.js +3 -3
  57. package/css/components/Badge/badge.mjs +3 -3
  58. package/css/components/Banner/banner.css +126 -100
  59. package/css/components/Banner/banner.d.ts +14 -6
  60. package/css/components/Banner/banner.js +14 -6
  61. package/css/components/Banner/banner.mjs +14 -6
  62. package/css/components/Brand/brand.css +28 -28
  63. package/css/components/Brand/brand.d.ts +1 -1
  64. package/css/components/Brand/brand.js +1 -1
  65. package/css/components/Brand/brand.mjs +1 -1
  66. package/css/components/Breadcrumb/breadcrumb.css +65 -55
  67. package/css/components/Breadcrumb/breadcrumb.d.ts +9 -9
  68. package/css/components/Breadcrumb/breadcrumb.js +9 -9
  69. package/css/components/Breadcrumb/breadcrumb.mjs +9 -9
  70. package/css/components/Button/button.css +526 -483
  71. package/css/components/Button/button.d.ts +15 -13
  72. package/css/components/Button/button.js +15 -13
  73. package/css/components/Button/button.mjs +15 -13
  74. package/css/components/CalendarMonth/calendar-month.css +146 -178
  75. package/css/components/CalendarMonth/calendar-month.d.ts +14 -16
  76. package/css/components/CalendarMonth/calendar-month.js +14 -16
  77. package/css/components/CalendarMonth/calendar-month.mjs +14 -16
  78. package/css/components/Card/card.css +238 -332
  79. package/css/components/Card/card.d.ts +22 -26
  80. package/css/components/Card/card.js +22 -26
  81. package/css/components/Card/card.mjs +22 -26
  82. package/css/components/Check/check.css +54 -45
  83. package/css/components/Check/check.d.ts +6 -6
  84. package/css/components/Check/check.js +6 -6
  85. package/css/components/Check/check.mjs +6 -6
  86. package/css/components/ClipboardCopy/clipboard-copy.css +74 -78
  87. package/css/components/ClipboardCopy/clipboard-copy.d.ts +10 -11
  88. package/css/components/ClipboardCopy/clipboard-copy.js +10 -11
  89. package/css/components/ClipboardCopy/clipboard-copy.mjs +10 -11
  90. package/css/components/CodeBlock/code-block.css +37 -24
  91. package/css/components/CodeBlock/code-block.d.ts +6 -6
  92. package/css/components/CodeBlock/code-block.js +6 -6
  93. package/css/components/CodeBlock/code-block.mjs +6 -6
  94. package/css/components/CodeEditor/code-editor.css +133 -111
  95. package/css/components/CodeEditor/code-editor.d.ts +14 -14
  96. package/css/components/CodeEditor/code-editor.js +14 -14
  97. package/css/components/CodeEditor/code-editor.mjs +14 -14
  98. package/css/components/Consoles/AccessConsoles.css +5 -5
  99. package/css/components/Consoles/AccessConsoles.d.ts +2 -2
  100. package/css/components/Consoles/AccessConsoles.js +2 -2
  101. package/css/components/Consoles/AccessConsoles.mjs +2 -2
  102. package/css/components/Consoles/DesktopViewer.css +2 -2
  103. package/css/components/Consoles/DesktopViewer.d.ts +1 -1
  104. package/css/components/Consoles/DesktopViewer.js +1 -1
  105. package/css/components/Consoles/DesktopViewer.mjs +1 -1
  106. package/css/components/Consoles/SerialConsole.css +4 -4
  107. package/css/components/Consoles/SerialConsole.d.ts +2 -2
  108. package/css/components/Consoles/SerialConsole.js +2 -2
  109. package/css/components/Consoles/SerialConsole.mjs +2 -2
  110. package/css/components/Consoles/VncConsole.css +3 -3
  111. package/css/components/Consoles/VncConsole.d.ts +2 -2
  112. package/css/components/Consoles/VncConsole.js +2 -2
  113. package/css/components/Consoles/VncConsole.mjs +2 -2
  114. package/css/components/Content/content.css +247 -222
  115. package/css/components/Content/content.d.ts +20 -1
  116. package/css/components/Content/content.js +20 -1
  117. package/css/components/Content/content.mjs +20 -1
  118. package/css/components/DataList/data-list-grid.css +182 -182
  119. package/css/components/DataList/data-list-grid.d.ts +4 -4
  120. package/css/components/DataList/data-list-grid.js +4 -4
  121. package/css/components/DataList/data-list-grid.mjs +4 -4
  122. package/css/components/DataList/data-list.css +506 -566
  123. package/css/components/DataList/data-list.d.ts +29 -30
  124. package/css/components/DataList/data-list.js +29 -30
  125. package/css/components/DataList/data-list.mjs +29 -30
  126. package/css/components/DatePicker/date-picker.css +37 -39
  127. package/css/components/DatePicker/date-picker.d.ts +6 -7
  128. package/css/components/DatePicker/date-picker.js +6 -7
  129. package/css/components/DatePicker/date-picker.mjs +6 -7
  130. package/css/components/DescriptionList/description-list-order.css +90 -90
  131. package/css/components/DescriptionList/description-list-order.d.ts +1 -1
  132. package/css/components/DescriptionList/description-list-order.js +1 -1
  133. package/css/components/DescriptionList/description-list-order.mjs +1 -1
  134. package/css/components/DescriptionList/description-list.css +203 -198
  135. package/css/components/DescriptionList/description-list.d.ts +7 -7
  136. package/css/components/DescriptionList/description-list.js +7 -7
  137. package/css/components/DescriptionList/description-list.mjs +7 -7
  138. package/css/components/Divider/divider.css +180 -262
  139. package/css/components/Divider/divider.d.ts +2 -1
  140. package/css/components/Divider/divider.js +2 -1
  141. package/css/components/Divider/divider.mjs +2 -1
  142. package/css/components/DragDrop/drag-drop.css +50 -45
  143. package/css/components/DragDrop/drag-drop.d.ts +3 -4
  144. package/css/components/DragDrop/drag-drop.js +3 -4
  145. package/css/components/DragDrop/drag-drop.mjs +3 -4
  146. package/css/components/Drawer/drawer.css +485 -487
  147. package/css/components/Drawer/drawer.d.ts +17 -16
  148. package/css/components/Drawer/drawer.js +17 -16
  149. package/css/components/Drawer/drawer.mjs +17 -16
  150. package/css/components/DualListSelector/dual-list-selector.css +207 -203
  151. package/css/components/DualListSelector/dual-list-selector.d.ts +28 -29
  152. package/css/components/DualListSelector/dual-list-selector.js +28 -29
  153. package/css/components/DualListSelector/dual-list-selector.mjs +28 -29
  154. package/css/components/EmptyState/empty-state.css +112 -89
  155. package/css/components/EmptyState/empty-state.d.ts +13 -8
  156. package/css/components/EmptyState/empty-state.js +13 -8
  157. package/css/components/EmptyState/empty-state.mjs +13 -8
  158. package/css/components/ExpandableSection/expandable-section.css +120 -118
  159. package/css/components/ExpandableSection/expandable-section.d.ts +7 -9
  160. package/css/components/ExpandableSection/expandable-section.js +7 -9
  161. package/css/components/ExpandableSection/expandable-section.mjs +7 -9
  162. package/css/components/FileUpload/file-upload.css +36 -43
  163. package/css/components/FileUpload/file-upload.d.ts +6 -6
  164. package/css/components/FileUpload/file-upload.js +6 -6
  165. package/css/components/FileUpload/file-upload.mjs +6 -6
  166. package/css/components/Form/form.css +289 -340
  167. package/css/components/Form/form.d.ts +29 -33
  168. package/css/components/Form/form.js +29 -33
  169. package/css/components/Form/form.mjs +29 -33
  170. package/css/components/FormControl/form-control.css +201 -226
  171. package/css/components/FormControl/form-control.d.ts +5 -6
  172. package/css/components/FormControl/form-control.js +5 -6
  173. package/css/components/FormControl/form-control.mjs +5 -6
  174. package/css/components/HelperText/helper-text.css +54 -60
  175. package/css/components/HelperText/helper-text.d.ts +5 -6
  176. package/css/components/HelperText/helper-text.js +5 -6
  177. package/css/components/HelperText/helper-text.mjs +5 -6
  178. package/css/components/Hint/hint.css +51 -43
  179. package/css/components/Hint/hint.d.ts +8 -10
  180. package/css/components/Hint/hint.js +8 -10
  181. package/css/components/Hint/hint.mjs +8 -10
  182. package/css/components/Icon/icon.css +227 -92
  183. package/css/components/Icon/icon.d.ts +15 -4
  184. package/css/components/Icon/icon.js +15 -4
  185. package/css/components/Icon/icon.mjs +15 -4
  186. package/css/components/InlineEdit/inline-edit.css +43 -43
  187. package/css/components/InlineEdit/inline-edit.d.ts +8 -8
  188. package/css/components/InlineEdit/inline-edit.js +8 -8
  189. package/css/components/InlineEdit/inline-edit.mjs +8 -8
  190. package/css/components/InputGroup/input-group.css +54 -71
  191. package/css/components/InputGroup/input-group.d.ts +4 -5
  192. package/css/components/InputGroup/input-group.js +4 -5
  193. package/css/components/InputGroup/input-group.mjs +4 -5
  194. package/css/components/JumpLinks/jump-links.css +185 -186
  195. package/css/components/JumpLinks/jump-links.d.ts +12 -12
  196. package/css/components/JumpLinks/jump-links.js +12 -12
  197. package/css/components/JumpLinks/jump-links.mjs +12 -12
  198. package/css/components/Label/label-group.css +89 -95
  199. package/css/components/Label/label-group.d.ts +8 -8
  200. package/css/components/Label/label-group.js +8 -8
  201. package/css/components/Label/label-group.mjs +8 -8
  202. package/css/components/Label/label.css +460 -424
  203. package/css/components/Label/label.d.ts +23 -15
  204. package/css/components/Label/label.js +23 -15
  205. package/css/components/Label/label.mjs +23 -15
  206. package/css/components/List/list.css +53 -53
  207. package/css/components/List/list.d.ts +3 -3
  208. package/css/components/List/list.js +3 -3
  209. package/css/components/List/list.mjs +3 -3
  210. package/css/components/LogViewer/log-viewer.css +120 -144
  211. package/css/components/LogViewer/log-viewer.d.ts +12 -14
  212. package/css/components/LogViewer/log-viewer.js +12 -14
  213. package/css/components/LogViewer/log-viewer.mjs +12 -14
  214. package/css/components/Login/login.css +152 -201
  215. package/css/components/Login/login.d.ts +18 -20
  216. package/css/components/Login/login.js +18 -20
  217. package/css/components/Login/login.mjs +18 -20
  218. package/css/components/Masthead/masthead.css +396 -571
  219. package/css/components/Masthead/masthead.d.ts +11 -46
  220. package/css/components/Masthead/masthead.js +11 -46
  221. package/css/components/Masthead/masthead.mjs +11 -46
  222. package/css/components/Menu/menu.css +432 -512
  223. package/css/components/Menu/menu.d.ts +30 -31
  224. package/css/components/Menu/menu.js +30 -31
  225. package/css/components/Menu/menu.mjs +30 -31
  226. package/css/components/MenuToggle/menu-toggle.css +337 -353
  227. package/css/components/MenuToggle/menu-toggle.d.ts +21 -17
  228. package/css/components/MenuToggle/menu-toggle.js +21 -17
  229. package/css/components/MenuToggle/menu-toggle.mjs +21 -17
  230. package/css/components/ModalBox/modal-box.css +135 -124
  231. package/css/components/ModalBox/modal-box.d.ts +12 -13
  232. package/css/components/ModalBox/modal-box.js +12 -13
  233. package/css/components/ModalBox/modal-box.mjs +12 -13
  234. package/css/components/MultipleFileUpload/multiple-file-upload.css +168 -142
  235. package/css/components/MultipleFileUpload/multiple-file-upload.d.ts +17 -18
  236. package/css/components/MultipleFileUpload/multiple-file-upload.js +17 -18
  237. package/css/components/MultipleFileUpload/multiple-file-upload.mjs +17 -18
  238. package/css/components/Nav/nav.css +227 -950
  239. package/css/components/Nav/nav.d.ts +21 -31
  240. package/css/components/Nav/nav.js +21 -31
  241. package/css/components/Nav/nav.mjs +21 -31
  242. package/css/components/NotificationBadge/notification-badge.css +67 -67
  243. package/css/components/NotificationBadge/notification-badge.d.ts +1 -1
  244. package/css/components/NotificationBadge/notification-badge.js +1 -1
  245. package/css/components/NotificationBadge/notification-badge.mjs +1 -1
  246. package/css/components/NotificationDrawer/notification-drawer.css +186 -198
  247. package/css/components/NotificationDrawer/notification-drawer.d.ts +22 -22
  248. package/css/components/NotificationDrawer/notification-drawer.js +22 -22
  249. package/css/components/NotificationDrawer/notification-drawer.mjs +22 -22
  250. package/css/components/NumberInput/number-input.css +25 -29
  251. package/css/components/NumberInput/number-input.d.ts +5 -8
  252. package/css/components/NumberInput/number-input.js +5 -8
  253. package/css/components/NumberInput/number-input.mjs +5 -8
  254. package/css/components/OverflowMenu/overflow-menu.css +23 -53
  255. package/css/components/OverflowMenu/overflow-menu.d.ts +6 -8
  256. package/css/components/OverflowMenu/overflow-menu.js +6 -8
  257. package/css/components/OverflowMenu/overflow-menu.mjs +6 -8
  258. package/css/components/Page/page.css +496 -720
  259. package/css/components/Page/page.d.ts +21 -45
  260. package/css/components/Page/page.js +21 -45
  261. package/css/components/Page/page.mjs +21 -45
  262. package/css/components/Pagination/pagination.css +231 -301
  263. package/css/components/Pagination/pagination.d.ts +8 -11
  264. package/css/components/Pagination/pagination.js +8 -11
  265. package/css/components/Pagination/pagination.mjs +8 -11
  266. package/css/components/Panel/panel.css +74 -71
  267. package/css/components/Panel/panel.d.ts +6 -6
  268. package/css/components/Panel/panel.js +6 -6
  269. package/css/components/Panel/panel.mjs +6 -6
  270. package/css/components/Popover/popover.css +148 -159
  271. package/css/components/Popover/popover.d.ts +10 -11
  272. package/css/components/Popover/popover.js +10 -11
  273. package/css/components/Popover/popover.mjs +10 -11
  274. package/css/components/Popper/Popper.css +1 -1
  275. package/css/components/Popper/Popper.d.ts +1 -1
  276. package/css/components/Popper/Popper.js +1 -1
  277. package/css/components/Popper/Popper.mjs +1 -1
  278. package/css/components/Progress/progress.css +84 -99
  279. package/css/components/Progress/progress.d.ts +8 -9
  280. package/css/components/Progress/progress.js +8 -9
  281. package/css/components/Progress/progress.mjs +8 -9
  282. package/css/components/ProgressStepper/progress-stepper.css +520 -519
  283. package/css/components/ProgressStepper/progress-stepper.d.ts +9 -8
  284. package/css/components/ProgressStepper/progress-stepper.js +9 -8
  285. package/css/components/ProgressStepper/progress-stepper.mjs +9 -8
  286. package/css/components/Radio/radio.css +56 -43
  287. package/css/components/Radio/radio.d.ts +5 -5
  288. package/css/components/Radio/radio.js +5 -5
  289. package/css/components/Radio/radio.mjs +5 -5
  290. package/css/components/Sidebar/sidebar.css +253 -243
  291. package/css/components/Sidebar/sidebar.d.ts +5 -4
  292. package/css/components/Sidebar/sidebar.js +5 -4
  293. package/css/components/Sidebar/sidebar.mjs +5 -4
  294. package/css/components/SimpleList/simple-list.css +55 -75
  295. package/css/components/SimpleList/simple-list.d.ts +5 -5
  296. package/css/components/SimpleList/simple-list.js +5 -5
  297. package/css/components/SimpleList/simple-list.mjs +5 -5
  298. package/css/components/Skeleton/skeleton.css +114 -117
  299. package/css/components/Skeleton/skeleton.d.ts +2 -3
  300. package/css/components/Skeleton/skeleton.js +2 -3
  301. package/css/components/Skeleton/skeleton.mjs +2 -3
  302. package/css/components/SkipToContent/skip-to-content.css +11 -8
  303. package/css/components/SkipToContent/skip-to-content.d.ts +1 -1
  304. package/css/components/SkipToContent/skip-to-content.js +1 -1
  305. package/css/components/SkipToContent/skip-to-content.mjs +1 -1
  306. package/css/components/Slider/slider.css +149 -146
  307. package/css/components/Slider/slider.d.ts +13 -13
  308. package/css/components/Slider/slider.js +13 -13
  309. package/css/components/Slider/slider.mjs +13 -13
  310. package/css/components/Spinner/spinner.css +38 -56
  311. package/css/components/Spinner/spinner.d.ts +2 -2
  312. package/css/components/Spinner/spinner.js +2 -2
  313. package/css/components/Spinner/spinner.mjs +2 -2
  314. package/css/components/Switch/switch.css +97 -94
  315. package/css/components/Switch/switch.d.ts +6 -7
  316. package/css/components/Switch/switch.js +6 -7
  317. package/css/components/Switch/switch.mjs +6 -7
  318. package/css/components/TabContent/tab-content.css +36 -31
  319. package/css/components/TabContent/tab-content.d.ts +3 -3
  320. package/css/components/TabContent/tab-content.js +3 -3
  321. package/css/components/TabContent/tab-content.mjs +3 -3
  322. package/css/components/Table/inline-edit.css +31 -31
  323. package/css/components/Table/inline-edit.d.ts +2 -2
  324. package/css/components/Table/inline-edit.js +2 -2
  325. package/css/components/Table/inline-edit.mjs +2 -2
  326. package/css/components/Table/table-grid.css +911 -932
  327. package/css/components/Table/table-grid.d.ts +19 -19
  328. package/css/components/Table/table-grid.js +19 -19
  329. package/css/components/Table/table-grid.mjs +19 -19
  330. package/css/components/Table/table-scrollable.css +43 -39
  331. package/css/components/Table/table-scrollable.d.ts +4 -4
  332. package/css/components/Table/table-scrollable.js +4 -4
  333. package/css/components/Table/table-scrollable.mjs +4 -4
  334. package/css/components/Table/table-tree-view.css +503 -499
  335. package/css/components/Table/table-tree-view.d.ts +19 -18
  336. package/css/components/Table/table-tree-view.js +19 -18
  337. package/css/components/Table/table-tree-view.mjs +19 -18
  338. package/css/components/Table/table.css +631 -868
  339. package/css/components/Table/table.d.ts +43 -41
  340. package/css/components/Table/table.js +43 -41
  341. package/css/components/Table/table.mjs +43 -41
  342. package/css/components/Tabs/tabs.css +622 -656
  343. package/css/components/Tabs/tabs.d.ts +18 -21
  344. package/css/components/Tabs/tabs.js +18 -21
  345. package/css/components/Tabs/tabs.mjs +18 -21
  346. package/css/components/TextInputGroup/text-input-group.css +90 -105
  347. package/css/components/TextInputGroup/text-input-group.d.ts +8 -10
  348. package/css/components/TextInputGroup/text-input-group.js +8 -10
  349. package/css/components/TextInputGroup/text-input-group.mjs +8 -10
  350. package/css/components/Tile/tile.css +71 -113
  351. package/css/components/Tile/tile.d.ts +5 -6
  352. package/css/components/Tile/tile.js +5 -6
  353. package/css/components/Tile/tile.mjs +5 -6
  354. package/css/components/Timestamp/timestamp.css +31 -28
  355. package/css/components/Timestamp/timestamp.d.ts +1 -1
  356. package/css/components/Timestamp/timestamp.js +1 -1
  357. package/css/components/Timestamp/timestamp.mjs +1 -1
  358. package/css/components/Title/title.css +101 -50
  359. package/css/components/Title/title.d.ts +8 -2
  360. package/css/components/Title/title.js +8 -2
  361. package/css/components/Title/title.mjs +8 -2
  362. package/css/components/ToggleGroup/toggle-group.css +93 -88
  363. package/css/components/ToggleGroup/toggle-group.d.ts +5 -6
  364. package/css/components/ToggleGroup/toggle-group.js +5 -6
  365. package/css/components/ToggleGroup/toggle-group.mjs +5 -6
  366. package/css/components/Toolbar/toolbar.css +2620 -1033
  367. package/css/components/Toolbar/toolbar.d.ts +418 -111
  368. package/css/components/Toolbar/toolbar.js +418 -111
  369. package/css/components/Toolbar/toolbar.mjs +418 -111
  370. package/css/components/Tooltip/tooltip.css +88 -90
  371. package/css/components/Tooltip/tooltip.d.ts +3 -4
  372. package/css/components/Tooltip/tooltip.js +3 -4
  373. package/css/components/Tooltip/tooltip.mjs +3 -4
  374. package/css/components/TreeView/tree-view.css +365 -387
  375. package/css/components/TreeView/tree-view.d.ts +16 -20
  376. package/css/components/TreeView/tree-view.js +16 -20
  377. package/css/components/TreeView/tree-view.mjs +16 -20
  378. package/css/components/Truncate/truncate.css +17 -14
  379. package/css/components/Truncate/truncate.d.ts +4 -4
  380. package/css/components/Truncate/truncate.js +4 -4
  381. package/css/components/Truncate/truncate.mjs +4 -4
  382. package/css/components/Wizard/wizard.css +312 -377
  383. package/css/components/Wizard/wizard.d.ts +31 -31
  384. package/css/components/Wizard/wizard.js +31 -31
  385. package/css/components/Wizard/wizard.mjs +31 -31
  386. package/css/components/_index.css +23396 -0
  387. package/css/components/_index.d.ts +1497 -0
  388. package/css/components/_index.js +1498 -0
  389. package/css/components/_index.mjs +1496 -0
  390. package/css/docs/components/Brand/examples/Brand.css +12 -0
  391. package/css/docs/components/Brand/examples/Brand.d.ts +10 -0
  392. package/css/docs/components/Brand/examples/Brand.js +11 -0
  393. package/css/docs/components/Brand/examples/Brand.mjs +9 -0
  394. package/css/docs/components/Button/examples/Button.css +5 -1
  395. package/css/docs/components/Button/examples/Button.d.ts +1 -1
  396. package/css/docs/components/Button/examples/Button.js +1 -1
  397. package/css/docs/components/Button/examples/Button.mjs +1 -1
  398. package/css/docs/components/Divider/examples/Divider.css +3 -1
  399. package/css/docs/components/DragDrop/examples/DragDrop.css +3 -3
  400. package/css/docs/components/DragDrop/examples/DragDrop.d.ts +1 -1
  401. package/css/docs/components/DragDrop/examples/DragDrop.js +1 -1
  402. package/css/docs/components/DragDrop/examples/DragDrop.mjs +1 -1
  403. package/css/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  404. package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +1 -1
  405. package/css/docs/components/Dropdown/deprecated/Dropdown.js +1 -1
  406. package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +1 -1
  407. package/css/docs/components/Label/examples/Label.css +6 -2
  408. package/css/docs/components/Label/examples/Label.d.ts +1 -1
  409. package/css/docs/components/Label/examples/Label.js +1 -1
  410. package/css/docs/components/Label/examples/Label.mjs +1 -1
  411. package/css/docs/components/LogViewer/examples/LogViewer.css +11 -4
  412. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +3 -1
  413. package/css/docs/components/LogViewer/examples/LogViewer.js +3 -1
  414. package/css/docs/components/LogViewer/examples/LogViewer.mjs +3 -1
  415. package/css/docs/components/Menu/examples/Menu.css +8 -12
  416. package/css/docs/components/Menu/examples/Menu.d.ts +3 -2
  417. package/css/docs/components/Menu/examples/Menu.js +3 -2
  418. package/css/docs/components/Menu/examples/Menu.mjs +3 -2
  419. package/css/docs/components/Nav/examples/Navigation.css +18 -28
  420. package/css/docs/components/Nav/examples/Navigation.d.ts +1 -4
  421. package/css/docs/components/Nav/examples/Navigation.js +1 -4
  422. package/css/docs/components/Nav/examples/Navigation.mjs +1 -4
  423. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  424. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  425. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  426. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  427. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  428. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  429. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  430. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  431. package/css/docs/components/Table/examples/Table.css +11 -6
  432. package/css/docs/components/Table/examples/Table.d.ts +3 -1
  433. package/css/docs/components/Table/examples/Table.js +3 -1
  434. package/css/docs/components/Table/examples/Table.mjs +3 -1
  435. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -3
  436. package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts +2 -2
  437. package/css/docs/components/TextInputGroup/examples/TextInputGroup.js +2 -2
  438. package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs +2 -2
  439. package/css/docs/components/Tile/examples/Tile.css +5 -5
  440. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  441. package/css/docs/components/Tile/examples/Tile.js +1 -1
  442. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  443. package/css/docs/components/Toolbar/examples/Toolbar.css +48 -38
  444. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +4 -3
  445. package/css/docs/components/Toolbar/examples/Toolbar.js +4 -3
  446. package/css/docs/components/Toolbar/examples/Toolbar.mjs +4 -3
  447. package/css/docs/components/Tooltip/examples/Tooltip.css +1 -1
  448. package/css/docs/components/Truncate/examples/Truncate.css +3 -3
  449. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  450. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  451. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  452. package/css/docs/demos/Card/examples/Card.css +6 -6
  453. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  454. package/css/docs/demos/Card/examples/Card.js +2 -2
  455. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  456. package/css/docs/demos/Toolbar/examples/Toolbar.css +7 -13
  457. package/css/docs/demos/Toolbar/examples/Toolbar.d.ts +6 -1
  458. package/css/docs/demos/Toolbar/examples/Toolbar.js +6 -1
  459. package/css/docs/demos/Toolbar/examples/Toolbar.mjs +6 -1
  460. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  461. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  462. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  463. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  464. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  465. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  466. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  467. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  468. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  469. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  470. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  471. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  472. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  473. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  474. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  475. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  476. package/css/docs/layouts/Level/examples/Level.css +5 -5
  477. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  478. package/css/docs/layouts/Level/examples/Level.js +2 -2
  479. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  480. package/css/docs/layouts/Split/examples/Split.css +4 -4
  481. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  482. package/css/docs/layouts/Split/examples/Split.js +2 -2
  483. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  484. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  485. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  486. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  487. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  488. package/css/docs/utilities/Alignment/examples/Alignment.css +6 -6
  489. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  490. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  491. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  492. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  493. package/css/docs/utilities/Display/examples/Display.css +3 -10
  494. package/css/docs/utilities/Display/examples/Display.d.ts +0 -8
  495. package/css/docs/utilities/Display/examples/Display.js +0 -8
  496. package/css/docs/utilities/Display/examples/Display.mjs +0 -8
  497. package/css/docs/utilities/Flex/examples/Flex.css +7 -7
  498. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  499. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  500. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  501. package/css/docs/utilities/Float/examples/Float.css +5 -5
  502. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  503. package/css/docs/utilities/Float/examples/Float.js +2 -2
  504. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  505. package/css/docs/utilities/Sizing/examples/Sizing.css +6 -6
  506. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  507. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  508. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  509. package/css/docs/utilities/Spacing/examples/Spacing.css +3 -3
  510. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  511. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  512. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  513. package/css/layouts/Bullseye/bullseye.css +6 -3
  514. package/css/layouts/Bullseye/bullseye.d.ts +1 -1
  515. package/css/layouts/Bullseye/bullseye.js +1 -1
  516. package/css/layouts/Bullseye/bullseye.mjs +1 -1
  517. package/css/layouts/Flex/flex.css +1279 -1276
  518. package/css/layouts/Flex/flex.d.ts +1 -1
  519. package/css/layouts/Flex/flex.js +1 -1
  520. package/css/layouts/Flex/flex.mjs +1 -1
  521. package/css/layouts/Gallery/gallery.css +37 -34
  522. package/css/layouts/Gallery/gallery.d.ts +1 -1
  523. package/css/layouts/Gallery/gallery.js +1 -1
  524. package/css/layouts/Gallery/gallery.mjs +1 -1
  525. package/css/layouts/Grid/grid.css +534 -531
  526. package/css/layouts/Grid/grid.d.ts +2 -2
  527. package/css/layouts/Grid/grid.js +2 -2
  528. package/css/layouts/Grid/grid.mjs +2 -2
  529. package/css/layouts/Level/level.css +7 -4
  530. package/css/layouts/Level/level.d.ts +1 -1
  531. package/css/layouts/Level/level.js +1 -1
  532. package/css/layouts/Level/level.mjs +1 -1
  533. package/css/layouts/Split/split.css +9 -6
  534. package/css/layouts/Split/split.d.ts +2 -2
  535. package/css/layouts/Split/split.js +2 -2
  536. package/css/layouts/Split/split.mjs +2 -2
  537. package/css/layouts/Stack/stack.css +8 -5
  538. package/css/layouts/Stack/stack.d.ts +2 -2
  539. package/css/layouts/Stack/stack.js +2 -2
  540. package/css/layouts/Stack/stack.mjs +2 -2
  541. package/css/layouts/Toolbar/toolbar.css +8 -8
  542. package/css/layouts/_index.css +3454 -0
  543. package/css/layouts/_index.d.ts +846 -0
  544. package/css/layouts/_index.js +847 -0
  545. package/css/layouts/_index.mjs +845 -0
  546. package/css/utilities/Accessibility/accessibility.css +18 -18
  547. package/css/utilities/Accessibility/accessibility.d.ts +18 -18
  548. package/css/utilities/Accessibility/accessibility.js +18 -18
  549. package/css/utilities/Accessibility/accessibility.mjs +18 -18
  550. package/css/utilities/Alignment/alignment.css +36 -36
  551. package/css/utilities/Alignment/alignment.d.ts +24 -24
  552. package/css/utilities/Alignment/alignment.js +24 -24
  553. package/css/utilities/Alignment/alignment.mjs +24 -24
  554. package/css/utilities/BackgroundColor/background-color.css +67 -0
  555. package/css/utilities/BackgroundColor/background-color.d.ts +22 -0
  556. package/css/utilities/BackgroundColor/background-color.js +23 -0
  557. package/css/utilities/BackgroundColor/background-color.mjs +21 -0
  558. package/css/utilities/BoxShadow/box-shadow.css +30 -54
  559. package/css/utilities/BoxShadow/box-shadow.d.ts +15 -21
  560. package/css/utilities/BoxShadow/box-shadow.js +15 -21
  561. package/css/utilities/BoxShadow/box-shadow.mjs +15 -21
  562. package/css/utilities/Display/display.css +92 -54
  563. package/css/utilities/Display/display.d.ts +66 -54
  564. package/css/utilities/Display/display.js +66 -54
  565. package/css/utilities/Display/display.mjs +66 -54
  566. package/css/utilities/Flex/flex.css +228 -228
  567. package/css/utilities/Flex/flex.d.ts +228 -228
  568. package/css/utilities/Flex/flex.js +228 -228
  569. package/css/utilities/Flex/flex.mjs +228 -228
  570. package/css/utilities/Float/float.css +24 -24
  571. package/css/utilities/Float/float.d.ts +12 -12
  572. package/css/utilities/Float/float.js +12 -12
  573. package/css/utilities/Float/float.mjs +12 -12
  574. package/css/utilities/Sizing/sizing.css +244 -244
  575. package/css/utilities/Sizing/sizing.d.ts +196 -196
  576. package/css/utilities/Sizing/sizing.js +196 -196
  577. package/css/utilities/Sizing/sizing.mjs +196 -196
  578. package/css/utilities/Spacing/spacing.css +1512 -1512
  579. package/css/utilities/Spacing/spacing.d.ts +840 -840
  580. package/css/utilities/Spacing/spacing.js +840 -840
  581. package/css/utilities/Spacing/spacing.mjs +840 -840
  582. package/css/utilities/Text/text.css +481 -724
  583. package/css/utilities/Text/text.d.ts +250 -278
  584. package/css/utilities/Text/text.js +250 -278
  585. package/css/utilities/Text/text.mjs +250 -278
  586. package/css/utilities/_index.css +7815 -0
  587. package/css/utilities/_index.d.ts +1671 -0
  588. package/css/utilities/_index.js +1672 -0
  589. package/css/utilities/_index.mjs +1670 -0
  590. package/package.json +3 -3
  591. package/scripts/generateClassMaps.js +1 -1
  592. package/src/css/components/Consoles/AccessConsoles.css +5 -5
  593. package/src/css/components/Consoles/DesktopViewer.css +2 -2
  594. package/src/css/components/Consoles/SerialConsole.css +4 -4
  595. package/src/css/components/Consoles/VncConsole.css +3 -3
  596. package/src/css/components/Popper/Popper.css +1 -1
  597. package/src/css/components/Table/inline-edit.css +31 -31
  598. package/src/css/layouts/Toolbar/toolbar.css +8 -8
  599. package/css/components/AppLauncher/app-launcher.css +0 -244
  600. package/css/components/AppLauncher/app-launcher.d.ts +0 -29
  601. package/css/components/AppLauncher/app-launcher.js +0 -30
  602. package/css/components/AppLauncher/app-launcher.mjs +0 -28
  603. package/css/components/Chip/chip-group.css +0 -93
  604. package/css/components/Chip/chip-group.d.ts +0 -13
  605. package/css/components/Chip/chip-group.js +0 -14
  606. package/css/components/Chip/chip-group.mjs +0 -12
  607. package/css/components/Chip/chip.css +0 -122
  608. package/css/components/Chip/chip.d.ts +0 -16
  609. package/css/components/Chip/chip.js +0 -17
  610. package/css/components/Chip/chip.mjs +0 -15
  611. package/css/components/ContextSelector/context-selector.css +0 -336
  612. package/css/components/ContextSelector/context-selector.d.ts +0 -25
  613. package/css/components/ContextSelector/context-selector.js +0 -26
  614. package/css/components/ContextSelector/context-selector.mjs +0 -24
  615. package/css/components/Dropdown/dropdown.css +0 -688
  616. package/css/components/Dropdown/dropdown.d.ts +0 -56
  617. package/css/components/Dropdown/dropdown.js +0 -57
  618. package/css/components/Dropdown/dropdown.mjs +0 -55
  619. package/css/components/OptionsMenu/options-menu.css +0 -279
  620. package/css/components/OptionsMenu/options-menu.d.ts +0 -27
  621. package/css/components/OptionsMenu/options-menu.js +0 -28
  622. package/css/components/OptionsMenu/options-menu.mjs +0 -26
  623. package/css/components/Select/select.css +0 -599
  624. package/css/components/Select/select.d.ts +0 -61
  625. package/css/components/Select/select.js +0 -62
  626. package/css/components/Select/select.mjs +0 -60
  627. package/css/docs/components/Avatar/examples/Avatar.css +0 -3
  628. package/css/docs/components/Avatar/examples/Avatar.d.ts +0 -3
  629. package/css/docs/components/Avatar/examples/Avatar.js +0 -4
  630. package/css/docs/components/Avatar/examples/Avatar.mjs +0 -2
  631. package/css/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  632. package/css/docs/components/Breadcrumb/examples/Breadcrumb.d.ts +0 -3
  633. package/css/docs/components/Breadcrumb/examples/Breadcrumb.js +0 -4
  634. package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +0 -2
  635. package/css/docs/components/Page/deprecated/PageHeader.css +0 -17
  636. package/css/docs/components/Page/deprecated/PageHeader.d.ts +0 -12
  637. package/css/docs/components/Page/deprecated/PageHeader.js +0 -13
  638. package/css/docs/components/Page/deprecated/PageHeader.mjs +0 -11
  639. package/css/docs/components/Tabs/examples/Tabs.css +0 -10
  640. package/css/docs/components/Tabs/examples/Tabs.d.ts +0 -6
  641. package/css/docs/components/Tabs/examples/Tabs.js +0 -7
  642. package/css/docs/components/Tabs/examples/Tabs.mjs +0 -5
  643. package/css/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  644. package/css/docs/components/ToggleGroup/examples/toggle-group.d.ts +0 -5
  645. package/css/docs/components/ToggleGroup/examples/toggle-group.js +0 -6
  646. package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +0 -4
  647. package/css/docs/utilities/Text/examples/Text.css +0 -0
  648. package/css/docs/utilities/Text/examples/Text.d.ts +0 -3
  649. package/css/docs/utilities/Text/examples/Text.js +0 -4
  650. package/css/docs/utilities/Text/examples/Text.mjs +0 -2
  651. package/css/utilities/BackgroundColor/BackgroundColor.css +0 -414
  652. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +0 -101
  653. package/css/utilities/BackgroundColor/BackgroundColor.js +0 -102
  654. package/css/utilities/BackgroundColor/BackgroundColor.mjs +0 -100
  655. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  656. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  657. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  658. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  659. package/css/utilities/Text/themes/dark/text.css +0 -0
  660. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  661. package/css/utilities/Text/themes/dark/text.js +0 -4
  662. package/css/utilities/Text/themes/dark/text.mjs +0 -2
package/css/components/Toolbar/toolbar.css CHANGED
@@ -1,1231 +1,2818 @@
1
- .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group {
2
- --pf-v5-hidden-visible--hidden--Display: none;
3
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
4
- display: var(--pf-v5-hidden-visible--Display);
1
+ :where(:root, .pf-v6-c-toolbar) {
2
+ --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
3
+ --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
4
+ --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
5
+ --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
6
+ --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
7
+ --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
8
+ --pf-v6-c-toolbar--BackgroundColor: transparent;
9
+ --pf-v6-c-toolbar--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
10
+ --pf-v6-c-toolbar--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11
+ --pf-v6-c-toolbar--m-no-background--BackgroundColor: transparent;
12
+ --pf-v6-c-toolbar__item--Width: auto;
13
+ --pf-v6-c-toolbar__item--MinWidth: auto;
14
+ --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
15
+ --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
16
+ --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
17
+ --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
18
+ --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
19
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
20
+ --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
21
+ --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
22
+ --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23
+ --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
24
+ --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
25
+ --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26
+ --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
27
+ --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
28
+ --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
29
+ --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
30
+ --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
31
+ --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
5
32
  }
6
- .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 {
7
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
33
+
34
+ .pf-v6-c-toolbar__content-section,
35
+ .pf-v6-c-toolbar__group,
36
+ .pf-v6-c-toolbar__item,
37
+ .pf-v6-c-toolbar__group.pf-m-label-group-container,
38
+ .pf-v6-c-toolbar__group.pf-m-label-group {
39
+ --pf-v6-hidden-visible--visible--Display: flex;
40
+ --pf-v6-hidden-visible--hidden--Display: none;
41
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
42
+ display: var(--pf-v6-hidden-visible--Display);
43
+ flex-wrap: wrap;
44
+ }
45
+ .pf-v6-c-toolbar__content-section.pf-m-hidden,
46
+ .pf-v6-c-toolbar__group.pf-m-hidden,
47
+ .pf-v6-c-toolbar__item.pf-m-hidden,
48
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden,
49
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden {
50
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8
51
  }
9
52
  @media screen and (min-width: 576px) {
10
- .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 {
11
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
53
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
54
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
55
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-sm,
56
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-sm,
57
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-sm {
58
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
12
59
  }
13
- .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 {
14
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
60
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm,
61
+ .pf-v6-c-toolbar__group.pf-m-visible-on-sm,
62
+ .pf-v6-c-toolbar__item.pf-m-visible-on-sm,
63
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-sm,
64
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-sm {
65
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
15
66
  }
16
67
  }
17
68
  @media screen and (min-width: 768px) {
18
- .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 {
19
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
69
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
70
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
71
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-md,
72
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-md,
73
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-md {
74
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
20
75
  }
21
- .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 {
22
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
76
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-md,
77
+ .pf-v6-c-toolbar__group.pf-m-visible-on-md,
78
+ .pf-v6-c-toolbar__item.pf-m-visible-on-md,
79
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-md,
80
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-md {
81
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23
82
  }
24
83
  }
25
84
  @media screen and (min-width: 992px) {
26
- .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 {
27
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
85
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
86
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
87
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-lg,
88
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-lg,
89
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-lg {
90
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
28
91
  }
29
- .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 {
30
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
92
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg,
93
+ .pf-v6-c-toolbar__group.pf-m-visible-on-lg,
94
+ .pf-v6-c-toolbar__item.pf-m-visible-on-lg,
95
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-lg,
96
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-lg {
97
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31
98
  }
32
99
  }
33
100
  @media screen and (min-width: 1200px) {
34
- .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 {
35
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
101
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
102
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
103
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-xl,
104
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-xl,
105
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-xl {
106
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
36
107
  }
37
- .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 {
38
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
108
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl,
109
+ .pf-v6-c-toolbar__group.pf-m-visible-on-xl,
110
+ .pf-v6-c-toolbar__item.pf-m-visible-on-xl,
111
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-xl,
112
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-xl {
113
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
39
114
  }
40
115
  }
41
116
  @media screen and (min-width: 1450px) {
42
- .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 {
43
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
117
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
118
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
119
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl,
120
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-2xl,
121
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-2xl {
122
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
44
123
  }
45
- .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 {
46
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
124
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl,
125
+ .pf-v6-c-toolbar__group.pf-m-visible-on-2xl,
126
+ .pf-v6-c-toolbar__item.pf-m-visible-on-2xl,
127
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-2xl,
128
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-2xl {
129
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
47
130
  }
48
131
  }
49
132
 
50
- :root {
51
- --pf-v5-c-toolbar--AlignItems--base: flex-start;
52
- --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
53
- --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
54
- --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
55
- --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-global--spacer--md);
56
- --pf-v5-c-toolbar--item--RowGap--base: var(--pf-v5-global--spacer--xs);
57
- --pf-v5-c-toolbar__item--Display: flex;
58
- --pf-v5-c-toolbar__item--MinWidth--base: auto;
59
- --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
60
- --pf-v5-c-toolbar__item--AlignSelf: var(--pf-v5-c-toolbar--AlignItems--base);
61
- --pf-v5-c-toolbar__group--Display: flex;
62
- --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
63
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
64
- --pf-v5-c-toolbar__group--AlignSelf: auto;
65
- --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
66
- --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
67
- --pf-v5-c-toolbar--m-align-items-center--AlignItems: center;
68
- --pf-v5-c-toolbar--m-align-items-baseline--AlignItems: baseline;
69
- --pf-v5-c-toolbar--m-align-self-center--AlignSelf: center;
70
- --pf-v5-c-toolbar--m-align-self-baseline--AlignSelf: baseline;
71
- --pf-v5-c-toolbar__content--Display: flex;
72
- --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
73
- --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
74
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md);
75
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md);
76
- --pf-v5-c-toolbar__content-section--Display: flex;
77
- --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
78
- --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
79
- --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md);
80
- --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
81
- --pf-v5-c-toolbar__expandable-content--Display: grid;
82
- --pf-v5-c-toolbar__expandable-content--PaddingTop: 0;
83
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__content--PaddingRight);
84
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
85
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__content--PaddingLeft);
86
- --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: 0;
87
- --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: 0;
88
- --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: 0;
89
- --pf-v5-c-toolbar__expandable-content--ZIndex: var(--pf-v5-global--ZIndex--sm);
90
- --pf-v5-c-toolbar__expandable-content--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
91
- --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-toolbar--BackgroundColor);
92
- --pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-v5-global--gutter--md);
93
- --pf-v5-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-v5-global--spacer--md) * -1);
94
- --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md);
95
- --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md);
96
- --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base);
97
- --pf-v5-c-toolbar__item--Width: auto;
98
- --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
99
- --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm);
100
- --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer);
101
- --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
102
- --pf-v5-c-toolbar__group--m-icon-button-group--space-items: 0;
103
- --pf-v5-c-toolbar__group--m-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
104
- --pf-v5-c-toolbar__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
105
- --pf-v5-c-toolbar__group--m-filter-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
106
- --pf-v5-c-toolbar__group--m-filter-group--space-items: 0;
107
- --pf-v5-c-toolbar__item--m-overflow-menu--spacer: var(--pf-v5-c-toolbar__item--spacer);
108
- --pf-v5-c-toolbar__item--m-bulk-select--spacer: var(--pf-v5-global--spacer--lg);
109
- --pf-v5-c-toolbar__expand-all-icon--Rotate: 0;
110
- --pf-v5-c-toolbar__expand-all-icon--Transition: var(--pf-v5-global--Transition);
111
- --pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
112
- --pf-v5-c-toolbar__item--m-search-filter--spacer: var(--pf-v5-global--spacer--sm);
113
- --pf-v5-c-toolbar__item--m-chip-group--spacer: var(--pf-v5-global--spacer--sm);
114
- --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
115
- --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
116
- --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
117
- --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
118
- --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));
119
- --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
120
- --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-v5-global--Color--100);
121
- --pf-v5-c-toolbar--c-divider--m-vertical--spacer: var(--pf-v5-c-toolbar--spacer--base);
122
- --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
123
- --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
124
- --pf-v5-c-toolbar--m-full-height__item--Display: flex;
125
- --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
126
- }
127
-
128
- .pf-v5-c-toolbar {
133
+ .pf-v6-c-toolbar,
134
+ .pf-v6-c-toolbar__content {
129
135
  position: relative;
130
136
  display: grid;
131
- row-gap: var(--pf-v5-c-toolbar--RowGap);
132
- padding-block-start: var(--pf-v5-c-toolbar--PaddingTop);
133
- padding-block-end: var(--pf-v5-c-toolbar--PaddingBottom);
134
- background-color: var(--pf-v5-c-toolbar--BackgroundColor);
135
- }
136
- @media screen and (min-width: 992px) {
137
- .pf-v5-c-toolbar {
138
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingRight);
139
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom);
140
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft);
141
- }
142
- }
143
- @media screen and (min-width: 1200px) {
144
- .pf-v5-c-toolbar {
145
- --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-c-toolbar--m-page-insets--xl--inset);
146
- }
147
137
  }
148
- .pf-v5-c-toolbar.pf-m-page-insets {
149
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--m-page-insets--inset);
150
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--m-page-insets--inset);
151
- }
152
- .pf-v5-c-toolbar.pf-m-sticky {
138
+
139
+ .pf-v6-c-toolbar {
140
+ width: var(--pf-v6-c-toolbar--Width, auto);
141
+ font-size: var(--pf-v6-c-toolbar--FontSize);
142
+ line-height: var(--pf-v6-c-toolbar--LineHeight);
143
+ background-color: var(--pf-v6-c-toolbar--BackgroundColor);
144
+ }
145
+ .pf-v6-c-toolbar.pf-m-sticky {
146
+ --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-sticky--BackgroundColor);
153
147
  position: sticky;
154
148
  inset-block-start: 0;
155
- z-index: var(--pf-v5-c-toolbar--m-sticky--ZIndex);
156
- box-shadow: var(--pf-v5-c-toolbar--m-sticky--BoxShadow);
157
- }
158
- .pf-v5-c-toolbar.pf-m-full-height {
159
- --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
160
- --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
161
- --pf-v5-c-toolbar__item--Display: var(--pf-v5-c-toolbar--m-full-height__item--Display);
162
- height: 100%;
163
- }
164
- .pf-v5-c-toolbar.pf-m-full-height,
165
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
166
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
167
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__expandable-content,
168
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group {
169
- min-width: 0;
170
- }
171
- .pf-v5-c-toolbar.pf-m-full-height,
172
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
173
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
174
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group,
175
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
176
- align-self: stretch;
149
+ z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
150
+ box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
177
151
  }
178
- .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
179
- --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
180
- }
181
- .pf-v5-c-toolbar.pf-m-static,
182
- .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
152
+ .pf-v6-c-toolbar.pf-m-static .pf-v6-c-toolbar__content {
183
153
  position: static;
184
154
  }
185
- .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__expandable-content {
155
+ .pf-v6-c-toolbar.pf-m-static .pf-v6-c-toolbar__expandable-content {
186
156
  position: absolute;
187
157
  }
188
-
189
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider,
190
- .pf-v5-c-toolbar__group > .pf-v5-c-divider {
191
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar--c-divider--m-vertical--spacer);
192
- }
193
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical,
194
- .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical {
195
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
158
+ .pf-v6-c-toolbar.pf-m-full-height {
159
+ --pf-v6-c-toolbar--PaddingBlockStart: 0;
160
+ --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
196
161
  }
197
- .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical:last-child,
198
- .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
199
- --pf-v5-c-toolbar--spacer: 0;
200
- }
201
- .pf-v5-c-toolbar__content-section.pf-m-align-items-start,
202
- .pf-v5-c-toolbar__group.pf-m-align-items-start {
203
- align-items: flex-start;
204
- }
205
- .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
206
- .pf-v5-c-toolbar__group.pf-m-align-items-center {
207
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
162
+ .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
163
+ .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
164
+ align-items: stretch;
165
+ align-self: stretch;
208
166
  }
209
- .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
210
- .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
211
- --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems);
167
+ .pf-v6-c-toolbar.pf-m-page-insets {
168
+ --pf-v6-c-toolbar--PaddingInlineStart: var(--pf-v6-c-toolbar--m-page-insets--inset);
169
+ --pf-v6-c-toolbar--PaddingInlineEnd: var(--pf-v6-c-toolbar--m-page-insets--inset);
212
170
  }
213
- .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
214
- .pf-v5-c-toolbar__group.pf-m-align-self-start {
215
- align-self: flex-start;
171
+ .pf-v6-c-toolbar.pf-m-primary {
172
+ --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
216
173
  }
217
- .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
218
- .pf-v5-c-toolbar__group.pf-m-align-self-center {
219
- --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-center--AlignItems);
174
+ .pf-v6-c-toolbar.pf-m-secondary {
175
+ --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-secondary--BackgroundColor);
220
176
  }
221
- .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
222
- .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
223
- --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems);
177
+ .pf-v6-c-toolbar.pf-m-no-background {
178
+ --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
224
179
  }
225
180
 
226
- .pf-v5-c-toolbar__group {
227
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
228
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
229
- row-gap: var(--pf-v5-c-toolbar__group--RowGap);
230
- align-items: var(--pf-v5-c-toolbar__group--AlignItems);
231
- align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
232
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
233
- }
234
- .pf-v5-c-toolbar__group.pf-m-button-group {
235
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
236
- }
237
- .pf-v5-c-toolbar__group.pf-m-button-group > * {
238
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--space-items);
181
+ .pf-v6-c-toolbar__content,
182
+ .pf-v6-c-toolbar__content-section,
183
+ .pf-v6-c-toolbar__expandable-content {
184
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
185
+ column-gap: var(--pf-v6-c-toolbar--ColumnGap);
239
186
  }
240
- .pf-v5-c-toolbar__group.pf-m-icon-button-group {
241
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--spacer);
242
- }
243
- .pf-v5-c-toolbar__group.pf-m-icon-button-group > * {
244
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--space-items);
245
- }
246
- .pf-v5-c-toolbar__group.pf-m-filter-group {
247
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--spacer);
248
- }
249
- .pf-v5-c-toolbar__group.pf-m-filter-group > * {
250
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--space-items);
251
- }
252
- .pf-v5-c-toolbar__group.pf-m-filter-group > * + * {
253
- margin-inline-start: -1px;
254
- }
255
- .pf-v5-c-toolbar__group.pf-m-toggle-group {
256
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--spacer);
187
+
188
+ .pf-v6-c-toolbar__content,
189
+ .pf-v6-c-toolbar__expandable-content {
190
+ padding-block-start: var(--pf-v6-c-toolbar__content--PaddingBlockStart, var(--pf-v6-c-toolbar__content--PaddingBlock));
191
+ padding-block-end: var(--pf-v6-c-toolbar__content--PaddingBlockEnd, var(--pf-v6-c-toolbar__content--PaddingBlock));
192
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart, var(--pf-v6-c-toolbar__content--PaddingInline));
193
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd, var(--pf-v6-c-toolbar__content--PaddingInline));
257
194
  }
258
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__group,
259
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__item {
260
- display: none;
195
+
196
+ .pf-v6-c-toolbar__content-section {
197
+ align-items: start;
261
198
  }
262
- .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__toggle {
263
- display: inline-block;
199
+ .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) .pf-v6-c-toolbar__item.pf-m-pagination {
200
+ margin-inline-start: revert;
264
201
  }
265
- .pf-v5-c-toolbar__group:last-child {
266
- --pf-v5-c-toolbar--spacer: 0;
202
+ .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) > .pf-v6-c-toolbar__group:nth-last-child(2),
203
+ .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) > .pf-v6-c-toolbar__item:nth-last-child(2) {
204
+ flex: 1;
267
205
  }
268
206
 
269
- .pf-v5-c-toolbar__item {
270
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
271
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
272
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
273
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
274
- align-items: var(--pf-v5-c-toolbar__item--AlignItems);
275
- align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
276
- width: var(--pf-v5-c-toolbar__item--Width--base);
277
- min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
278
- margin-inline-end: var(--pf-v5-c-toolbar--spacer);
207
+ .pf-v6-c-toolbar__item {
208
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
209
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
210
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap, var(--pf-v6-c-toolbar--RowGap));
211
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
212
+ width: var(--pf-v6-c-toolbar__item--Width--base);
213
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
279
214
  }
280
215
  @media (min-width: 576px) {
281
- .pf-v5-c-toolbar__item {
282
- --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width));
216
+ .pf-v6-c-toolbar__item {
217
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
283
218
  }
284
219
  }
285
220
  @media (min-width: 768px) {
286
- .pf-v5-c-toolbar__item {
287
- --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)));
221
+ .pf-v6-c-toolbar__item {
222
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
288
223
  }
289
224
  }
290
225
  @media (min-width: 992px) {
291
- .pf-v5-c-toolbar__item {
292
- --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))));
226
+ .pf-v6-c-toolbar__item {
227
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
293
228
  }
294
229
  }
295
230
  @media (min-width: 1200px) {
296
- .pf-v5-c-toolbar__item {
297
- --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)))));
231
+ .pf-v6-c-toolbar__item {
232
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
298
233
  }
299
234
  }
300
235
  @media (min-width: 1450px) {
301
- .pf-v5-c-toolbar__item {
302
- --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))))));
236
+ .pf-v6-c-toolbar__item {
237
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
303
238
  }
304
239
  }
305
240
  @media (min-width: 576px) {
306
- .pf-v5-c-toolbar__item {
307
- --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth));
241
+ .pf-v6-c-toolbar__item {
242
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
308
243
  }
309
244
  }
310
245
  @media (min-width: 768px) {
311
- .pf-v5-c-toolbar__item {
312
- --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)));
246
+ .pf-v6-c-toolbar__item {
247
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
313
248
  }
314
249
  }
315
250
  @media (min-width: 992px) {
316
- .pf-v5-c-toolbar__item {
317
- --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))));
251
+ .pf-v6-c-toolbar__item {
252
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
318
253
  }
319
254
  }
320
255
  @media (min-width: 1200px) {
321
- .pf-v5-c-toolbar__item {
322
- --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)))));
256
+ .pf-v6-c-toolbar__item {
257
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
323
258
  }
324
259
  }
325
260
  @media (min-width: 1450px) {
326
- .pf-v5-c-toolbar__item {
327
- --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))))));
261
+ .pf-v6-c-toolbar__item {
262
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
328
263
  }
329
264
  }
330
- .pf-v5-c-toolbar__item.pf-m-align-items-start {
331
- align-items: flex-start;
332
- }
333
- .pf-v5-c-toolbar__item.pf-m-align-items-center {
334
- align-items: center;
335
- }
336
- .pf-v5-c-toolbar__item.pf-m-align-items-baseline {
337
- align-items: baseline;
338
- }
339
- .pf-v5-c-toolbar__item.pf-m-align-self-start {
340
- align-self: flex-start;
341
- }
342
- .pf-v5-c-toolbar__item.pf-m-align-self-center {
343
- align-self: center;
344
- }
345
- .pf-v5-c-toolbar__item.pf-m-align-self-baseline {
346
- align-self: baseline;
347
- }
348
- .pf-v5-c-toolbar__item.pf-m-overflow-menu {
349
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-overflow-menu--spacer);
350
- }
351
- .pf-v5-c-toolbar__item.pf-m-bulk-select {
352
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-bulk-select--spacer);
353
- }
354
- .pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
355
- --pf-v5-c-toolbar__expand-all-icon--Rotate: var(--pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
265
+ .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
266
+ --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
356
267
  }
357
- .pf-v5-c-toolbar__item.pf-m-search-filter {
358
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-search-filter--spacer);
268
+ .pf-v6-c-toolbar__item.pf-m-label {
269
+ font-weight: var(--pf-v6-c-toolbar__item--m-label--FontWeight);
359
270
  }
360
- .pf-v5-c-toolbar__item.pf-m-chip-group {
361
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-chip-group--spacer);
362
- }
363
- .pf-v5-c-toolbar__item.pf-m-label {
364
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
365
- font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
366
- transform: translateY(var(--pf-v5-global--spacer--form-element));
367
- }
368
- .pf-v5-c-toolbar__item.pf-m-pagination {
271
+ .pf-v6-c-toolbar__item.pf-m-pagination {
369
272
  margin-inline-start: auto;
370
273
  }
371
- .pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination {
274
+ .pf-v6-c-toolbar__item.pf-m-pagination.pf-v6-c-pagination {
372
275
  flex-wrap: nowrap;
373
276
  }
374
- .pf-v5-c-toolbar__item:last-child {
375
- --pf-v5-c-toolbar--spacer: 0;
376
- }
377
-
378
- .pf-v5-c-toolbar__group.pf-m-overflow-container,
379
- .pf-v5-c-toolbar__item.pf-m-overflow-container {
380
- flex: 1;
381
- overflow: hidden;
277
+ .pf-v6-c-toolbar__item.pf-m-overflow-container {
278
+ min-width: var(--pf-v6-c-toolbar__item--m-overflow-container--MinWidth);
382
279
  }
383
280
 
384
- .pf-v5-c-toolbar__expand-all-icon {
385
- display: inline-block;
386
- transition: var(--pf-v5-c-toolbar__expand-all-icon--Transition);
387
- transform: rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate));
388
- }
389
-
390
- .pf-v5-c-toolbar__content,
391
- .pf-v5-c-toolbar__content-section {
392
- flex-wrap: wrap;
281
+ .pf-v6-c-toolbar__group {
282
+ row-gap: var(--pf-v6-c-toolbar__group--RowGap, var(--pf-v6-c-toolbar--RowGap));
283
+ column-gap: var(--pf-v6-c-toolbar__group--ColumnGap, var(--pf-v6-c-toolbar--ColumnGap));
284
+ align-items: baseline;
393
285
  }
394
-
395
- .pf-v5-c-toolbar__content {
396
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display);
397
- position: relative;
398
- row-gap: var(--pf-v5-c-toolbar__content--RowGap);
399
- align-items: var(--pf-v5-c-toolbar__content--AlignItems);
400
- padding-inline-start: var(--pf-v5-c-toolbar__content--PaddingLeft);
401
- padding-inline-end: var(--pf-v5-c-toolbar__content--PaddingRight);
286
+ .pf-v6-c-toolbar__group.pf-m-icon-button-group {
287
+ column-gap: var(--pf-v6-c-toolbar__group--m-icon-button-group--ColumnGap, 0);
402
288
  }
403
-
404
- .pf-v5-c-toolbar__content-section {
405
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content-section--Display);
406
- row-gap: var(--pf-v5-c-toolbar__content-section--RowGap);
407
- align-items: var(--pf-v5-c-toolbar__content-section--AlignItems);
408
- width: 100%;
289
+ .pf-v6-c-toolbar__group.pf-m-filter-group {
290
+ column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
409
291
  }
410
- .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
411
- align-items: flex-start;
292
+ .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-label-group-container {
293
+ flex-wrap: nowrap;
412
294
  }
413
- .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
414
- --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
295
+ .pf-v6-c-toolbar__group.pf-m-label-group {
296
+ flex: 1;
415
297
  }
416
- .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
417
- align-items: baseline;
298
+ .pf-v6-c-toolbar__group.pf-m-overflow-container {
299
+ min-width: var(--pf-v6-c-toolbar__group--m-overflow-container--MinWidth);
418
300
  }
419
301
 
420
- .pf-v5-c-toolbar__expandable-content {
302
+ .pf-v6-c-toolbar__expandable-content {
421
303
  position: absolute;
422
- inset-block-start: calc(100% + var(--pf-v5-c-toolbar__content--RowGap));
423
- inset-inline-start: 0;
424
- inset-inline-end: 0;
425
- z-index: var(--pf-v5-c-toolbar__expandable-content--ZIndex);
304
+ inset-block-start: 100%;
305
+ z-index: var(--pf-v6-c-toolbar__expandable-content--ZIndex);
426
306
  display: none;
427
307
  width: 100%;
428
- padding-block-start: var(--pf-v5-c-toolbar__expandable-content--PaddingTop);
429
- padding-block-end: var(--pf-v5-c-toolbar__expandable-content--PaddingBottom);
430
- padding-inline-start: var(--pf-v5-c-toolbar__expandable-content--PaddingLeft);
431
- padding-inline-end: var(--pf-v5-c-toolbar__expandable-content--PaddingRight);
432
- background-color: var(--pf-v5-c-toolbar__expandable-content--BackgroundColor);
433
- box-shadow: var(--pf-v5-c-toolbar__expandable-content--BoxShadow);
308
+ background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
309
+ box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
434
310
  }
435
311
  @media screen and (min-width: 992px) {
436
- .pf-v5-c-toolbar__expandable-content {
312
+ .pf-v6-c-toolbar__expandable-content {
437
313
  position: static;
314
+ padding: 0;
438
315
  box-shadow: none;
439
316
  }
440
317
  }
441
- .pf-v5-c-toolbar__expandable-content.pf-m-expanded {
318
+ .pf-v6-c-toolbar__expandable-content.pf-m-expanded,
319
+ .pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__group {
442
320
  display: grid;
443
- grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
444
321
  }
445
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group,
446
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item {
447
- --pf-v5-c-toolbar--spacer: 0;
322
+ .pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__item > * {
323
+ flex-basis: 100%;
448
324
  }
449
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group {
450
- display: grid;
451
- grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
325
+
326
+ .pf-v6-c-toolbar__expand-all-icon {
327
+ display: inline-block;
328
+ transition: var(--pf-v6-c-toolbar__expand-all-icon--Transition);
329
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
452
330
  }
453
- .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label {
454
- margin-block-end: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
455
- font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
331
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
332
+ scale: -1 1;
456
333
  }
457
334
 
458
- .pf-v5-c-toolbar__content.pf-m-chip-container,
459
- .pf-v5-c-toolbar__group.pf-m-chip-container {
460
- display: flex;
461
- flex-wrap: wrap;
462
- grid-row-gap: 0;
463
- align-items: baseline;
464
- margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop);
465
- }
466
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
467
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
468
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
469
- --pf-v5-c-toolbar__item--AlignSelf: auto;
470
- margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
471
- }
472
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
473
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
474
- --pf-v5-c-toolbar__group--AlignItems: center;
475
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
476
- display: flex;
477
- flex-wrap: wrap;
478
- grid-row-gap: 0;
335
+ .pf-v6-c-toolbar__group,
336
+ .pf-v6-c-toolbar__item {
337
+ align-self: baseline;
479
338
  }
480
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
481
- .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item:last-child,
482
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
483
- .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item:last-child {
484
- --pf-v5-c-toolbar--spacer: 0;
339
+ .pf-v6-c-toolbar__group.pf-m-overflow-container,
340
+ .pf-v6-c-toolbar__item.pf-m-overflow-container {
341
+ flex: 1;
342
+ overflow: auto;
485
343
  }
486
344
 
487
- .pf-v5-c-toolbar .pf-v5-c-chip-group:last-child {
488
- --pf-v5-c-chip-group--MarginRight: 0;
345
+ .pf-v6-c-toolbar__group.pf-m-align-start,
346
+ .pf-v6-c-toolbar__item.pf-m-align-start {
347
+ margin-inline-start: 0;
489
348
  }
490
-
491
- .pf-v5-c-toolbar .pf-v5-c-chip-group li:last-child {
492
- --pf-v5-c-chip-group__li--m-toolbar--MarginRight: 0;
349
+ .pf-v6-c-toolbar__group.pf-m-align-center,
350
+ .pf-v6-c-toolbar__item.pf-m-align-center {
351
+ margin-inline-start: auto;
352
+ margin-inline-end: auto;
493
353
  }
494
-
495
- .pf-v5-c-toolbar__toggle.pf-m-expanded .pf-v5-c-button.pf-m-plain {
496
- color: var(--pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color);
354
+ .pf-v6-c-toolbar__group.pf-m-align-end,
355
+ .pf-v6-c-toolbar__item.pf-m-align-end {
356
+ margin-inline-start: auto;
497
357
  }
498
-
499
- .pf-m-toggle-group.pf-m-show {
500
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
358
+ .pf-v6-c-toolbar__group.pf-m-flex-grow,
359
+ .pf-v6-c-toolbar__item.pf-m-flex-grow {
360
+ flex-grow: 1;
501
361
  }
502
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__group,
503
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__item {
504
- display: flex;
505
- flex: 0 1 auto;
362
+ .pf-v6-c-toolbar__group.pf-m-align-self-stretch,
363
+ .pf-v6-c-toolbar__item.pf-m-align-self-stretch {
364
+ align-self: stretch;
506
365
  }
507
- .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__toggle {
508
- display: none;
366
+ .pf-v6-c-toolbar__group.pf-m-align-self-baseline,
367
+ .pf-v6-c-toolbar__item.pf-m-align-self-baseline {
368
+ align-self: baseline;
369
+ }
370
+ .pf-v6-c-toolbar__group.pf-m-align-self-start,
371
+ .pf-v6-c-toolbar__item.pf-m-align-self-start {
372
+ align-self: start;
373
+ }
374
+ .pf-v6-c-toolbar__group.pf-m-align-self-center,
375
+ .pf-v6-c-toolbar__item.pf-m-align-self-center {
376
+ align-self: center;
377
+ }
378
+ .pf-v6-c-toolbar__group.pf-m-align-self-end,
379
+ .pf-v6-c-toolbar__item.pf-m-align-self-end {
380
+ align-self: end;
509
381
  }
510
382
 
511
- @media (min-width: 576px) {
512
- .pf-m-toggle-group.pf-m-show-on-sm {
513
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
514
- }
515
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__group,
516
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__item {
517
- display: flex;
518
- flex: 0 1 auto;
519
- }
520
- .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__toggle {
521
- display: none;
522
- }
383
+ .pf-v6-c-toolbar.pf-m-inset-none,
384
+ .pf-v6-c-toolbar__content.pf-m-inset-none,
385
+ .pf-v6-c-toolbar__content-section.pf-m-inset-none {
386
+ --pf-v6-c-toolbar__content--PaddingInline: 0;
387
+ }
388
+ .pf-v6-c-toolbar.pf-m-inset-xs,
389
+ .pf-v6-c-toolbar__content.pf-m-inset-xs,
390
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xs {
391
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
392
+ }
393
+ .pf-v6-c-toolbar.pf-m-inset-sm,
394
+ .pf-v6-c-toolbar__content.pf-m-inset-sm,
395
+ .pf-v6-c-toolbar__content-section.pf-m-inset-sm {
396
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
397
+ }
398
+ .pf-v6-c-toolbar.pf-m-inset-md,
399
+ .pf-v6-c-toolbar__content.pf-m-inset-md,
400
+ .pf-v6-c-toolbar__content-section.pf-m-inset-md {
401
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
402
+ }
403
+ .pf-v6-c-toolbar.pf-m-inset-lg,
404
+ .pf-v6-c-toolbar__content.pf-m-inset-lg,
405
+ .pf-v6-c-toolbar__content-section.pf-m-inset-lg {
406
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
407
+ }
408
+ .pf-v6-c-toolbar.pf-m-inset-xl,
409
+ .pf-v6-c-toolbar__content.pf-m-inset-xl,
410
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xl {
411
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
412
+ }
413
+ .pf-v6-c-toolbar.pf-m-inset-2xl,
414
+ .pf-v6-c-toolbar__content.pf-m-inset-2xl,
415
+ .pf-v6-c-toolbar__content-section.pf-m-inset-2xl {
416
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
417
+ }
418
+ .pf-v6-c-toolbar.pf-m-inset-3xl,
419
+ .pf-v6-c-toolbar__content.pf-m-inset-3xl,
420
+ .pf-v6-c-toolbar__content-section.pf-m-inset-3xl {
421
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
422
+ }
423
+ .pf-v6-c-toolbar.pf-m-inset-4xl,
424
+ .pf-v6-c-toolbar__content.pf-m-inset-4xl,
425
+ .pf-v6-c-toolbar__content-section.pf-m-inset-4xl {
426
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
523
427
  }
524
- @media (min-width: 768px) {
525
- .pf-m-toggle-group.pf-m-show-on-md {
526
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
527
- }
528
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__group,
529
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__item {
530
- display: flex;
531
- flex: 0 1 auto;
532
- }
533
- .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__toggle {
534
- display: none;
535
- }
428
+
429
+ .pf-v6-c-toolbar__group.pf-m-wrap,
430
+ .pf-v6-c-toolbar__item.pf-m-wrap,
431
+ .pf-v6-c-toolbar__content.pf-m-wrap,
432
+ .pf-v6-c-toolbar__content-section.pf-m-wrap {
433
+ flex-wrap: wrap;
536
434
  }
537
- @media (min-width: 992px) {
538
- .pf-m-toggle-group.pf-m-show-on-lg {
539
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
540
- }
541
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__group,
542
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__item {
543
- display: flex;
544
- flex: 0 1 auto;
545
- }
546
- .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__toggle {
547
- display: none;
548
- }
435
+ .pf-v6-c-toolbar__group.pf-m-nowrap,
436
+ .pf-v6-c-toolbar__item.pf-m-nowrap,
437
+ .pf-v6-c-toolbar__content.pf-m-nowrap,
438
+ .pf-v6-c-toolbar__content-section.pf-m-nowrap {
439
+ flex-wrap: nowrap;
549
440
  }
550
- @media (min-width: 1200px) {
551
- .pf-m-toggle-group.pf-m-show-on-xl {
552
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
553
- }
554
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__group,
555
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__item {
556
- display: flex;
557
- flex: 0 1 auto;
558
- }
559
- .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__toggle {
560
- display: none;
561
- }
441
+ .pf-v6-c-toolbar__group.pf-m-align-items-stretch,
442
+ .pf-v6-c-toolbar__item.pf-m-align-items-stretch,
443
+ .pf-v6-c-toolbar__content.pf-m-align-items-stretch,
444
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch {
445
+ align-items: stretch;
562
446
  }
563
- @media (min-width: 1450px) {
564
- .pf-m-toggle-group.pf-m-show-on-2xl {
565
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
566
- }
567
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__group,
568
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__item {
569
- display: flex;
570
- flex: 0 1 auto;
571
- }
572
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__toggle {
573
- display: none;
574
- }
447
+ .pf-v6-c-toolbar__group.pf-m-align-items-baseline,
448
+ .pf-v6-c-toolbar__item.pf-m-align-items-baseline,
449
+ .pf-v6-c-toolbar__content.pf-m-align-items-baseline,
450
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline {
451
+ align-items: baseline;
575
452
  }
576
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right,
577
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right {
578
- margin-inline-start: auto;
453
+ .pf-v6-c-toolbar__group.pf-m-align-items-start,
454
+ .pf-v6-c-toolbar__item.pf-m-align-items-start,
455
+ .pf-v6-c-toolbar__content.pf-m-align-items-start,
456
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-start {
457
+ align-items: start;
579
458
  }
580
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
581
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
582
- margin-inline-start: 0;
459
+ .pf-v6-c-toolbar__group.pf-m-align-items-center,
460
+ .pf-v6-c-toolbar__item.pf-m-align-items-center,
461
+ .pf-v6-c-toolbar__content.pf-m-align-items-center,
462
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-center {
463
+ align-items: center;
583
464
  }
584
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left,
585
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left {
465
+ .pf-v6-c-toolbar__group.pf-m-align-items-end,
466
+ .pf-v6-c-toolbar__item.pf-m-align-items-end,
467
+ .pf-v6-c-toolbar__content.pf-m-align-items-end,
468
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-end {
469
+ align-items: end;
470
+ }
471
+ .pf-v6-c-toolbar__group.pf-m-gap-none,
472
+ .pf-v6-c-toolbar__item.pf-m-gap-none,
473
+ .pf-v6-c-toolbar__content.pf-m-gap-none,
474
+ .pf-v6-c-toolbar__content-section.pf-m-gap-none {
475
+ column-gap: 0;
476
+ }
477
+ .pf-v6-c-toolbar__group.pf-m-gap-xs,
478
+ .pf-v6-c-toolbar__item.pf-m-gap-xs,
479
+ .pf-v6-c-toolbar__content.pf-m-gap-xs,
480
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xs {
481
+ column-gap: var(--pf-t--global--spacer--xs);
482
+ }
483
+ .pf-v6-c-toolbar__group.pf-m-gap-sm,
484
+ .pf-v6-c-toolbar__item.pf-m-gap-sm,
485
+ .pf-v6-c-toolbar__content.pf-m-gap-sm,
486
+ .pf-v6-c-toolbar__content-section.pf-m-gap-sm {
487
+ column-gap: var(--pf-t--global--spacer--sm);
488
+ }
489
+ .pf-v6-c-toolbar__group.pf-m-gap-md,
490
+ .pf-v6-c-toolbar__item.pf-m-gap-md,
491
+ .pf-v6-c-toolbar__content.pf-m-gap-md,
492
+ .pf-v6-c-toolbar__content-section.pf-m-gap-md {
493
+ column-gap: var(--pf-t--global--spacer--md);
494
+ }
495
+ .pf-v6-c-toolbar__group.pf-m-gap-lg,
496
+ .pf-v6-c-toolbar__item.pf-m-gap-lg,
497
+ .pf-v6-c-toolbar__content.pf-m-gap-lg,
498
+ .pf-v6-c-toolbar__content-section.pf-m-gap-lg {
499
+ column-gap: var(--pf-t--global--spacer--lg);
500
+ }
501
+ .pf-v6-c-toolbar__group.pf-m-gap-xl,
502
+ .pf-v6-c-toolbar__item.pf-m-gap-xl,
503
+ .pf-v6-c-toolbar__content.pf-m-gap-xl,
504
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xl {
505
+ column-gap: var(--pf-t--global--spacer--xl);
506
+ }
507
+ .pf-v6-c-toolbar__group.pf-m-gap-2xl,
508
+ .pf-v6-c-toolbar__item.pf-m-gap-2xl,
509
+ .pf-v6-c-toolbar__content.pf-m-gap-2xl,
510
+ .pf-v6-c-toolbar__content-section.pf-m-gap-2xl {
511
+ column-gap: var(--pf-t--global--spacer--2xl);
512
+ }
513
+ .pf-v6-c-toolbar__group.pf-m-gap-3xl,
514
+ .pf-v6-c-toolbar__item.pf-m-gap-3xl,
515
+ .pf-v6-c-toolbar__content.pf-m-gap-3xl,
516
+ .pf-v6-c-toolbar__content-section.pf-m-gap-3xl {
517
+ column-gap: var(--pf-t--global--spacer--3xl);
518
+ }
519
+ .pf-v6-c-toolbar__group.pf-m-gap-4xl,
520
+ .pf-v6-c-toolbar__item.pf-m-gap-4xl,
521
+ .pf-v6-c-toolbar__content.pf-m-gap-4xl,
522
+ .pf-v6-c-toolbar__content-section.pf-m-gap-4xl {
523
+ column-gap: var(--pf-t--global--spacer--4xl);
524
+ }
525
+ .pf-v6-c-toolbar__group.pf-m-column-gap-none,
526
+ .pf-v6-c-toolbar__item.pf-m-column-gap-none,
527
+ .pf-v6-c-toolbar__content.pf-m-column-gap-none,
528
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-none {
529
+ column-gap: 0;
530
+ }
531
+ .pf-v6-c-toolbar__group.pf-m-row-gap-none,
532
+ .pf-v6-c-toolbar__item.pf-m-row-gap-none,
533
+ .pf-v6-c-toolbar__content.pf-m-row-gap-none,
534
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-none {
535
+ column-gap: 0;
536
+ }
537
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone,
538
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone,
539
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone,
540
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone {
586
541
  margin-inline-start: 0;
587
542
  }
588
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
589
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
590
- margin-inline-start: auto;
543
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone,
544
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone,
545
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone,
546
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone {
547
+ margin-inline-end: 0;
548
+ }
549
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xs,
550
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xs,
551
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xs,
552
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs {
553
+ column-gap: var(--pf-t--global--spacer--xs);
554
+ }
555
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xs,
556
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xs,
557
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xs,
558
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs {
559
+ column-gap: var(--pf-t--global--spacer--xs);
560
+ }
561
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs,
562
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs,
563
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs,
564
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs {
565
+ margin-inline-start: var(--pf-t--global--spacer--xs);
566
+ }
567
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs,
568
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs,
569
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs,
570
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs {
571
+ margin-inline-end: var(--pf-t--global--spacer--xs);
572
+ }
573
+ .pf-v6-c-toolbar__group.pf-m-column-gap-sm,
574
+ .pf-v6-c-toolbar__item.pf-m-column-gap-sm,
575
+ .pf-v6-c-toolbar__content.pf-m-column-gap-sm,
576
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm {
577
+ column-gap: var(--pf-t--global--spacer--sm);
578
+ }
579
+ .pf-v6-c-toolbar__group.pf-m-row-gap-sm,
580
+ .pf-v6-c-toolbar__item.pf-m-row-gap-sm,
581
+ .pf-v6-c-toolbar__content.pf-m-row-gap-sm,
582
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm {
583
+ column-gap: var(--pf-t--global--spacer--sm);
584
+ }
585
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm,
586
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm,
587
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm,
588
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm {
589
+ margin-inline-start: var(--pf-t--global--spacer--sm);
590
+ }
591
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm,
592
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm,
593
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm,
594
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm {
595
+ margin-inline-end: var(--pf-t--global--spacer--sm);
596
+ }
597
+ .pf-v6-c-toolbar__group.pf-m-column-gap-md,
598
+ .pf-v6-c-toolbar__item.pf-m-column-gap-md,
599
+ .pf-v6-c-toolbar__content.pf-m-column-gap-md,
600
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-md {
601
+ column-gap: var(--pf-t--global--spacer--md);
602
+ }
603
+ .pf-v6-c-toolbar__group.pf-m-row-gap-md,
604
+ .pf-v6-c-toolbar__item.pf-m-row-gap-md,
605
+ .pf-v6-c-toolbar__content.pf-m-row-gap-md,
606
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-md {
607
+ column-gap: var(--pf-t--global--spacer--md);
608
+ }
609
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd,
610
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd,
611
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd,
612
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd {
613
+ margin-inline-start: var(--pf-t--global--spacer--md);
614
+ }
615
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd,
616
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd,
617
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd,
618
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd {
619
+ margin-inline-end: var(--pf-t--global--spacer--md);
620
+ }
621
+ .pf-v6-c-toolbar__group.pf-m-column-gap-lg,
622
+ .pf-v6-c-toolbar__item.pf-m-column-gap-lg,
623
+ .pf-v6-c-toolbar__content.pf-m-column-gap-lg,
624
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg {
625
+ column-gap: var(--pf-t--global--spacer--lg);
626
+ }
627
+ .pf-v6-c-toolbar__group.pf-m-row-gap-lg,
628
+ .pf-v6-c-toolbar__item.pf-m-row-gap-lg,
629
+ .pf-v6-c-toolbar__content.pf-m-row-gap-lg,
630
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg {
631
+ column-gap: var(--pf-t--global--spacer--lg);
632
+ }
633
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg,
634
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg,
635
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg,
636
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg {
637
+ margin-inline-start: var(--pf-t--global--spacer--lg);
638
+ }
639
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg,
640
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg,
641
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg,
642
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg {
643
+ margin-inline-end: var(--pf-t--global--spacer--lg);
644
+ }
645
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xl,
646
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xl,
647
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xl,
648
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl {
649
+ column-gap: var(--pf-t--global--spacer--xl);
650
+ }
651
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xl,
652
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xl,
653
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xl,
654
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl {
655
+ column-gap: var(--pf-t--global--spacer--xl);
656
+ }
657
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl,
658
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl,
659
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl,
660
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl {
661
+ margin-inline-start: var(--pf-t--global--spacer--xl);
662
+ }
663
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl,
664
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl,
665
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl,
666
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl {
667
+ margin-inline-end: var(--pf-t--global--spacer--xl);
668
+ }
669
+ .pf-v6-c-toolbar__group.pf-m-column-gap-2xl,
670
+ .pf-v6-c-toolbar__item.pf-m-column-gap-2xl,
671
+ .pf-v6-c-toolbar__content.pf-m-column-gap-2xl,
672
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl {
673
+ column-gap: var(--pf-t--global--spacer--2xl);
674
+ }
675
+ .pf-v6-c-toolbar__group.pf-m-row-gap-2xl,
676
+ .pf-v6-c-toolbar__item.pf-m-row-gap-2xl,
677
+ .pf-v6-c-toolbar__content.pf-m-row-gap-2xl,
678
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl {
679
+ column-gap: var(--pf-t--global--spacer--2xl);
680
+ }
681
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl,
682
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl,
683
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl,
684
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl {
685
+ margin-inline-start: var(--pf-t--global--spacer--2xl);
686
+ }
687
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl,
688
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl,
689
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl,
690
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl {
691
+ margin-inline-end: var(--pf-t--global--spacer--2xl);
692
+ }
693
+ .pf-v6-c-toolbar__group.pf-m-column-gap-3xl,
694
+ .pf-v6-c-toolbar__item.pf-m-column-gap-3xl,
695
+ .pf-v6-c-toolbar__content.pf-m-column-gap-3xl,
696
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl {
697
+ column-gap: var(--pf-t--global--spacer--3xl);
698
+ }
699
+ .pf-v6-c-toolbar__group.pf-m-row-gap-3xl,
700
+ .pf-v6-c-toolbar__item.pf-m-row-gap-3xl,
701
+ .pf-v6-c-toolbar__content.pf-m-row-gap-3xl,
702
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl {
703
+ column-gap: var(--pf-t--global--spacer--3xl);
704
+ }
705
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl,
706
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl,
707
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl,
708
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl {
709
+ margin-inline-start: var(--pf-t--global--spacer--3xl);
710
+ }
711
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl,
712
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl,
713
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl,
714
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl {
715
+ margin-inline-end: var(--pf-t--global--spacer--3xl);
716
+ }
717
+ .pf-v6-c-toolbar__group.pf-m-column-gap-4xl,
718
+ .pf-v6-c-toolbar__item.pf-m-column-gap-4xl,
719
+ .pf-v6-c-toolbar__content.pf-m-column-gap-4xl,
720
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl {
721
+ column-gap: var(--pf-t--global--spacer--4xl);
722
+ }
723
+ .pf-v6-c-toolbar__group.pf-m-row-gap-4xl,
724
+ .pf-v6-c-toolbar__item.pf-m-row-gap-4xl,
725
+ .pf-v6-c-toolbar__content.pf-m-row-gap-4xl,
726
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl {
727
+ column-gap: var(--pf-t--global--spacer--4xl);
728
+ }
729
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl,
730
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl,
731
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl,
732
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl {
733
+ margin-inline-start: var(--pf-t--global--spacer--4xl);
734
+ }
735
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl,
736
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl,
737
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl,
738
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl {
739
+ margin-inline-end: var(--pf-t--global--spacer--4xl);
591
740
  }
592
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap,
593
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap {
594
- flex-wrap: nowrap;
741
+
742
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__group,
743
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__item {
744
+ display: flex;
745
+ flex: 0 1 auto;
595
746
  }
596
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap,
597
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap {
598
- flex-wrap: wrap;
747
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__toggle {
748
+ display: none;
599
749
  }
750
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
751
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__group,
752
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__item {
753
+ display: none;
754
+ }
755
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__toggle {
756
+ display: inline-block;
757
+ }
758
+
600
759
  @media (min-width: 576px) {
601
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm,
602
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm {
603
- margin-inline-start: auto;
604
- }
605
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
606
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
607
- margin-inline-start: 0;
608
- }
609
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm,
610
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm {
760
+ .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
761
+ .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
611
762
  margin-inline-start: 0;
612
763
  }
613
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
614
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
764
+ .pf-v6-c-toolbar__group.pf-m-align-center-on-sm,
765
+ .pf-v6-c-toolbar__item.pf-m-align-center-on-sm {
615
766
  margin-inline-start: auto;
767
+ margin-inline-end: auto;
616
768
  }
617
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm,
618
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm {
619
- flex-wrap: nowrap;
769
+ .pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
770
+ .pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
771
+ margin-inline-start: auto;
620
772
  }
621
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm,
622
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-sm {
773
+ .pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
774
+ .pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
775
+ flex-grow: 1;
776
+ }
777
+ .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-sm,
778
+ .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-sm {
779
+ align-self: stretch;
780
+ }
781
+ .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-sm,
782
+ .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-sm {
783
+ align-self: baseline;
784
+ }
785
+ .pf-v6-c-toolbar__group.pf-m-align-self-start-on-sm,
786
+ .pf-v6-c-toolbar__item.pf-m-align-self-start-on-sm {
787
+ align-self: start;
788
+ }
789
+ .pf-v6-c-toolbar__group.pf-m-align-self-center-on-sm,
790
+ .pf-v6-c-toolbar__item.pf-m-align-self-center-on-sm {
791
+ align-self: center;
792
+ }
793
+ .pf-v6-c-toolbar__group.pf-m-align-self-end-on-sm,
794
+ .pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
795
+ align-self: end;
796
+ }
797
+ .pf-v6-c-toolbar.pf-m-inset-none-on-sm,
798
+ .pf-v6-c-toolbar__content.pf-m-inset-none-on-sm,
799
+ .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-sm {
800
+ --pf-v6-c-toolbar__content--PaddingInline: 0;
801
+ }
802
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-sm,
803
+ .pf-v6-c-toolbar__content.pf-m-inset-xs-on-sm,
804
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-sm {
805
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
806
+ }
807
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-sm,
808
+ .pf-v6-c-toolbar__content.pf-m-inset-sm-on-sm,
809
+ .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-sm {
810
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
811
+ }
812
+ .pf-v6-c-toolbar.pf-m-inset-md-on-sm,
813
+ .pf-v6-c-toolbar__content.pf-m-inset-md-on-sm,
814
+ .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-sm {
815
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
816
+ }
817
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-sm,
818
+ .pf-v6-c-toolbar__content.pf-m-inset-lg-on-sm,
819
+ .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-sm {
820
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
821
+ }
822
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-sm,
823
+ .pf-v6-c-toolbar__content.pf-m-inset-xl-on-sm,
824
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-sm {
825
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
826
+ }
827
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm,
828
+ .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-sm,
829
+ .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-sm {
830
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
831
+ }
832
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm,
833
+ .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-sm,
834
+ .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-sm {
835
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
836
+ }
837
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm,
838
+ .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-sm,
839
+ .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-sm {
840
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
841
+ }
842
+ .pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
843
+ .pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
844
+ .pf-v6-c-toolbar__content.pf-m-wrap-on-sm,
845
+ .pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
623
846
  flex-wrap: wrap;
624
847
  }
625
- }
626
- @media (min-width: 768px) {
627
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md,
628
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md {
629
- margin-inline-start: auto;
848
+ .pf-v6-c-toolbar__group.pf-m-nowrap-on-sm,
849
+ .pf-v6-c-toolbar__item.pf-m-nowrap-on-sm,
850
+ .pf-v6-c-toolbar__content.pf-m-nowrap-on-sm,
851
+ .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-sm {
852
+ flex-wrap: nowrap;
630
853
  }
631
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
632
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
854
+ .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-sm,
855
+ .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-sm,
856
+ .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-sm,
857
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-sm {
858
+ align-items: stretch;
859
+ }
860
+ .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-sm,
861
+ .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-sm,
862
+ .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-sm,
863
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-sm {
864
+ align-items: baseline;
865
+ }
866
+ .pf-v6-c-toolbar__group.pf-m-align-items-start-on-sm,
867
+ .pf-v6-c-toolbar__item.pf-m-align-items-start-on-sm,
868
+ .pf-v6-c-toolbar__content.pf-m-align-items-start-on-sm,
869
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-sm {
870
+ align-items: start;
871
+ }
872
+ .pf-v6-c-toolbar__group.pf-m-align-items-center-on-sm,
873
+ .pf-v6-c-toolbar__item.pf-m-align-items-center-on-sm,
874
+ .pf-v6-c-toolbar__content.pf-m-align-items-center-on-sm,
875
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-sm {
876
+ align-items: center;
877
+ }
878
+ .pf-v6-c-toolbar__group.pf-m-align-items-end-on-sm,
879
+ .pf-v6-c-toolbar__item.pf-m-align-items-end-on-sm,
880
+ .pf-v6-c-toolbar__content.pf-m-align-items-end-on-sm,
881
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-sm {
882
+ align-items: end;
883
+ }
884
+ .pf-v6-c-toolbar__group.pf-m-gap-none-on-sm,
885
+ .pf-v6-c-toolbar__item.pf-m-gap-none-on-sm,
886
+ .pf-v6-c-toolbar__content.pf-m-gap-none-on-sm,
887
+ .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-sm {
888
+ column-gap: 0;
889
+ }
890
+ .pf-v6-c-toolbar__group.pf-m-gap-xs-on-sm,
891
+ .pf-v6-c-toolbar__item.pf-m-gap-xs-on-sm,
892
+ .pf-v6-c-toolbar__content.pf-m-gap-xs-on-sm,
893
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-sm {
894
+ column-gap: var(--pf-t--global--spacer--xs);
895
+ }
896
+ .pf-v6-c-toolbar__group.pf-m-gap-sm-on-sm,
897
+ .pf-v6-c-toolbar__item.pf-m-gap-sm-on-sm,
898
+ .pf-v6-c-toolbar__content.pf-m-gap-sm-on-sm,
899
+ .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-sm {
900
+ column-gap: var(--pf-t--global--spacer--sm);
901
+ }
902
+ .pf-v6-c-toolbar__group.pf-m-gap-md-on-sm,
903
+ .pf-v6-c-toolbar__item.pf-m-gap-md-on-sm,
904
+ .pf-v6-c-toolbar__content.pf-m-gap-md-on-sm,
905
+ .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-sm {
906
+ column-gap: var(--pf-t--global--spacer--md);
907
+ }
908
+ .pf-v6-c-toolbar__group.pf-m-gap-lg-on-sm,
909
+ .pf-v6-c-toolbar__item.pf-m-gap-lg-on-sm,
910
+ .pf-v6-c-toolbar__content.pf-m-gap-lg-on-sm,
911
+ .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-sm {
912
+ column-gap: var(--pf-t--global--spacer--lg);
913
+ }
914
+ .pf-v6-c-toolbar__group.pf-m-gap-xl-on-sm,
915
+ .pf-v6-c-toolbar__item.pf-m-gap-xl-on-sm,
916
+ .pf-v6-c-toolbar__content.pf-m-gap-xl-on-sm,
917
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-sm {
918
+ column-gap: var(--pf-t--global--spacer--xl);
919
+ }
920
+ .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-sm,
921
+ .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-sm,
922
+ .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-sm,
923
+ .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
924
+ column-gap: var(--pf-t--global--spacer--2xl);
925
+ }
926
+ .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-sm,
927
+ .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-sm,
928
+ .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-sm,
929
+ .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
930
+ column-gap: var(--pf-t--global--spacer--3xl);
931
+ }
932
+ .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-sm,
933
+ .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-sm,
934
+ .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-sm,
935
+ .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
936
+ column-gap: var(--pf-t--global--spacer--4xl);
937
+ }
938
+ .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-sm,
939
+ .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-sm,
940
+ .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-sm,
941
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-sm {
942
+ column-gap: 0;
943
+ }
944
+ .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-sm,
945
+ .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-sm,
946
+ .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-sm,
947
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
948
+ column-gap: 0;
949
+ }
950
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-sm,
951
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-sm,
952
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-sm,
953
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-sm {
633
954
  margin-inline-start: 0;
634
955
  }
635
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md,
636
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md {
637
- margin-inline-start: 0;
956
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-sm,
957
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-sm,
958
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-sm,
959
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-sm {
960
+ margin-inline-end: 0;
961
+ }
962
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-sm,
963
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-sm,
964
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-sm,
965
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-sm {
966
+ column-gap: var(--pf-t--global--spacer--xs);
967
+ }
968
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-sm,
969
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-sm,
970
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-sm,
971
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
972
+ column-gap: var(--pf-t--global--spacer--xs);
973
+ }
974
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-sm,
975
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-sm,
976
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-sm,
977
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-sm {
978
+ margin-inline-start: var(--pf-t--global--spacer--xs);
979
+ }
980
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-sm,
981
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-sm,
982
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-sm,
983
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-sm {
984
+ margin-inline-end: var(--pf-t--global--spacer--xs);
985
+ }
986
+ .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-sm,
987
+ .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-sm,
988
+ .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-sm,
989
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-sm {
990
+ column-gap: var(--pf-t--global--spacer--sm);
991
+ }
992
+ .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-sm,
993
+ .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-sm,
994
+ .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-sm,
995
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
996
+ column-gap: var(--pf-t--global--spacer--sm);
997
+ }
998
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-sm,
999
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-sm,
1000
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-sm,
1001
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-sm {
1002
+ margin-inline-start: var(--pf-t--global--spacer--sm);
1003
+ }
1004
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-sm,
1005
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-sm,
1006
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-sm,
1007
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-sm {
1008
+ margin-inline-end: var(--pf-t--global--spacer--sm);
1009
+ }
1010
+ .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-sm,
1011
+ .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-sm,
1012
+ .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-sm,
1013
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-sm {
1014
+ column-gap: var(--pf-t--global--spacer--md);
1015
+ }
1016
+ .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-sm,
1017
+ .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-sm,
1018
+ .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-sm,
1019
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
1020
+ column-gap: var(--pf-t--global--spacer--md);
1021
+ }
1022
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-sm,
1023
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-sm,
1024
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-sm,
1025
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-sm {
1026
+ margin-inline-start: var(--pf-t--global--spacer--md);
1027
+ }
1028
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-sm,
1029
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-sm,
1030
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-sm,
1031
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-sm {
1032
+ margin-inline-end: var(--pf-t--global--spacer--md);
1033
+ }
1034
+ .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-sm,
1035
+ .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-sm,
1036
+ .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-sm,
1037
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-sm {
1038
+ column-gap: var(--pf-t--global--spacer--lg);
1039
+ }
1040
+ .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-sm,
1041
+ .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-sm,
1042
+ .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-sm,
1043
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
1044
+ column-gap: var(--pf-t--global--spacer--lg);
1045
+ }
1046
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-sm,
1047
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-sm,
1048
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-sm,
1049
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-sm {
1050
+ margin-inline-start: var(--pf-t--global--spacer--lg);
1051
+ }
1052
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-sm,
1053
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-sm,
1054
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-sm,
1055
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-sm {
1056
+ margin-inline-end: var(--pf-t--global--spacer--lg);
1057
+ }
1058
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-sm,
1059
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-sm,
1060
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-sm,
1061
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-sm {
1062
+ column-gap: var(--pf-t--global--spacer--xl);
1063
+ }
1064
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-sm,
1065
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-sm,
1066
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-sm,
1067
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
1068
+ column-gap: var(--pf-t--global--spacer--xl);
1069
+ }
1070
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-sm,
1071
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-sm,
1072
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-sm,
1073
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-sm {
1074
+ margin-inline-start: var(--pf-t--global--spacer--xl);
1075
+ }
1076
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-sm,
1077
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-sm,
1078
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-sm,
1079
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-sm {
1080
+ margin-inline-end: var(--pf-t--global--spacer--xl);
1081
+ }
1082
+ .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-sm,
1083
+ .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-sm,
1084
+ .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-sm,
1085
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-sm {
1086
+ column-gap: var(--pf-t--global--spacer--2xl);
1087
+ }
1088
+ .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-sm,
1089
+ .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
1090
+ .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-sm,
1091
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
1092
+ column-gap: var(--pf-t--global--spacer--2xl);
1093
+ }
1094
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-sm,
1095
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-sm,
1096
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-sm,
1097
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-sm {
1098
+ margin-inline-start: var(--pf-t--global--spacer--2xl);
1099
+ }
1100
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-sm,
1101
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-sm,
1102
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-sm,
1103
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-sm {
1104
+ margin-inline-end: var(--pf-t--global--spacer--2xl);
1105
+ }
1106
+ .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-sm,
1107
+ .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-sm,
1108
+ .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-sm,
1109
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-sm {
1110
+ column-gap: var(--pf-t--global--spacer--3xl);
1111
+ }
1112
+ .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-sm,
1113
+ .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
1114
+ .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-sm,
1115
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
1116
+ column-gap: var(--pf-t--global--spacer--3xl);
1117
+ }
1118
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-sm,
1119
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-sm,
1120
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-sm,
1121
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-sm {
1122
+ margin-inline-start: var(--pf-t--global--spacer--3xl);
1123
+ }
1124
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-sm,
1125
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-sm,
1126
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-sm,
1127
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-sm {
1128
+ margin-inline-end: var(--pf-t--global--spacer--3xl);
1129
+ }
1130
+ .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-sm,
1131
+ .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-sm,
1132
+ .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-sm,
1133
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-sm {
1134
+ column-gap: var(--pf-t--global--spacer--4xl);
1135
+ }
1136
+ .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-sm,
1137
+ .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
1138
+ .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-sm,
1139
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
1140
+ column-gap: var(--pf-t--global--spacer--4xl);
1141
+ }
1142
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-sm,
1143
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-sm,
1144
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-sm,
1145
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-sm {
1146
+ margin-inline-start: var(--pf-t--global--spacer--4xl);
1147
+ }
1148
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-sm,
1149
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-sm,
1150
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-sm,
1151
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-sm {
1152
+ margin-inline-end: var(--pf-t--global--spacer--4xl);
1153
+ }
1154
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__group,
1155
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__item {
1156
+ display: flex;
1157
+ flex: 0 1 auto;
638
1158
  }
639
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
640
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
641
- margin-inline-start: auto;
1159
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__toggle {
1160
+ display: none;
642
1161
  }
643
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md,
644
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md {
645
- flex-wrap: nowrap;
1162
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
1163
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v6-c-toolbar__group,
1164
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v6-c-toolbar__item {
1165
+ display: none;
646
1166
  }
647
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md,
648
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-md {
649
- flex-wrap: wrap;
1167
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v6-c-toolbar__toggle {
1168
+ display: inline-block;
650
1169
  }
651
1170
  }
652
- @media (min-width: 992px) {
653
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg,
654
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg {
655
- margin-inline-start: auto;
656
- }
657
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
658
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
659
- margin-inline-start: 0;
660
- }
661
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg,
662
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg {
1171
+ @media (min-width: 768px) {
1172
+ .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
1173
+ .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
663
1174
  margin-inline-start: 0;
664
1175
  }
665
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
666
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
1176
+ .pf-v6-c-toolbar__group.pf-m-align-center-on-md,
1177
+ .pf-v6-c-toolbar__item.pf-m-align-center-on-md {
667
1178
  margin-inline-start: auto;
1179
+ margin-inline-end: auto;
668
1180
  }
669
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg,
670
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg {
671
- flex-wrap: nowrap;
1181
+ .pf-v6-c-toolbar__group.pf-m-align-end-on-md,
1182
+ .pf-v6-c-toolbar__item.pf-m-align-end-on-md {
1183
+ margin-inline-start: auto;
672
1184
  }
673
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg,
674
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-lg {
1185
+ .pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
1186
+ .pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
1187
+ flex-grow: 1;
1188
+ }
1189
+ .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-md,
1190
+ .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-md {
1191
+ align-self: stretch;
1192
+ }
1193
+ .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-md,
1194
+ .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-md {
1195
+ align-self: baseline;
1196
+ }
1197
+ .pf-v6-c-toolbar__group.pf-m-align-self-start-on-md,
1198
+ .pf-v6-c-toolbar__item.pf-m-align-self-start-on-md {
1199
+ align-self: start;
1200
+ }
1201
+ .pf-v6-c-toolbar__group.pf-m-align-self-center-on-md,
1202
+ .pf-v6-c-toolbar__item.pf-m-align-self-center-on-md {
1203
+ align-self: center;
1204
+ }
1205
+ .pf-v6-c-toolbar__group.pf-m-align-self-end-on-md,
1206
+ .pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
1207
+ align-self: end;
1208
+ }
1209
+ .pf-v6-c-toolbar.pf-m-inset-none-on-md,
1210
+ .pf-v6-c-toolbar__content.pf-m-inset-none-on-md,
1211
+ .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-md {
1212
+ --pf-v6-c-toolbar__content--PaddingInline: 0;
1213
+ }
1214
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-md,
1215
+ .pf-v6-c-toolbar__content.pf-m-inset-xs-on-md,
1216
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-md {
1217
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
1218
+ }
1219
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-md,
1220
+ .pf-v6-c-toolbar__content.pf-m-inset-sm-on-md,
1221
+ .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-md {
1222
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
1223
+ }
1224
+ .pf-v6-c-toolbar.pf-m-inset-md-on-md,
1225
+ .pf-v6-c-toolbar__content.pf-m-inset-md-on-md,
1226
+ .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-md {
1227
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
1228
+ }
1229
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-md,
1230
+ .pf-v6-c-toolbar__content.pf-m-inset-lg-on-md,
1231
+ .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-md {
1232
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
1233
+ }
1234
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-md,
1235
+ .pf-v6-c-toolbar__content.pf-m-inset-xl-on-md,
1236
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-md {
1237
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
1238
+ }
1239
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-md,
1240
+ .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-md,
1241
+ .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-md {
1242
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
1243
+ }
1244
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-md,
1245
+ .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-md,
1246
+ .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-md {
1247
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
1248
+ }
1249
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-md,
1250
+ .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-md,
1251
+ .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-md {
1252
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
1253
+ }
1254
+ .pf-v6-c-toolbar__group.pf-m-wrap-on-md,
1255
+ .pf-v6-c-toolbar__item.pf-m-wrap-on-md,
1256
+ .pf-v6-c-toolbar__content.pf-m-wrap-on-md,
1257
+ .pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
675
1258
  flex-wrap: wrap;
676
1259
  }
677
- }
678
- @media (min-width: 1200px) {
679
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl,
680
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl {
681
- margin-inline-start: auto;
1260
+ .pf-v6-c-toolbar__group.pf-m-nowrap-on-md,
1261
+ .pf-v6-c-toolbar__item.pf-m-nowrap-on-md,
1262
+ .pf-v6-c-toolbar__content.pf-m-nowrap-on-md,
1263
+ .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-md {
1264
+ flex-wrap: nowrap;
682
1265
  }
683
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
684
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
1266
+ .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-md,
1267
+ .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-md,
1268
+ .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-md,
1269
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-md {
1270
+ align-items: stretch;
1271
+ }
1272
+ .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-md,
1273
+ .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-md,
1274
+ .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-md,
1275
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-md {
1276
+ align-items: baseline;
1277
+ }
1278
+ .pf-v6-c-toolbar__group.pf-m-align-items-start-on-md,
1279
+ .pf-v6-c-toolbar__item.pf-m-align-items-start-on-md,
1280
+ .pf-v6-c-toolbar__content.pf-m-align-items-start-on-md,
1281
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-md {
1282
+ align-items: start;
1283
+ }
1284
+ .pf-v6-c-toolbar__group.pf-m-align-items-center-on-md,
1285
+ .pf-v6-c-toolbar__item.pf-m-align-items-center-on-md,
1286
+ .pf-v6-c-toolbar__content.pf-m-align-items-center-on-md,
1287
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-md {
1288
+ align-items: center;
1289
+ }
1290
+ .pf-v6-c-toolbar__group.pf-m-align-items-end-on-md,
1291
+ .pf-v6-c-toolbar__item.pf-m-align-items-end-on-md,
1292
+ .pf-v6-c-toolbar__content.pf-m-align-items-end-on-md,
1293
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-md {
1294
+ align-items: end;
1295
+ }
1296
+ .pf-v6-c-toolbar__group.pf-m-gap-none-on-md,
1297
+ .pf-v6-c-toolbar__item.pf-m-gap-none-on-md,
1298
+ .pf-v6-c-toolbar__content.pf-m-gap-none-on-md,
1299
+ .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-md {
1300
+ column-gap: 0;
1301
+ }
1302
+ .pf-v6-c-toolbar__group.pf-m-gap-xs-on-md,
1303
+ .pf-v6-c-toolbar__item.pf-m-gap-xs-on-md,
1304
+ .pf-v6-c-toolbar__content.pf-m-gap-xs-on-md,
1305
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-md {
1306
+ column-gap: var(--pf-t--global--spacer--xs);
1307
+ }
1308
+ .pf-v6-c-toolbar__group.pf-m-gap-sm-on-md,
1309
+ .pf-v6-c-toolbar__item.pf-m-gap-sm-on-md,
1310
+ .pf-v6-c-toolbar__content.pf-m-gap-sm-on-md,
1311
+ .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-md {
1312
+ column-gap: var(--pf-t--global--spacer--sm);
1313
+ }
1314
+ .pf-v6-c-toolbar__group.pf-m-gap-md-on-md,
1315
+ .pf-v6-c-toolbar__item.pf-m-gap-md-on-md,
1316
+ .pf-v6-c-toolbar__content.pf-m-gap-md-on-md,
1317
+ .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-md {
1318
+ column-gap: var(--pf-t--global--spacer--md);
1319
+ }
1320
+ .pf-v6-c-toolbar__group.pf-m-gap-lg-on-md,
1321
+ .pf-v6-c-toolbar__item.pf-m-gap-lg-on-md,
1322
+ .pf-v6-c-toolbar__content.pf-m-gap-lg-on-md,
1323
+ .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-md {
1324
+ column-gap: var(--pf-t--global--spacer--lg);
1325
+ }
1326
+ .pf-v6-c-toolbar__group.pf-m-gap-xl-on-md,
1327
+ .pf-v6-c-toolbar__item.pf-m-gap-xl-on-md,
1328
+ .pf-v6-c-toolbar__content.pf-m-gap-xl-on-md,
1329
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-md {
1330
+ column-gap: var(--pf-t--global--spacer--xl);
1331
+ }
1332
+ .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-md,
1333
+ .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-md,
1334
+ .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-md,
1335
+ .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-md {
1336
+ column-gap: var(--pf-t--global--spacer--2xl);
1337
+ }
1338
+ .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-md,
1339
+ .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-md,
1340
+ .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-md,
1341
+ .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-md {
1342
+ column-gap: var(--pf-t--global--spacer--3xl);
1343
+ }
1344
+ .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-md,
1345
+ .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-md,
1346
+ .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-md,
1347
+ .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-md {
1348
+ column-gap: var(--pf-t--global--spacer--4xl);
1349
+ }
1350
+ .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-md,
1351
+ .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-md,
1352
+ .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-md,
1353
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-md {
1354
+ column-gap: 0;
1355
+ }
1356
+ .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-md,
1357
+ .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-md,
1358
+ .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-md,
1359
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-md {
1360
+ column-gap: 0;
1361
+ }
1362
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-md,
1363
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-md,
1364
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-md,
1365
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-md {
685
1366
  margin-inline-start: 0;
686
1367
  }
687
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl,
688
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl {
689
- margin-inline-start: 0;
1368
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-md,
1369
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-md,
1370
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-md,
1371
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-md {
1372
+ margin-inline-end: 0;
1373
+ }
1374
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-md,
1375
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-md,
1376
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-md,
1377
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-md {
1378
+ column-gap: var(--pf-t--global--spacer--xs);
1379
+ }
1380
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-md,
1381
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-md,
1382
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-md,
1383
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
1384
+ column-gap: var(--pf-t--global--spacer--xs);
1385
+ }
1386
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-md,
1387
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-md,
1388
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-md,
1389
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-md {
1390
+ margin-inline-start: var(--pf-t--global--spacer--xs);
1391
+ }
1392
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-md,
1393
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-md,
1394
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-md,
1395
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-md {
1396
+ margin-inline-end: var(--pf-t--global--spacer--xs);
1397
+ }
1398
+ .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-md,
1399
+ .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-md,
1400
+ .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-md,
1401
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-md {
1402
+ column-gap: var(--pf-t--global--spacer--sm);
1403
+ }
1404
+ .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-md,
1405
+ .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-md,
1406
+ .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-md,
1407
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
1408
+ column-gap: var(--pf-t--global--spacer--sm);
1409
+ }
1410
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-md,
1411
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-md,
1412
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-md,
1413
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-md {
1414
+ margin-inline-start: var(--pf-t--global--spacer--sm);
1415
+ }
1416
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-md,
1417
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-md,
1418
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-md,
1419
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-md {
1420
+ margin-inline-end: var(--pf-t--global--spacer--sm);
1421
+ }
1422
+ .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-md,
1423
+ .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-md,
1424
+ .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-md,
1425
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-md {
1426
+ column-gap: var(--pf-t--global--spacer--md);
1427
+ }
1428
+ .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-md,
1429
+ .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-md,
1430
+ .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-md,
1431
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-md {
1432
+ column-gap: var(--pf-t--global--spacer--md);
1433
+ }
1434
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-md,
1435
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-md,
1436
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-md,
1437
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-md {
1438
+ margin-inline-start: var(--pf-t--global--spacer--md);
1439
+ }
1440
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-md,
1441
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-md,
1442
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-md,
1443
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-md {
1444
+ margin-inline-end: var(--pf-t--global--spacer--md);
1445
+ }
1446
+ .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-md,
1447
+ .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-md,
1448
+ .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-md,
1449
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-md {
1450
+ column-gap: var(--pf-t--global--spacer--lg);
1451
+ }
1452
+ .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-md,
1453
+ .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-md,
1454
+ .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-md,
1455
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
1456
+ column-gap: var(--pf-t--global--spacer--lg);
1457
+ }
1458
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-md,
1459
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-md,
1460
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-md,
1461
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-md {
1462
+ margin-inline-start: var(--pf-t--global--spacer--lg);
1463
+ }
1464
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-md,
1465
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-md,
1466
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-md,
1467
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-md {
1468
+ margin-inline-end: var(--pf-t--global--spacer--lg);
1469
+ }
1470
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-md,
1471
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-md,
1472
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-md,
1473
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-md {
1474
+ column-gap: var(--pf-t--global--spacer--xl);
1475
+ }
1476
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-md,
1477
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-md,
1478
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-md,
1479
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
1480
+ column-gap: var(--pf-t--global--spacer--xl);
1481
+ }
1482
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-md,
1483
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-md,
1484
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-md,
1485
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-md {
1486
+ margin-inline-start: var(--pf-t--global--spacer--xl);
1487
+ }
1488
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-md,
1489
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-md,
1490
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-md,
1491
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-md {
1492
+ margin-inline-end: var(--pf-t--global--spacer--xl);
1493
+ }
1494
+ .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-md,
1495
+ .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-md,
1496
+ .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-md,
1497
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-md {
1498
+ column-gap: var(--pf-t--global--spacer--2xl);
1499
+ }
1500
+ .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-md,
1501
+ .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-md,
1502
+ .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-md,
1503
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
1504
+ column-gap: var(--pf-t--global--spacer--2xl);
1505
+ }
1506
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-md,
1507
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-md,
1508
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-md,
1509
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-md {
1510
+ margin-inline-start: var(--pf-t--global--spacer--2xl);
1511
+ }
1512
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-md,
1513
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-md,
1514
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-md,
1515
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-md {
1516
+ margin-inline-end: var(--pf-t--global--spacer--2xl);
1517
+ }
1518
+ .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-md,
1519
+ .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-md,
1520
+ .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-md,
1521
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-md {
1522
+ column-gap: var(--pf-t--global--spacer--3xl);
1523
+ }
1524
+ .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-md,
1525
+ .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-md,
1526
+ .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-md,
1527
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
1528
+ column-gap: var(--pf-t--global--spacer--3xl);
1529
+ }
1530
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-md,
1531
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-md,
1532
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-md,
1533
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-md {
1534
+ margin-inline-start: var(--pf-t--global--spacer--3xl);
1535
+ }
1536
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-md,
1537
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-md,
1538
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-md,
1539
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-md {
1540
+ margin-inline-end: var(--pf-t--global--spacer--3xl);
1541
+ }
1542
+ .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-md,
1543
+ .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-md,
1544
+ .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-md,
1545
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-md {
1546
+ column-gap: var(--pf-t--global--spacer--4xl);
1547
+ }
1548
+ .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-md,
1549
+ .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-md,
1550
+ .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-md,
1551
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
1552
+ column-gap: var(--pf-t--global--spacer--4xl);
1553
+ }
1554
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-md,
1555
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-md,
1556
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-md,
1557
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-md {
1558
+ margin-inline-start: var(--pf-t--global--spacer--4xl);
1559
+ }
1560
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-md,
1561
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-md,
1562
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-md,
1563
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-md {
1564
+ margin-inline-end: var(--pf-t--global--spacer--4xl);
1565
+ }
1566
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__group,
1567
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__item {
1568
+ display: flex;
1569
+ flex: 0 1 auto;
690
1570
  }
691
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
692
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
693
- margin-inline-start: auto;
1571
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__toggle {
1572
+ display: none;
694
1573
  }
695
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl,
696
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl {
697
- flex-wrap: nowrap;
1574
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
1575
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v6-c-toolbar__group,
1576
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v6-c-toolbar__item {
1577
+ display: none;
698
1578
  }
699
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl,
700
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-xl {
701
- flex-wrap: wrap;
1579
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v6-c-toolbar__toggle {
1580
+ display: inline-block;
702
1581
  }
703
1582
  }
704
- @media (min-width: 1450px) {
705
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl,
706
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl {
707
- margin-inline-start: auto;
708
- }
709
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
710
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
711
- margin-inline-start: 0;
712
- }
713
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl,
714
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl {
1583
+ @media (min-width: 992px) {
1584
+ .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
1585
+ .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
715
1586
  margin-inline-start: 0;
716
1587
  }
717
- .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
718
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
1588
+ .pf-v6-c-toolbar__group.pf-m-align-center-on-lg,
1589
+ .pf-v6-c-toolbar__item.pf-m-align-center-on-lg {
719
1590
  margin-inline-start: auto;
1591
+ margin-inline-end: auto;
720
1592
  }
721
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl,
722
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl {
723
- flex-wrap: nowrap;
1593
+ .pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
1594
+ .pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
1595
+ margin-inline-start: auto;
724
1596
  }
725
- .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl,
726
- .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl {
1597
+ .pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
1598
+ .pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
1599
+ flex-grow: 1;
1600
+ }
1601
+ .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-lg,
1602
+ .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-lg {
1603
+ align-self: stretch;
1604
+ }
1605
+ .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-lg,
1606
+ .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-lg {
1607
+ align-self: baseline;
1608
+ }
1609
+ .pf-v6-c-toolbar__group.pf-m-align-self-start-on-lg,
1610
+ .pf-v6-c-toolbar__item.pf-m-align-self-start-on-lg {
1611
+ align-self: start;
1612
+ }
1613
+ .pf-v6-c-toolbar__group.pf-m-align-self-center-on-lg,
1614
+ .pf-v6-c-toolbar__item.pf-m-align-self-center-on-lg {
1615
+ align-self: center;
1616
+ }
1617
+ .pf-v6-c-toolbar__group.pf-m-align-self-end-on-lg,
1618
+ .pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
1619
+ align-self: end;
1620
+ }
1621
+ .pf-v6-c-toolbar.pf-m-inset-none-on-lg,
1622
+ .pf-v6-c-toolbar__content.pf-m-inset-none-on-lg,
1623
+ .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-lg {
1624
+ --pf-v6-c-toolbar__content--PaddingInline: 0;
1625
+ }
1626
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-lg,
1627
+ .pf-v6-c-toolbar__content.pf-m-inset-xs-on-lg,
1628
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-lg {
1629
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
1630
+ }
1631
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-lg,
1632
+ .pf-v6-c-toolbar__content.pf-m-inset-sm-on-lg,
1633
+ .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-lg {
1634
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
1635
+ }
1636
+ .pf-v6-c-toolbar.pf-m-inset-md-on-lg,
1637
+ .pf-v6-c-toolbar__content.pf-m-inset-md-on-lg,
1638
+ .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-lg {
1639
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
1640
+ }
1641
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-lg,
1642
+ .pf-v6-c-toolbar__content.pf-m-inset-lg-on-lg,
1643
+ .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-lg {
1644
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
1645
+ }
1646
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-lg,
1647
+ .pf-v6-c-toolbar__content.pf-m-inset-xl-on-lg,
1648
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-lg {
1649
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
1650
+ }
1651
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg,
1652
+ .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-lg,
1653
+ .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-lg {
1654
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
1655
+ }
1656
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg,
1657
+ .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-lg,
1658
+ .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-lg {
1659
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
1660
+ }
1661
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg,
1662
+ .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-lg,
1663
+ .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-lg {
1664
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
1665
+ }
1666
+ .pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
1667
+ .pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
1668
+ .pf-v6-c-toolbar__content.pf-m-wrap-on-lg,
1669
+ .pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
727
1670
  flex-wrap: wrap;
728
1671
  }
729
- }
730
- .pf-v5-c-toolbar .pf-m-space-items-none > * {
731
- --pf-v5-c-toolbar--spacer: 0;
732
- }
733
- .pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
734
- --pf-v5-c-toolbar--spacer: 0;
735
- }
736
- .pf-v5-c-toolbar .pf-m-space-items-sm > * {
737
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
738
- }
739
- .pf-v5-c-toolbar .pf-m-space-items-sm > :last-child {
740
- --pf-v5-c-toolbar--spacer: 0;
741
- }
742
- .pf-v5-c-toolbar .pf-m-space-items-md > * {
743
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
744
- }
745
- .pf-v5-c-toolbar .pf-m-space-items-md > :last-child {
746
- --pf-v5-c-toolbar--spacer: 0;
747
- }
748
- .pf-v5-c-toolbar .pf-m-space-items-lg > * {
749
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
750
- }
751
- .pf-v5-c-toolbar .pf-m-space-items-lg > :last-child {
752
- --pf-v5-c-toolbar--spacer: 0;
753
- }
754
- @media (min-width: 576px) {
755
- .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
756
- --pf-v5-c-toolbar--spacer: 0;
757
- }
758
- .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
759
- --pf-v5-c-toolbar--spacer: 0;
760
- }
761
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
762
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
763
- }
764
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > :last-child {
765
- --pf-v5-c-toolbar--spacer: 0;
766
- }
767
- .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > * {
768
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
769
- }
770
- .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > :last-child {
771
- --pf-v5-c-toolbar--spacer: 0;
772
- }
773
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > * {
774
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
775
- }
776
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > :last-child {
777
- --pf-v5-c-toolbar--spacer: 0;
778
- }
779
- }
780
- @media (min-width: 768px) {
781
- .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
782
- --pf-v5-c-toolbar--spacer: 0;
783
- }
784
- .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
785
- --pf-v5-c-toolbar--spacer: 0;
786
- }
787
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
788
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
789
- }
790
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > :last-child {
791
- --pf-v5-c-toolbar--spacer: 0;
792
- }
793
- .pf-v5-c-toolbar .pf-m-space-items-md-on-md > * {
794
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
795
- }
796
- .pf-v5-c-toolbar .pf-m-space-items-md-on-md > :last-child {
797
- --pf-v5-c-toolbar--spacer: 0;
798
- }
799
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > * {
800
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
801
- }
802
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > :last-child {
803
- --pf-v5-c-toolbar--spacer: 0;
804
- }
805
- }
806
- @media (min-width: 992px) {
807
- .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
808
- --pf-v5-c-toolbar--spacer: 0;
809
- }
810
- .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
811
- --pf-v5-c-toolbar--spacer: 0;
812
- }
813
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
814
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
1672
+ .pf-v6-c-toolbar__group.pf-m-nowrap-on-lg,
1673
+ .pf-v6-c-toolbar__item.pf-m-nowrap-on-lg,
1674
+ .pf-v6-c-toolbar__content.pf-m-nowrap-on-lg,
1675
+ .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-lg {
1676
+ flex-wrap: nowrap;
815
1677
  }
816
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > :last-child {
817
- --pf-v5-c-toolbar--spacer: 0;
1678
+ .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-lg,
1679
+ .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-lg,
1680
+ .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-lg,
1681
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-lg {
1682
+ align-items: stretch;
1683
+ }
1684
+ .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-lg,
1685
+ .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-lg,
1686
+ .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-lg,
1687
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-lg {
1688
+ align-items: baseline;
1689
+ }
1690
+ .pf-v6-c-toolbar__group.pf-m-align-items-start-on-lg,
1691
+ .pf-v6-c-toolbar__item.pf-m-align-items-start-on-lg,
1692
+ .pf-v6-c-toolbar__content.pf-m-align-items-start-on-lg,
1693
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-lg {
1694
+ align-items: start;
1695
+ }
1696
+ .pf-v6-c-toolbar__group.pf-m-align-items-center-on-lg,
1697
+ .pf-v6-c-toolbar__item.pf-m-align-items-center-on-lg,
1698
+ .pf-v6-c-toolbar__content.pf-m-align-items-center-on-lg,
1699
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-lg {
1700
+ align-items: center;
1701
+ }
1702
+ .pf-v6-c-toolbar__group.pf-m-align-items-end-on-lg,
1703
+ .pf-v6-c-toolbar__item.pf-m-align-items-end-on-lg,
1704
+ .pf-v6-c-toolbar__content.pf-m-align-items-end-on-lg,
1705
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-lg {
1706
+ align-items: end;
1707
+ }
1708
+ .pf-v6-c-toolbar__group.pf-m-gap-none-on-lg,
1709
+ .pf-v6-c-toolbar__item.pf-m-gap-none-on-lg,
1710
+ .pf-v6-c-toolbar__content.pf-m-gap-none-on-lg,
1711
+ .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-lg {
1712
+ column-gap: 0;
1713
+ }
1714
+ .pf-v6-c-toolbar__group.pf-m-gap-xs-on-lg,
1715
+ .pf-v6-c-toolbar__item.pf-m-gap-xs-on-lg,
1716
+ .pf-v6-c-toolbar__content.pf-m-gap-xs-on-lg,
1717
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-lg {
1718
+ column-gap: var(--pf-t--global--spacer--xs);
1719
+ }
1720
+ .pf-v6-c-toolbar__group.pf-m-gap-sm-on-lg,
1721
+ .pf-v6-c-toolbar__item.pf-m-gap-sm-on-lg,
1722
+ .pf-v6-c-toolbar__content.pf-m-gap-sm-on-lg,
1723
+ .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-lg {
1724
+ column-gap: var(--pf-t--global--spacer--sm);
1725
+ }
1726
+ .pf-v6-c-toolbar__group.pf-m-gap-md-on-lg,
1727
+ .pf-v6-c-toolbar__item.pf-m-gap-md-on-lg,
1728
+ .pf-v6-c-toolbar__content.pf-m-gap-md-on-lg,
1729
+ .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-lg {
1730
+ column-gap: var(--pf-t--global--spacer--md);
1731
+ }
1732
+ .pf-v6-c-toolbar__group.pf-m-gap-lg-on-lg,
1733
+ .pf-v6-c-toolbar__item.pf-m-gap-lg-on-lg,
1734
+ .pf-v6-c-toolbar__content.pf-m-gap-lg-on-lg,
1735
+ .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-lg {
1736
+ column-gap: var(--pf-t--global--spacer--lg);
1737
+ }
1738
+ .pf-v6-c-toolbar__group.pf-m-gap-xl-on-lg,
1739
+ .pf-v6-c-toolbar__item.pf-m-gap-xl-on-lg,
1740
+ .pf-v6-c-toolbar__content.pf-m-gap-xl-on-lg,
1741
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-lg {
1742
+ column-gap: var(--pf-t--global--spacer--xl);
1743
+ }
1744
+ .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-lg,
1745
+ .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-lg,
1746
+ .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-lg,
1747
+ .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
1748
+ column-gap: var(--pf-t--global--spacer--2xl);
1749
+ }
1750
+ .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-lg,
1751
+ .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-lg,
1752
+ .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-lg,
1753
+ .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
1754
+ column-gap: var(--pf-t--global--spacer--3xl);
1755
+ }
1756
+ .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-lg,
1757
+ .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-lg,
1758
+ .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-lg,
1759
+ .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
1760
+ column-gap: var(--pf-t--global--spacer--4xl);
1761
+ }
1762
+ .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-lg,
1763
+ .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-lg,
1764
+ .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-lg,
1765
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-lg {
1766
+ column-gap: 0;
1767
+ }
1768
+ .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-lg,
1769
+ .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-lg,
1770
+ .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-lg,
1771
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
1772
+ column-gap: 0;
1773
+ }
1774
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-lg,
1775
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-lg,
1776
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-lg,
1777
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-lg {
1778
+ margin-inline-start: 0;
818
1779
  }
819
- .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > * {
820
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
1780
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-lg,
1781
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-lg,
1782
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-lg,
1783
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-lg {
1784
+ margin-inline-end: 0;
1785
+ }
1786
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-lg,
1787
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-lg,
1788
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-lg,
1789
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-lg {
1790
+ column-gap: var(--pf-t--global--spacer--xs);
1791
+ }
1792
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-lg,
1793
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-lg,
1794
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-lg,
1795
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
1796
+ column-gap: var(--pf-t--global--spacer--xs);
1797
+ }
1798
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-lg,
1799
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-lg,
1800
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-lg,
1801
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-lg {
1802
+ margin-inline-start: var(--pf-t--global--spacer--xs);
1803
+ }
1804
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-lg,
1805
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-lg,
1806
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-lg,
1807
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-lg {
1808
+ margin-inline-end: var(--pf-t--global--spacer--xs);
1809
+ }
1810
+ .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-lg,
1811
+ .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-lg,
1812
+ .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-lg,
1813
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-lg {
1814
+ column-gap: var(--pf-t--global--spacer--sm);
1815
+ }
1816
+ .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-lg,
1817
+ .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-lg,
1818
+ .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-lg,
1819
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
1820
+ column-gap: var(--pf-t--global--spacer--sm);
1821
+ }
1822
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-lg,
1823
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-lg,
1824
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-lg,
1825
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-lg {
1826
+ margin-inline-start: var(--pf-t--global--spacer--sm);
1827
+ }
1828
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-lg,
1829
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-lg,
1830
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-lg,
1831
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-lg {
1832
+ margin-inline-end: var(--pf-t--global--spacer--sm);
1833
+ }
1834
+ .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-lg,
1835
+ .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-lg,
1836
+ .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-lg,
1837
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-lg {
1838
+ column-gap: var(--pf-t--global--spacer--md);
1839
+ }
1840
+ .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-lg,
1841
+ .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-lg,
1842
+ .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-lg,
1843
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
1844
+ column-gap: var(--pf-t--global--spacer--md);
1845
+ }
1846
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-lg,
1847
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-lg,
1848
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-lg,
1849
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-lg {
1850
+ margin-inline-start: var(--pf-t--global--spacer--md);
1851
+ }
1852
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-lg,
1853
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-lg,
1854
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-lg,
1855
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-lg {
1856
+ margin-inline-end: var(--pf-t--global--spacer--md);
1857
+ }
1858
+ .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-lg,
1859
+ .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-lg,
1860
+ .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-lg,
1861
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-lg {
1862
+ column-gap: var(--pf-t--global--spacer--lg);
1863
+ }
1864
+ .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-lg,
1865
+ .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-lg,
1866
+ .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-lg,
1867
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
1868
+ column-gap: var(--pf-t--global--spacer--lg);
1869
+ }
1870
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-lg,
1871
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-lg,
1872
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-lg,
1873
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-lg {
1874
+ margin-inline-start: var(--pf-t--global--spacer--lg);
1875
+ }
1876
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-lg,
1877
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-lg,
1878
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-lg,
1879
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-lg {
1880
+ margin-inline-end: var(--pf-t--global--spacer--lg);
1881
+ }
1882
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-lg,
1883
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-lg,
1884
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-lg,
1885
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-lg {
1886
+ column-gap: var(--pf-t--global--spacer--xl);
1887
+ }
1888
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-lg,
1889
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-lg,
1890
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-lg,
1891
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
1892
+ column-gap: var(--pf-t--global--spacer--xl);
1893
+ }
1894
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-lg,
1895
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-lg,
1896
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-lg,
1897
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-lg {
1898
+ margin-inline-start: var(--pf-t--global--spacer--xl);
1899
+ }
1900
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-lg,
1901
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-lg,
1902
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-lg,
1903
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-lg {
1904
+ margin-inline-end: var(--pf-t--global--spacer--xl);
1905
+ }
1906
+ .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-lg,
1907
+ .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-lg,
1908
+ .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-lg,
1909
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-lg {
1910
+ column-gap: var(--pf-t--global--spacer--2xl);
1911
+ }
1912
+ .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-lg,
1913
+ .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
1914
+ .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-lg,
1915
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
1916
+ column-gap: var(--pf-t--global--spacer--2xl);
1917
+ }
1918
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-lg,
1919
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-lg,
1920
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-lg,
1921
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-lg {
1922
+ margin-inline-start: var(--pf-t--global--spacer--2xl);
1923
+ }
1924
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-lg,
1925
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-lg,
1926
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-lg,
1927
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-lg {
1928
+ margin-inline-end: var(--pf-t--global--spacer--2xl);
1929
+ }
1930
+ .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-lg,
1931
+ .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-lg,
1932
+ .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-lg,
1933
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-lg {
1934
+ column-gap: var(--pf-t--global--spacer--3xl);
1935
+ }
1936
+ .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-lg,
1937
+ .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
1938
+ .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-lg,
1939
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
1940
+ column-gap: var(--pf-t--global--spacer--3xl);
1941
+ }
1942
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-lg,
1943
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-lg,
1944
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-lg,
1945
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-lg {
1946
+ margin-inline-start: var(--pf-t--global--spacer--3xl);
1947
+ }
1948
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-lg,
1949
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-lg,
1950
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-lg,
1951
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-lg {
1952
+ margin-inline-end: var(--pf-t--global--spacer--3xl);
1953
+ }
1954
+ .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-lg,
1955
+ .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-lg,
1956
+ .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-lg,
1957
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-lg {
1958
+ column-gap: var(--pf-t--global--spacer--4xl);
1959
+ }
1960
+ .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-lg,
1961
+ .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
1962
+ .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-lg,
1963
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
1964
+ column-gap: var(--pf-t--global--spacer--4xl);
1965
+ }
1966
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-lg,
1967
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-lg,
1968
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-lg,
1969
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-lg {
1970
+ margin-inline-start: var(--pf-t--global--spacer--4xl);
1971
+ }
1972
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-lg,
1973
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-lg,
1974
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-lg,
1975
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-lg {
1976
+ margin-inline-end: var(--pf-t--global--spacer--4xl);
1977
+ }
1978
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__group,
1979
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__item {
1980
+ display: flex;
1981
+ flex: 0 1 auto;
821
1982
  }
822
- .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > :last-child {
823
- --pf-v5-c-toolbar--spacer: 0;
1983
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__toggle {
1984
+ display: none;
824
1985
  }
825
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > * {
826
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
1986
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
1987
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v6-c-toolbar__group,
1988
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v6-c-toolbar__item {
1989
+ display: none;
827
1990
  }
828
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > :last-child {
829
- --pf-v5-c-toolbar--spacer: 0;
1991
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v6-c-toolbar__toggle {
1992
+ display: inline-block;
830
1993
  }
831
1994
  }
832
1995
  @media (min-width: 1200px) {
833
- .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
834
- --pf-v5-c-toolbar--spacer: 0;
835
- }
836
- .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
837
- --pf-v5-c-toolbar--spacer: 0;
838
- }
839
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
840
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
841
- }
842
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > :last-child {
843
- --pf-v5-c-toolbar--spacer: 0;
844
- }
845
- .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > * {
846
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
847
- }
848
- .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > :last-child {
849
- --pf-v5-c-toolbar--spacer: 0;
850
- }
851
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > * {
852
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
853
- }
854
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > :last-child {
855
- --pf-v5-c-toolbar--spacer: 0;
856
- }
857
- }
858
- @media (min-width: 1450px) {
859
- .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
860
- --pf-v5-c-toolbar--spacer: 0;
861
- }
862
- .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
863
- --pf-v5-c-toolbar--spacer: 0;
864
- }
865
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
866
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
867
- }
868
- .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
869
- --pf-v5-c-toolbar--spacer: 0;
870
- }
871
- .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > * {
872
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
873
- }
874
- .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > :last-child {
875
- --pf-v5-c-toolbar--spacer: 0;
876
- }
877
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > * {
878
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
879
- }
880
- .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child {
881
- --pf-v5-c-toolbar--spacer: 0;
882
- }
883
- }
884
- .pf-v5-c-toolbar .pf-m-spacer-none {
885
- --pf-v5-c-toolbar--spacer: 0;
886
- }
887
- .pf-v5-c-toolbar .pf-m-spacer-none:last-child {
888
- --pf-v5-c-toolbar--spacer: 0;
889
- }
890
- .pf-v5-c-toolbar .pf-m-spacer-sm {
891
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
892
- }
893
- .pf-v5-c-toolbar .pf-m-spacer-sm:last-child {
894
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
895
- }
896
- .pf-v5-c-toolbar .pf-m-spacer-md {
897
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
898
- }
899
- .pf-v5-c-toolbar .pf-m-spacer-md:last-child {
900
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
901
- }
902
- .pf-v5-c-toolbar .pf-m-spacer-lg {
903
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
904
- }
905
- .pf-v5-c-toolbar .pf-m-spacer-lg:last-child {
906
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
907
- }
908
- @media (min-width: 576px) {
909
- .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
910
- --pf-v5-c-toolbar--spacer: 0;
911
- }
912
- .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
913
- --pf-v5-c-toolbar--spacer: 0;
914
- }
915
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
916
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
917
- }
918
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
919
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
920
- }
921
- .pf-v5-c-toolbar .pf-m-spacer-md-on-sm {
922
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
923
- }
924
- .pf-v5-c-toolbar .pf-m-spacer-md-on-sm:last-child {
925
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
926
- }
927
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm {
928
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
929
- }
930
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
931
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
932
- }
933
- }
934
- @media (min-width: 768px) {
935
- .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
936
- --pf-v5-c-toolbar--spacer: 0;
937
- }
938
- .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
939
- --pf-v5-c-toolbar--spacer: 0;
940
- }
941
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
942
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
943
- }
944
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-md:last-child {
945
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
946
- }
947
- .pf-v5-c-toolbar .pf-m-spacer-md-on-md {
948
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
949
- }
950
- .pf-v5-c-toolbar .pf-m-spacer-md-on-md:last-child {
951
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
952
- }
953
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-md {
954
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
955
- }
956
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-md:last-child {
957
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
958
- }
959
- }
960
- @media (min-width: 992px) {
961
- .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
962
- --pf-v5-c-toolbar--spacer: 0;
963
- }
964
- .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
965
- --pf-v5-c-toolbar--spacer: 0;
966
- }
967
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
968
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
969
- }
970
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
971
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
972
- }
973
- .pf-v5-c-toolbar .pf-m-spacer-md-on-lg {
974
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
975
- }
976
- .pf-v5-c-toolbar .pf-m-spacer-md-on-lg:last-child {
977
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
978
- }
979
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg {
980
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
1996
+ .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
1997
+ .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
1998
+ margin-inline-start: 0;
981
1999
  }
982
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
983
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
2000
+ .pf-v6-c-toolbar__group.pf-m-align-center-on-xl,
2001
+ .pf-v6-c-toolbar__item.pf-m-align-center-on-xl {
2002
+ margin-inline-start: auto;
2003
+ margin-inline-end: auto;
984
2004
  }
985
- }
986
- @media (min-width: 1200px) {
987
- .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
988
- --pf-v5-c-toolbar--spacer: 0;
2005
+ .pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
2006
+ .pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
2007
+ margin-inline-start: auto;
989
2008
  }
990
- .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
991
- --pf-v5-c-toolbar--spacer: 0;
2009
+ .pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
2010
+ .pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
2011
+ flex-grow: 1;
2012
+ }
2013
+ .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-xl,
2014
+ .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-xl {
2015
+ align-self: stretch;
2016
+ }
2017
+ .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-xl,
2018
+ .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-xl {
2019
+ align-self: baseline;
2020
+ }
2021
+ .pf-v6-c-toolbar__group.pf-m-align-self-start-on-xl,
2022
+ .pf-v6-c-toolbar__item.pf-m-align-self-start-on-xl {
2023
+ align-self: start;
2024
+ }
2025
+ .pf-v6-c-toolbar__group.pf-m-align-self-center-on-xl,
2026
+ .pf-v6-c-toolbar__item.pf-m-align-self-center-on-xl {
2027
+ align-self: center;
2028
+ }
2029
+ .pf-v6-c-toolbar__group.pf-m-align-self-end-on-xl,
2030
+ .pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
2031
+ align-self: end;
2032
+ }
2033
+ .pf-v6-c-toolbar.pf-m-inset-none-on-xl,
2034
+ .pf-v6-c-toolbar__content.pf-m-inset-none-on-xl,
2035
+ .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-xl {
2036
+ --pf-v6-c-toolbar__content--PaddingInline: 0;
2037
+ }
2038
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-xl,
2039
+ .pf-v6-c-toolbar__content.pf-m-inset-xs-on-xl,
2040
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-xl {
2041
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
2042
+ }
2043
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-xl,
2044
+ .pf-v6-c-toolbar__content.pf-m-inset-sm-on-xl,
2045
+ .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-xl {
2046
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
2047
+ }
2048
+ .pf-v6-c-toolbar.pf-m-inset-md-on-xl,
2049
+ .pf-v6-c-toolbar__content.pf-m-inset-md-on-xl,
2050
+ .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-xl {
2051
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
2052
+ }
2053
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-xl,
2054
+ .pf-v6-c-toolbar__content.pf-m-inset-lg-on-xl,
2055
+ .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-xl {
2056
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
2057
+ }
2058
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-xl,
2059
+ .pf-v6-c-toolbar__content.pf-m-inset-xl-on-xl,
2060
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-xl {
2061
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
2062
+ }
2063
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl,
2064
+ .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-xl,
2065
+ .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-xl {
2066
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
2067
+ }
2068
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl,
2069
+ .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-xl,
2070
+ .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-xl {
2071
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
2072
+ }
2073
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl,
2074
+ .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-xl,
2075
+ .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-xl {
2076
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
2077
+ }
2078
+ .pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
2079
+ .pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
2080
+ .pf-v6-c-toolbar__content.pf-m-wrap-on-xl,
2081
+ .pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
2082
+ flex-wrap: wrap;
992
2083
  }
993
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
994
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
2084
+ .pf-v6-c-toolbar__group.pf-m-nowrap-on-xl,
2085
+ .pf-v6-c-toolbar__item.pf-m-nowrap-on-xl,
2086
+ .pf-v6-c-toolbar__content.pf-m-nowrap-on-xl,
2087
+ .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-xl {
2088
+ flex-wrap: nowrap;
995
2089
  }
996
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
997
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
2090
+ .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-xl,
2091
+ .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-xl,
2092
+ .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-xl,
2093
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-xl {
2094
+ align-items: stretch;
2095
+ }
2096
+ .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-xl,
2097
+ .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-xl,
2098
+ .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-xl,
2099
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-xl {
2100
+ align-items: baseline;
2101
+ }
2102
+ .pf-v6-c-toolbar__group.pf-m-align-items-start-on-xl,
2103
+ .pf-v6-c-toolbar__item.pf-m-align-items-start-on-xl,
2104
+ .pf-v6-c-toolbar__content.pf-m-align-items-start-on-xl,
2105
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-xl {
2106
+ align-items: start;
2107
+ }
2108
+ .pf-v6-c-toolbar__group.pf-m-align-items-center-on-xl,
2109
+ .pf-v6-c-toolbar__item.pf-m-align-items-center-on-xl,
2110
+ .pf-v6-c-toolbar__content.pf-m-align-items-center-on-xl,
2111
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-xl {
2112
+ align-items: center;
2113
+ }
2114
+ .pf-v6-c-toolbar__group.pf-m-align-items-end-on-xl,
2115
+ .pf-v6-c-toolbar__item.pf-m-align-items-end-on-xl,
2116
+ .pf-v6-c-toolbar__content.pf-m-align-items-end-on-xl,
2117
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-xl {
2118
+ align-items: end;
2119
+ }
2120
+ .pf-v6-c-toolbar__group.pf-m-gap-none-on-xl,
2121
+ .pf-v6-c-toolbar__item.pf-m-gap-none-on-xl,
2122
+ .pf-v6-c-toolbar__content.pf-m-gap-none-on-xl,
2123
+ .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-xl {
2124
+ column-gap: 0;
2125
+ }
2126
+ .pf-v6-c-toolbar__group.pf-m-gap-xs-on-xl,
2127
+ .pf-v6-c-toolbar__item.pf-m-gap-xs-on-xl,
2128
+ .pf-v6-c-toolbar__content.pf-m-gap-xs-on-xl,
2129
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-xl {
2130
+ column-gap: var(--pf-t--global--spacer--xs);
2131
+ }
2132
+ .pf-v6-c-toolbar__group.pf-m-gap-sm-on-xl,
2133
+ .pf-v6-c-toolbar__item.pf-m-gap-sm-on-xl,
2134
+ .pf-v6-c-toolbar__content.pf-m-gap-sm-on-xl,
2135
+ .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-xl {
2136
+ column-gap: var(--pf-t--global--spacer--sm);
2137
+ }
2138
+ .pf-v6-c-toolbar__group.pf-m-gap-md-on-xl,
2139
+ .pf-v6-c-toolbar__item.pf-m-gap-md-on-xl,
2140
+ .pf-v6-c-toolbar__content.pf-m-gap-md-on-xl,
2141
+ .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-xl {
2142
+ column-gap: var(--pf-t--global--spacer--md);
2143
+ }
2144
+ .pf-v6-c-toolbar__group.pf-m-gap-lg-on-xl,
2145
+ .pf-v6-c-toolbar__item.pf-m-gap-lg-on-xl,
2146
+ .pf-v6-c-toolbar__content.pf-m-gap-lg-on-xl,
2147
+ .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-xl {
2148
+ column-gap: var(--pf-t--global--spacer--lg);
2149
+ }
2150
+ .pf-v6-c-toolbar__group.pf-m-gap-xl-on-xl,
2151
+ .pf-v6-c-toolbar__item.pf-m-gap-xl-on-xl,
2152
+ .pf-v6-c-toolbar__content.pf-m-gap-xl-on-xl,
2153
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-xl {
2154
+ column-gap: var(--pf-t--global--spacer--xl);
2155
+ }
2156
+ .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-xl,
2157
+ .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-xl,
2158
+ .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-xl,
2159
+ .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
2160
+ column-gap: var(--pf-t--global--spacer--2xl);
2161
+ }
2162
+ .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-xl,
2163
+ .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-xl,
2164
+ .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-xl,
2165
+ .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
2166
+ column-gap: var(--pf-t--global--spacer--3xl);
2167
+ }
2168
+ .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-xl,
2169
+ .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-xl,
2170
+ .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-xl,
2171
+ .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
2172
+ column-gap: var(--pf-t--global--spacer--4xl);
2173
+ }
2174
+ .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-xl,
2175
+ .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-xl,
2176
+ .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-xl,
2177
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-xl {
2178
+ column-gap: 0;
2179
+ }
2180
+ .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-xl,
2181
+ .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-xl,
2182
+ .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-xl,
2183
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
2184
+ column-gap: 0;
2185
+ }
2186
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-xl,
2187
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-xl,
2188
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-xl,
2189
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-xl {
2190
+ margin-inline-start: 0;
998
2191
  }
999
- .pf-v5-c-toolbar .pf-m-spacer-md-on-xl {
1000
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
2192
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-xl,
2193
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-xl,
2194
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-xl,
2195
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-xl {
2196
+ margin-inline-end: 0;
2197
+ }
2198
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-xl,
2199
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-xl,
2200
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-xl,
2201
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-xl {
2202
+ column-gap: var(--pf-t--global--spacer--xs);
2203
+ }
2204
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-xl,
2205
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-xl,
2206
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-xl,
2207
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
2208
+ column-gap: var(--pf-t--global--spacer--xs);
2209
+ }
2210
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-xl,
2211
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-xl,
2212
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-xl,
2213
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-xl {
2214
+ margin-inline-start: var(--pf-t--global--spacer--xs);
2215
+ }
2216
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-xl,
2217
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-xl,
2218
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-xl,
2219
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-xl {
2220
+ margin-inline-end: var(--pf-t--global--spacer--xs);
2221
+ }
2222
+ .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-xl,
2223
+ .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-xl,
2224
+ .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-xl,
2225
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-xl {
2226
+ column-gap: var(--pf-t--global--spacer--sm);
2227
+ }
2228
+ .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-xl,
2229
+ .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-xl,
2230
+ .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-xl,
2231
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
2232
+ column-gap: var(--pf-t--global--spacer--sm);
2233
+ }
2234
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-xl,
2235
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-xl,
2236
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-xl,
2237
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-xl {
2238
+ margin-inline-start: var(--pf-t--global--spacer--sm);
2239
+ }
2240
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-xl,
2241
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-xl,
2242
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-xl,
2243
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-xl {
2244
+ margin-inline-end: var(--pf-t--global--spacer--sm);
2245
+ }
2246
+ .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-xl,
2247
+ .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-xl,
2248
+ .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-xl,
2249
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-xl {
2250
+ column-gap: var(--pf-t--global--spacer--md);
2251
+ }
2252
+ .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-xl,
2253
+ .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-xl,
2254
+ .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-xl,
2255
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
2256
+ column-gap: var(--pf-t--global--spacer--md);
2257
+ }
2258
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-xl,
2259
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-xl,
2260
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-xl,
2261
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-xl {
2262
+ margin-inline-start: var(--pf-t--global--spacer--md);
2263
+ }
2264
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-xl,
2265
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-xl,
2266
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-xl,
2267
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-xl {
2268
+ margin-inline-end: var(--pf-t--global--spacer--md);
2269
+ }
2270
+ .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-xl,
2271
+ .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-xl,
2272
+ .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-xl,
2273
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-xl {
2274
+ column-gap: var(--pf-t--global--spacer--lg);
2275
+ }
2276
+ .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-xl,
2277
+ .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-xl,
2278
+ .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-xl,
2279
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
2280
+ column-gap: var(--pf-t--global--spacer--lg);
2281
+ }
2282
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-xl,
2283
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-xl,
2284
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-xl,
2285
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-xl {
2286
+ margin-inline-start: var(--pf-t--global--spacer--lg);
2287
+ }
2288
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-xl,
2289
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-xl,
2290
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-xl,
2291
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-xl {
2292
+ margin-inline-end: var(--pf-t--global--spacer--lg);
2293
+ }
2294
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-xl,
2295
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-xl,
2296
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-xl,
2297
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-xl {
2298
+ column-gap: var(--pf-t--global--spacer--xl);
2299
+ }
2300
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-xl,
2301
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-xl,
2302
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-xl,
2303
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
2304
+ column-gap: var(--pf-t--global--spacer--xl);
2305
+ }
2306
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-xl,
2307
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-xl,
2308
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-xl,
2309
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-xl {
2310
+ margin-inline-start: var(--pf-t--global--spacer--xl);
2311
+ }
2312
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-xl,
2313
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-xl,
2314
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-xl,
2315
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-xl {
2316
+ margin-inline-end: var(--pf-t--global--spacer--xl);
2317
+ }
2318
+ .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-xl,
2319
+ .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-xl,
2320
+ .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-xl,
2321
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-xl {
2322
+ column-gap: var(--pf-t--global--spacer--2xl);
2323
+ }
2324
+ .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-xl,
2325
+ .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
2326
+ .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-xl,
2327
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
2328
+ column-gap: var(--pf-t--global--spacer--2xl);
2329
+ }
2330
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-xl,
2331
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-xl,
2332
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-xl,
2333
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-xl {
2334
+ margin-inline-start: var(--pf-t--global--spacer--2xl);
2335
+ }
2336
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-xl,
2337
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-xl,
2338
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-xl,
2339
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-xl {
2340
+ margin-inline-end: var(--pf-t--global--spacer--2xl);
2341
+ }
2342
+ .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-xl,
2343
+ .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-xl,
2344
+ .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-xl,
2345
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-xl {
2346
+ column-gap: var(--pf-t--global--spacer--3xl);
2347
+ }
2348
+ .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-xl,
2349
+ .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
2350
+ .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-xl,
2351
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
2352
+ column-gap: var(--pf-t--global--spacer--3xl);
2353
+ }
2354
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-xl,
2355
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-xl,
2356
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-xl,
2357
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-xl {
2358
+ margin-inline-start: var(--pf-t--global--spacer--3xl);
2359
+ }
2360
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-xl,
2361
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-xl,
2362
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-xl,
2363
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-xl {
2364
+ margin-inline-end: var(--pf-t--global--spacer--3xl);
2365
+ }
2366
+ .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-xl,
2367
+ .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-xl,
2368
+ .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-xl,
2369
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-xl {
2370
+ column-gap: var(--pf-t--global--spacer--4xl);
2371
+ }
2372
+ .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-xl,
2373
+ .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
2374
+ .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-xl,
2375
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
2376
+ column-gap: var(--pf-t--global--spacer--4xl);
2377
+ }
2378
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-xl,
2379
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-xl,
2380
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-xl,
2381
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-xl {
2382
+ margin-inline-start: var(--pf-t--global--spacer--4xl);
2383
+ }
2384
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-xl,
2385
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-xl,
2386
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-xl,
2387
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-xl {
2388
+ margin-inline-end: var(--pf-t--global--spacer--4xl);
2389
+ }
2390
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__group,
2391
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__item {
2392
+ display: flex;
2393
+ flex: 0 1 auto;
1001
2394
  }
1002
- .pf-v5-c-toolbar .pf-m-spacer-md-on-xl:last-child {
1003
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
2395
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__toggle {
2396
+ display: none;
1004
2397
  }
1005
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl {
1006
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
2398
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
2399
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v6-c-toolbar__group,
2400
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v6-c-toolbar__item {
2401
+ display: none;
1007
2402
  }
1008
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
1009
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
2403
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v6-c-toolbar__toggle {
2404
+ display: inline-block;
1010
2405
  }
1011
2406
  }
1012
2407
  @media (min-width: 1450px) {
1013
- .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
1014
- --pf-v5-c-toolbar--spacer: 0;
1015
- }
1016
- .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
1017
- --pf-v5-c-toolbar--spacer: 0;
1018
- }
1019
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
1020
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
1021
- }
1022
- .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
1023
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
1024
- }
1025
- .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl {
1026
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
1027
- }
1028
- .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
1029
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
1030
- }
1031
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl {
1032
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
1033
- }
1034
- .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
1035
- --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
1036
- }
1037
- }
1038
- .pf-v5-c-toolbar.pf-m-inset-none {
1039
- --pf-v5-c-toolbar--inset: 0;
1040
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1041
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1042
- }
1043
- .pf-v5-c-toolbar.pf-m-inset-sm {
1044
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1045
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1046
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1047
- }
1048
- .pf-v5-c-toolbar.pf-m-inset-md {
1049
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1050
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1051
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1052
- }
1053
- .pf-v5-c-toolbar.pf-m-inset-lg {
1054
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1055
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1056
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1057
- }
1058
- .pf-v5-c-toolbar.pf-m-inset-xl {
1059
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1060
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1061
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1062
- }
1063
- .pf-v5-c-toolbar.pf-m-inset-2xl {
1064
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1065
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1066
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1067
- }
1068
- @media (min-width: 576px) {
1069
- .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
1070
- --pf-v5-c-toolbar--inset: 0;
1071
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1072
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1073
- }
1074
- .pf-v5-c-toolbar.pf-m-inset-sm-on-sm {
1075
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1076
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1077
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1078
- }
1079
- .pf-v5-c-toolbar.pf-m-inset-md-on-sm {
1080
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1081
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1082
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1083
- }
1084
- .pf-v5-c-toolbar.pf-m-inset-lg-on-sm {
1085
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1086
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1087
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1088
- }
1089
- .pf-v5-c-toolbar.pf-m-inset-xl-on-sm {
1090
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1091
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1092
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1093
- }
1094
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm {
1095
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1096
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1097
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1098
- }
1099
- }
1100
- @media (min-width: 768px) {
1101
- .pf-v5-c-toolbar.pf-m-inset-none-on-md {
1102
- --pf-v5-c-toolbar--inset: 0;
1103
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1104
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1105
- }
1106
- .pf-v5-c-toolbar.pf-m-inset-sm-on-md {
1107
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1108
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1109
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1110
- }
1111
- .pf-v5-c-toolbar.pf-m-inset-md-on-md {
1112
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1113
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1114
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1115
- }
1116
- .pf-v5-c-toolbar.pf-m-inset-lg-on-md {
1117
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1118
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1119
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1120
- }
1121
- .pf-v5-c-toolbar.pf-m-inset-xl-on-md {
1122
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1123
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1124
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1125
- }
1126
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-md {
1127
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1128
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1129
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1130
- }
1131
- }
1132
- @media (min-width: 992px) {
1133
- .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
1134
- --pf-v5-c-toolbar--inset: 0;
1135
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1136
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1137
- }
1138
- .pf-v5-c-toolbar.pf-m-inset-sm-on-lg {
1139
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1140
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1141
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1142
- }
1143
- .pf-v5-c-toolbar.pf-m-inset-md-on-lg {
1144
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1145
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1146
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1147
- }
1148
- .pf-v5-c-toolbar.pf-m-inset-lg-on-lg {
1149
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1150
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1151
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1152
- }
1153
- .pf-v5-c-toolbar.pf-m-inset-xl-on-lg {
1154
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1155
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1156
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1157
- }
1158
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg {
1159
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1160
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1161
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1162
- }
1163
- }
1164
- @media (min-width: 1200px) {
1165
- .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
1166
- --pf-v5-c-toolbar--inset: 0;
1167
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1168
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1169
- }
1170
- .pf-v5-c-toolbar.pf-m-inset-sm-on-xl {
1171
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1172
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1173
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1174
- }
1175
- .pf-v5-c-toolbar.pf-m-inset-md-on-xl {
1176
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1177
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1178
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2408
+ .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
2409
+ .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
2410
+ margin-inline-start: 0;
1179
2411
  }
1180
- .pf-v5-c-toolbar.pf-m-inset-lg-on-xl {
1181
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1182
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1183
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2412
+ .pf-v6-c-toolbar__group.pf-m-align-center-on-2xl,
2413
+ .pf-v6-c-toolbar__item.pf-m-align-center-on-2xl {
2414
+ margin-inline-start: auto;
2415
+ margin-inline-end: auto;
1184
2416
  }
1185
- .pf-v5-c-toolbar.pf-m-inset-xl-on-xl {
1186
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1187
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1188
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2417
+ .pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
2418
+ .pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
2419
+ margin-inline-start: auto;
1189
2420
  }
1190
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl {
1191
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1192
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1193
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2421
+ .pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
2422
+ .pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
2423
+ flex-grow: 1;
2424
+ }
2425
+ .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-2xl,
2426
+ .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-2xl {
2427
+ align-self: stretch;
2428
+ }
2429
+ .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-2xl,
2430
+ .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-2xl {
2431
+ align-self: baseline;
2432
+ }
2433
+ .pf-v6-c-toolbar__group.pf-m-align-self-start-on-2xl,
2434
+ .pf-v6-c-toolbar__item.pf-m-align-self-start-on-2xl {
2435
+ align-self: start;
2436
+ }
2437
+ .pf-v6-c-toolbar__group.pf-m-align-self-center-on-2xl,
2438
+ .pf-v6-c-toolbar__item.pf-m-align-self-center-on-2xl {
2439
+ align-self: center;
2440
+ }
2441
+ .pf-v6-c-toolbar__group.pf-m-align-self-end-on-2xl,
2442
+ .pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
2443
+ align-self: end;
2444
+ }
2445
+ .pf-v6-c-toolbar.pf-m-inset-none-on-2xl,
2446
+ .pf-v6-c-toolbar__content.pf-m-inset-none-on-2xl,
2447
+ .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-2xl {
2448
+ --pf-v6-c-toolbar__content--PaddingInline: 0;
2449
+ }
2450
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl,
2451
+ .pf-v6-c-toolbar__content.pf-m-inset-xs-on-2xl,
2452
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-2xl {
2453
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
2454
+ }
2455
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl,
2456
+ .pf-v6-c-toolbar__content.pf-m-inset-sm-on-2xl,
2457
+ .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-2xl {
2458
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
2459
+ }
2460
+ .pf-v6-c-toolbar.pf-m-inset-md-on-2xl,
2461
+ .pf-v6-c-toolbar__content.pf-m-inset-md-on-2xl,
2462
+ .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-2xl {
2463
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
2464
+ }
2465
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl,
2466
+ .pf-v6-c-toolbar__content.pf-m-inset-lg-on-2xl,
2467
+ .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-2xl {
2468
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
2469
+ }
2470
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl,
2471
+ .pf-v6-c-toolbar__content.pf-m-inset-xl-on-2xl,
2472
+ .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-2xl {
2473
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
2474
+ }
2475
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl,
2476
+ .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-2xl,
2477
+ .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-2xl {
2478
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
2479
+ }
2480
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl,
2481
+ .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-2xl,
2482
+ .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-2xl {
2483
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
2484
+ }
2485
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl,
2486
+ .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-2xl,
2487
+ .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-2xl {
2488
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
2489
+ }
2490
+ .pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
2491
+ .pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
2492
+ .pf-v6-c-toolbar__content.pf-m-wrap-on-2xl,
2493
+ .pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
2494
+ flex-wrap: wrap;
1194
2495
  }
1195
- }
1196
- @media (min-width: 1450px) {
1197
- .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
1198
- --pf-v5-c-toolbar--inset: 0;
1199
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1200
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2496
+ .pf-v6-c-toolbar__group.pf-m-nowrap-on-2xl,
2497
+ .pf-v6-c-toolbar__item.pf-m-nowrap-on-2xl,
2498
+ .pf-v6-c-toolbar__content.pf-m-nowrap-on-2xl,
2499
+ .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-2xl {
2500
+ flex-wrap: nowrap;
1201
2501
  }
1202
- .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl {
1203
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1204
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1205
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2502
+ .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-2xl,
2503
+ .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-2xl,
2504
+ .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-2xl,
2505
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-2xl {
2506
+ align-items: stretch;
2507
+ }
2508
+ .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-2xl,
2509
+ .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-2xl,
2510
+ .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-2xl,
2511
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-2xl {
2512
+ align-items: baseline;
2513
+ }
2514
+ .pf-v6-c-toolbar__group.pf-m-align-items-start-on-2xl,
2515
+ .pf-v6-c-toolbar__item.pf-m-align-items-start-on-2xl,
2516
+ .pf-v6-c-toolbar__content.pf-m-align-items-start-on-2xl,
2517
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-2xl {
2518
+ align-items: start;
2519
+ }
2520
+ .pf-v6-c-toolbar__group.pf-m-align-items-center-on-2xl,
2521
+ .pf-v6-c-toolbar__item.pf-m-align-items-center-on-2xl,
2522
+ .pf-v6-c-toolbar__content.pf-m-align-items-center-on-2xl,
2523
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-2xl {
2524
+ align-items: center;
2525
+ }
2526
+ .pf-v6-c-toolbar__group.pf-m-align-items-end-on-2xl,
2527
+ .pf-v6-c-toolbar__item.pf-m-align-items-end-on-2xl,
2528
+ .pf-v6-c-toolbar__content.pf-m-align-items-end-on-2xl,
2529
+ .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-2xl {
2530
+ align-items: end;
2531
+ }
2532
+ .pf-v6-c-toolbar__group.pf-m-gap-none-on-2xl,
2533
+ .pf-v6-c-toolbar__item.pf-m-gap-none-on-2xl,
2534
+ .pf-v6-c-toolbar__content.pf-m-gap-none-on-2xl,
2535
+ .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-2xl {
2536
+ column-gap: 0;
2537
+ }
2538
+ .pf-v6-c-toolbar__group.pf-m-gap-xs-on-2xl,
2539
+ .pf-v6-c-toolbar__item.pf-m-gap-xs-on-2xl,
2540
+ .pf-v6-c-toolbar__content.pf-m-gap-xs-on-2xl,
2541
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
2542
+ column-gap: var(--pf-t--global--spacer--xs);
2543
+ }
2544
+ .pf-v6-c-toolbar__group.pf-m-gap-sm-on-2xl,
2545
+ .pf-v6-c-toolbar__item.pf-m-gap-sm-on-2xl,
2546
+ .pf-v6-c-toolbar__content.pf-m-gap-sm-on-2xl,
2547
+ .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
2548
+ column-gap: var(--pf-t--global--spacer--sm);
2549
+ }
2550
+ .pf-v6-c-toolbar__group.pf-m-gap-md-on-2xl,
2551
+ .pf-v6-c-toolbar__item.pf-m-gap-md-on-2xl,
2552
+ .pf-v6-c-toolbar__content.pf-m-gap-md-on-2xl,
2553
+ .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-2xl {
2554
+ column-gap: var(--pf-t--global--spacer--md);
2555
+ }
2556
+ .pf-v6-c-toolbar__group.pf-m-gap-lg-on-2xl,
2557
+ .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
2558
+ .pf-v6-c-toolbar__content.pf-m-gap-lg-on-2xl,
2559
+ .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
2560
+ column-gap: var(--pf-t--global--spacer--lg);
2561
+ }
2562
+ .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
2563
+ .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
2564
+ .pf-v6-c-toolbar__content.pf-m-gap-xl-on-2xl,
2565
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
2566
+ column-gap: var(--pf-t--global--spacer--xl);
2567
+ }
2568
+ .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
2569
+ .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
2570
+ .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-2xl,
2571
+ .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
2572
+ column-gap: var(--pf-t--global--spacer--2xl);
2573
+ }
2574
+ .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
2575
+ .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
2576
+ .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-2xl,
2577
+ .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
2578
+ column-gap: var(--pf-t--global--spacer--3xl);
2579
+ }
2580
+ .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
2581
+ .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
2582
+ .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-2xl,
2583
+ .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
2584
+ column-gap: var(--pf-t--global--spacer--4xl);
2585
+ }
2586
+ .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
2587
+ .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-2xl,
2588
+ .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-2xl,
2589
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
2590
+ column-gap: 0;
2591
+ }
2592
+ .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-2xl,
2593
+ .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
2594
+ .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-2xl,
2595
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
2596
+ column-gap: 0;
2597
+ }
2598
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-2xl,
2599
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-2xl,
2600
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-2xl,
2601
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-2xl {
2602
+ margin-inline-start: 0;
1206
2603
  }
1207
- .pf-v5-c-toolbar.pf-m-inset-md-on-2xl {
1208
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1209
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1210
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2604
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-2xl,
2605
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-2xl,
2606
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-2xl,
2607
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-2xl {
2608
+ margin-inline-end: 0;
2609
+ }
2610
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
2611
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
2612
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-2xl,
2613
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
2614
+ column-gap: var(--pf-t--global--spacer--xs);
2615
+ }
2616
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
2617
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
2618
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-2xl,
2619
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
2620
+ column-gap: var(--pf-t--global--spacer--xs);
2621
+ }
2622
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-2xl,
2623
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-2xl,
2624
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-2xl,
2625
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-2xl {
2626
+ margin-inline-start: var(--pf-t--global--spacer--xs);
2627
+ }
2628
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-2xl,
2629
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-2xl,
2630
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-2xl,
2631
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-2xl {
2632
+ margin-inline-end: var(--pf-t--global--spacer--xs);
2633
+ }
2634
+ .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
2635
+ .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
2636
+ .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-2xl,
2637
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
2638
+ column-gap: var(--pf-t--global--spacer--sm);
2639
+ }
2640
+ .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
2641
+ .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
2642
+ .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-2xl,
2643
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
2644
+ column-gap: var(--pf-t--global--spacer--sm);
2645
+ }
2646
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-2xl,
2647
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-2xl,
2648
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-2xl,
2649
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-2xl {
2650
+ margin-inline-start: var(--pf-t--global--spacer--sm);
2651
+ }
2652
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-2xl,
2653
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-2xl,
2654
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-2xl,
2655
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-2xl {
2656
+ margin-inline-end: var(--pf-t--global--spacer--sm);
2657
+ }
2658
+ .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-2xl,
2659
+ .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-2xl,
2660
+ .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-2xl,
2661
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
2662
+ column-gap: var(--pf-t--global--spacer--md);
2663
+ }
2664
+ .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-2xl,
2665
+ .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
2666
+ .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-2xl,
2667
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
2668
+ column-gap: var(--pf-t--global--spacer--md);
2669
+ }
2670
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-2xl,
2671
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-2xl,
2672
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-2xl,
2673
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-2xl {
2674
+ margin-inline-start: var(--pf-t--global--spacer--md);
2675
+ }
2676
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-2xl,
2677
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-2xl,
2678
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-2xl,
2679
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-2xl {
2680
+ margin-inline-end: var(--pf-t--global--spacer--md);
2681
+ }
2682
+ .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
2683
+ .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
2684
+ .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-2xl,
2685
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
2686
+ column-gap: var(--pf-t--global--spacer--lg);
2687
+ }
2688
+ .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
2689
+ .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
2690
+ .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-2xl,
2691
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
2692
+ column-gap: var(--pf-t--global--spacer--lg);
2693
+ }
2694
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-2xl,
2695
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-2xl,
2696
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-2xl,
2697
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-2xl {
2698
+ margin-inline-start: var(--pf-t--global--spacer--lg);
2699
+ }
2700
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-2xl,
2701
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-2xl,
2702
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-2xl,
2703
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-2xl {
2704
+ margin-inline-end: var(--pf-t--global--spacer--lg);
2705
+ }
2706
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
2707
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
2708
+ .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-2xl,
2709
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
2710
+ column-gap: var(--pf-t--global--spacer--xl);
2711
+ }
2712
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
2713
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
2714
+ .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-2xl,
2715
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
2716
+ column-gap: var(--pf-t--global--spacer--xl);
2717
+ }
2718
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-2xl,
2719
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-2xl,
2720
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-2xl,
2721
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-2xl {
2722
+ margin-inline-start: var(--pf-t--global--spacer--xl);
2723
+ }
2724
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-2xl,
2725
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-2xl,
2726
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-2xl,
2727
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-2xl {
2728
+ margin-inline-end: var(--pf-t--global--spacer--xl);
2729
+ }
2730
+ .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
2731
+ .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
2732
+ .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-2xl,
2733
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
2734
+ column-gap: var(--pf-t--global--spacer--2xl);
2735
+ }
2736
+ .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
2737
+ .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
2738
+ .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-2xl,
2739
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
2740
+ column-gap: var(--pf-t--global--spacer--2xl);
2741
+ }
2742
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-2xl,
2743
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-2xl,
2744
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-2xl,
2745
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-2xl {
2746
+ margin-inline-start: var(--pf-t--global--spacer--2xl);
2747
+ }
2748
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-2xl,
2749
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-2xl,
2750
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-2xl,
2751
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-2xl {
2752
+ margin-inline-end: var(--pf-t--global--spacer--2xl);
2753
+ }
2754
+ .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
2755
+ .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
2756
+ .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-2xl,
2757
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
2758
+ column-gap: var(--pf-t--global--spacer--3xl);
2759
+ }
2760
+ .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
2761
+ .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
2762
+ .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-2xl,
2763
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
2764
+ column-gap: var(--pf-t--global--spacer--3xl);
2765
+ }
2766
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-2xl,
2767
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-2xl,
2768
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-2xl,
2769
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-2xl {
2770
+ margin-inline-start: var(--pf-t--global--spacer--3xl);
2771
+ }
2772
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-2xl,
2773
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-2xl,
2774
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-2xl,
2775
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-2xl {
2776
+ margin-inline-end: var(--pf-t--global--spacer--3xl);
2777
+ }
2778
+ .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
2779
+ .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
2780
+ .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-2xl,
2781
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
2782
+ column-gap: var(--pf-t--global--spacer--4xl);
2783
+ }
2784
+ .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
2785
+ .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
2786
+ .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-2xl,
2787
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
2788
+ column-gap: var(--pf-t--global--spacer--4xl);
2789
+ }
2790
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-2xl,
2791
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-2xl,
2792
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-2xl,
2793
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-2xl {
2794
+ margin-inline-start: var(--pf-t--global--spacer--4xl);
2795
+ }
2796
+ .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-2xl,
2797
+ .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-2xl,
2798
+ .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-2xl,
2799
+ .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-2xl {
2800
+ margin-inline-end: var(--pf-t--global--spacer--4xl);
2801
+ }
2802
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__group,
2803
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__item {
2804
+ display: flex;
2805
+ flex: 0 1 auto;
1211
2806
  }
1212
- .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl {
1213
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1214
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1215
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2807
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__toggle {
2808
+ display: none;
1216
2809
  }
1217
- .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl {
1218
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1219
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1220
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2810
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
2811
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__group,
2812
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__item {
2813
+ display: none;
1221
2814
  }
1222
- .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl {
1223
- --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1224
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1225
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
2815
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__toggle {
2816
+ display: inline-block;
1226
2817
  }
1227
- }
1228
-
1229
- .pf-v5-c-toolbar__content-section > :last-child {
1230
- --pf-v5-c-toolbar--spacer: 0;
1231
2818
  }