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

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