@patternfly/react-styles 5.0.0-alpha.8 → 5.0.0-prerelease.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (643) hide show
  1. package/CHANGELOG.md +62 -0
  2. package/css/assets/images/pf_logo.svg +11 -11
  3. package/css/components/AboutModalBox/about-modal-box.css +128 -146
  4. package/css/components/AboutModalBox/about-modal-box.d.ts +9 -10
  5. package/css/components/AboutModalBox/about-modal-box.js +9 -10
  6. package/css/components/AboutModalBox/about-modal-box.mjs +9 -10
  7. package/css/components/Accordion/accordion.css +164 -164
  8. package/css/components/Accordion/accordion.d.ts +7 -7
  9. package/css/components/Accordion/accordion.js +7 -7
  10. package/css/components/Accordion/accordion.mjs +7 -7
  11. package/css/components/ActionList/action-list.css +19 -19
  12. package/css/components/ActionList/action-list.d.ts +2 -2
  13. package/css/components/ActionList/action-list.js +2 -2
  14. package/css/components/ActionList/action-list.mjs +2 -2
  15. package/css/components/Alert/alert-group.css +54 -0
  16. package/css/components/Alert/alert-group.d.ts +9 -0
  17. package/css/components/{AlertGroup → Alert}/alert-group.js +2 -2
  18. package/css/components/Alert/alert-group.mjs +8 -0
  19. package/css/components/Alert/alert.css +179 -179
  20. package/css/components/Alert/alert.d.ts +10 -10
  21. package/css/components/Alert/alert.js +10 -10
  22. package/css/components/Alert/alert.mjs +10 -10
  23. package/css/components/AppLauncher/app-launcher.css +159 -158
  24. package/css/components/AppLauncher/app-launcher.d.ts +12 -12
  25. package/css/components/AppLauncher/app-launcher.js +12 -12
  26. package/css/components/AppLauncher/app-launcher.mjs +12 -12
  27. package/css/components/Avatar/avatar.css +123 -123
  28. package/css/components/Avatar/avatar.d.ts +1 -1
  29. package/css/components/Avatar/avatar.js +1 -1
  30. package/css/components/Avatar/avatar.mjs +1 -1
  31. package/css/components/BackToTop/back-to-top.css +24 -24
  32. package/css/components/BackToTop/back-to-top.d.ts +2 -2
  33. package/css/components/BackToTop/back-to-top.js +2 -2
  34. package/css/components/BackToTop/back-to-top.mjs +2 -2
  35. package/css/components/Backdrop/backdrop.css +8 -8
  36. package/css/components/Backdrop/backdrop.d.ts +2 -2
  37. package/css/components/Backdrop/backdrop.js +2 -2
  38. package/css/components/Backdrop/backdrop.mjs +2 -2
  39. package/css/components/BackgroundImage/background-image.css +12 -12
  40. package/css/components/BackgroundImage/background-image.d.ts +1 -1
  41. package/css/components/BackgroundImage/background-image.js +1 -1
  42. package/css/components/BackgroundImage/background-image.mjs +1 -1
  43. package/css/components/Badge/badge.css +30 -29
  44. package/css/components/Badge/badge.d.ts +2 -2
  45. package/css/components/Badge/badge.js +2 -2
  46. package/css/components/Badge/badge.mjs +2 -2
  47. package/css/components/Banner/banner.css +88 -90
  48. package/css/components/Banner/banner.d.ts +4 -8
  49. package/css/components/Banner/banner.js +4 -8
  50. package/css/components/Banner/banner.mjs +4 -8
  51. package/css/components/Brand/brand.css +28 -28
  52. package/css/components/Brand/brand.d.ts +1 -1
  53. package/css/components/Brand/brand.js +1 -1
  54. package/css/components/Brand/brand.mjs +1 -1
  55. package/css/components/Breadcrumb/breadcrumb.css +51 -55
  56. package/css/components/Breadcrumb/breadcrumb.d.ts +9 -10
  57. package/css/components/Breadcrumb/breadcrumb.js +9 -10
  58. package/css/components/Breadcrumb/breadcrumb.mjs +9 -10
  59. package/css/components/Button/button.css +480 -476
  60. package/css/components/Button/button.d.ts +7 -7
  61. package/css/components/Button/button.js +7 -7
  62. package/css/components/Button/button.mjs +7 -7
  63. package/css/components/CalendarMonth/calendar-month.css +157 -157
  64. package/css/components/CalendarMonth/calendar-month.d.ts +12 -12
  65. package/css/components/CalendarMonth/calendar-month.js +12 -12
  66. package/css/components/CalendarMonth/calendar-month.mjs +12 -12
  67. package/css/components/Card/card.css +300 -300
  68. package/css/components/Card/card.d.ts +19 -19
  69. package/css/components/Card/card.js +19 -19
  70. package/css/components/Card/card.mjs +19 -19
  71. package/css/components/Check/check.css +45 -45
  72. package/css/components/Check/check.d.ts +6 -6
  73. package/css/components/Check/check.js +6 -6
  74. package/css/components/Check/check.mjs +6 -6
  75. package/css/components/Chip/chip-group.css +91 -0
  76. package/css/components/Chip/chip-group.d.ts +13 -0
  77. package/css/components/Chip/chip-group.js +14 -0
  78. package/css/components/Chip/chip-group.mjs +12 -0
  79. package/css/components/Chip/chip.css +75 -75
  80. package/css/components/Chip/chip.d.ts +7 -7
  81. package/css/components/Chip/chip.js +7 -7
  82. package/css/components/Chip/chip.mjs +7 -7
  83. package/css/components/ClipboardCopy/clipboard-copy.css +65 -65
  84. package/css/components/ClipboardCopy/clipboard-copy.d.ts +9 -9
  85. package/css/components/ClipboardCopy/clipboard-copy.js +9 -9
  86. package/css/components/ClipboardCopy/clipboard-copy.mjs +9 -9
  87. package/css/components/CodeBlock/code-block.css +21 -21
  88. package/css/components/CodeBlock/code-block.d.ts +6 -6
  89. package/css/components/CodeBlock/code-block.js +6 -6
  90. package/css/components/CodeBlock/code-block.mjs +6 -6
  91. package/css/components/CodeEditor/code-editor.css +85 -80
  92. package/css/components/CodeEditor/code-editor.d.ts +12 -12
  93. package/css/components/CodeEditor/code-editor.js +12 -12
  94. package/css/components/CodeEditor/code-editor.mjs +12 -12
  95. package/css/components/Consoles/AccessConsoles.css +8 -7
  96. package/css/components/Consoles/AccessConsoles.d.ts +2 -2
  97. package/css/components/Consoles/AccessConsoles.js +2 -2
  98. package/css/components/Consoles/AccessConsoles.mjs +2 -2
  99. package/css/components/Consoles/DesktopViewer.css +2 -3
  100. package/css/components/Consoles/DesktopViewer.d.ts +1 -1
  101. package/css/components/Consoles/DesktopViewer.js +1 -1
  102. package/css/components/Consoles/DesktopViewer.mjs +1 -1
  103. package/css/components/Consoles/SerialConsole.css +4 -4
  104. package/css/components/Consoles/SerialConsole.d.ts +2 -2
  105. package/css/components/Consoles/SerialConsole.js +2 -2
  106. package/css/components/Consoles/SerialConsole.mjs +2 -2
  107. package/css/components/Consoles/VncConsole.css +3 -3
  108. package/css/components/Consoles/VncConsole.d.ts +2 -2
  109. package/css/components/Consoles/VncConsole.js +2 -2
  110. package/css/components/Consoles/VncConsole.mjs +2 -2
  111. package/css/components/Content/content.css +210 -210
  112. package/css/components/Content/content.d.ts +1 -1
  113. package/css/components/Content/content.js +1 -1
  114. package/css/components/Content/content.mjs +1 -1
  115. package/css/components/ContextSelector/context-selector.css +228 -228
  116. package/css/components/ContextSelector/context-selector.d.ts +10 -10
  117. package/css/components/ContextSelector/context-selector.js +10 -10
  118. package/css/components/ContextSelector/context-selector.mjs +10 -10
  119. package/css/components/DataList/data-list-grid.css +182 -182
  120. package/css/components/DataList/data-list-grid.d.ts +4 -4
  121. package/css/components/DataList/data-list-grid.js +4 -4
  122. package/css/components/DataList/data-list-grid.mjs +4 -4
  123. package/css/components/DataList/data-list.css +510 -510
  124. package/css/components/DataList/data-list.d.ts +17 -17
  125. package/css/components/DataList/data-list.js +17 -17
  126. package/css/components/DataList/data-list.mjs +17 -17
  127. package/css/components/DatePicker/date-picker.css +37 -37
  128. package/css/components/DatePicker/date-picker.d.ts +6 -6
  129. package/css/components/DatePicker/date-picker.js +6 -6
  130. package/css/components/DatePicker/date-picker.mjs +6 -6
  131. package/css/components/DescriptionList/description-list-order.css +90 -90
  132. package/css/components/DescriptionList/description-list-order.d.ts +1 -1
  133. package/css/components/DescriptionList/description-list-order.js +1 -1
  134. package/css/components/DescriptionList/description-list-order.mjs +1 -1
  135. package/css/components/DescriptionList/description-list.css +192 -192
  136. package/css/components/DescriptionList/description-list.d.ts +7 -7
  137. package/css/components/DescriptionList/description-list.js +7 -7
  138. package/css/components/DescriptionList/description-list.mjs +7 -7
  139. package/css/components/Divider/divider.css +228 -228
  140. package/css/components/Divider/divider.d.ts +1 -1
  141. package/css/components/Divider/divider.js +1 -1
  142. package/css/components/Divider/divider.mjs +1 -1
  143. package/css/components/DragDrop/drag-drop.css +49 -33
  144. package/css/components/DragDrop/drag-drop.d.ts +4 -3
  145. package/css/components/DragDrop/drag-drop.js +4 -3
  146. package/css/components/DragDrop/drag-drop.mjs +4 -3
  147. package/css/components/Drawer/drawer.css +435 -435
  148. package/css/components/Drawer/drawer.d.ts +14 -14
  149. package/css/components/Drawer/drawer.js +14 -14
  150. package/css/components/Drawer/drawer.mjs +14 -14
  151. package/css/components/Dropdown/dropdown.css +446 -444
  152. package/css/components/Dropdown/dropdown.d.ts +21 -21
  153. package/css/components/Dropdown/dropdown.js +21 -21
  154. package/css/components/Dropdown/dropdown.mjs +21 -21
  155. package/css/components/DualListSelector/dual-list-selector.css +193 -187
  156. package/css/components/DualListSelector/dual-list-selector.d.ts +27 -26
  157. package/css/components/DualListSelector/dual-list-selector.js +27 -26
  158. package/css/components/DualListSelector/dual-list-selector.mjs +27 -26
  159. package/css/components/EmptyState/empty-state.css +82 -82
  160. package/css/components/EmptyState/empty-state.d.ts +7 -7
  161. package/css/components/EmptyState/empty-state.js +7 -7
  162. package/css/components/EmptyState/empty-state.mjs +7 -7
  163. package/css/components/ExpandableSection/expandable-section.css +102 -102
  164. package/css/components/ExpandableSection/expandable-section.d.ts +5 -5
  165. package/css/components/ExpandableSection/expandable-section.js +5 -5
  166. package/css/components/ExpandableSection/expandable-section.mjs +5 -5
  167. package/css/components/FileUpload/file-upload.css +30 -30
  168. package/css/components/FileUpload/file-upload.d.ts +6 -6
  169. package/css/components/FileUpload/file-upload.js +6 -6
  170. package/css/components/FileUpload/file-upload.mjs +6 -6
  171. package/css/components/Form/form.css +327 -327
  172. package/css/components/Form/form.d.ts +28 -28
  173. package/css/components/Form/form.js +28 -28
  174. package/css/components/Form/form.mjs +28 -28
  175. package/css/components/FormControl/form-control.css +252 -316
  176. package/css/components/FormControl/form-control.d.ts +12 -8
  177. package/css/components/FormControl/form-control.js +12 -8
  178. package/css/components/FormControl/form-control.mjs +12 -8
  179. package/css/components/HelperText/helper-text.css +58 -58
  180. package/css/components/HelperText/helper-text.d.ts +5 -5
  181. package/css/components/HelperText/helper-text.js +5 -5
  182. package/css/components/HelperText/helper-text.mjs +5 -5
  183. package/css/components/Hint/hint.css +38 -38
  184. package/css/components/Hint/hint.d.ts +9 -9
  185. package/css/components/Hint/hint.js +9 -9
  186. package/css/components/Hint/hint.mjs +9 -9
  187. package/css/components/Icon/icon.css +91 -90
  188. package/css/components/Icon/icon.d.ts +4 -4
  189. package/css/components/Icon/icon.js +4 -4
  190. package/css/components/Icon/icon.mjs +4 -4
  191. package/css/components/InlineEdit/inline-edit.css +43 -43
  192. package/css/components/InlineEdit/inline-edit.d.ts +8 -8
  193. package/css/components/InlineEdit/inline-edit.js +8 -8
  194. package/css/components/InlineEdit/inline-edit.mjs +8 -8
  195. package/css/components/InputGroup/input-group.css +61 -63
  196. package/css/components/InputGroup/input-group.d.ts +4 -4
  197. package/css/components/InputGroup/input-group.js +4 -4
  198. package/css/components/InputGroup/input-group.mjs +4 -4
  199. package/css/components/JumpLinks/jump-links.css +178 -178
  200. package/css/components/JumpLinks/jump-links.d.ts +11 -11
  201. package/css/components/JumpLinks/jump-links.js +11 -11
  202. package/css/components/JumpLinks/jump-links.mjs +11 -11
  203. package/css/components/Label/label-group.css +137 -0
  204. package/css/components/Label/label-group.d.ts +18 -0
  205. package/css/components/Label/label-group.js +19 -0
  206. package/css/components/Label/label-group.mjs +17 -0
  207. package/css/components/Label/label.css +393 -387
  208. package/css/components/Label/label.d.ts +7 -7
  209. package/css/components/Label/label.js +7 -7
  210. package/css/components/Label/label.mjs +7 -7
  211. package/css/components/List/list.css +53 -53
  212. package/css/components/List/list.d.ts +3 -3
  213. package/css/components/List/list.js +3 -3
  214. package/css/components/List/list.mjs +3 -3
  215. package/css/components/LogViewer/log-viewer.css +139 -142
  216. package/css/components/LogViewer/log-viewer.d.ts +13 -14
  217. package/css/components/LogViewer/log-viewer.js +13 -14
  218. package/css/components/LogViewer/log-viewer.mjs +13 -14
  219. package/css/components/Login/login.css +174 -174
  220. package/css/components/Login/login.d.ts +19 -19
  221. package/css/components/Login/login.js +19 -19
  222. package/css/components/Login/login.mjs +19 -19
  223. package/css/components/Masthead/masthead.css +555 -541
  224. package/css/components/Masthead/masthead.d.ts +15 -15
  225. package/css/components/Masthead/masthead.js +15 -15
  226. package/css/components/Masthead/masthead.mjs +15 -15
  227. package/css/components/Menu/menu.css +433 -434
  228. package/css/components/Menu/menu.d.ts +24 -24
  229. package/css/components/Menu/menu.js +24 -24
  230. package/css/components/Menu/menu.mjs +24 -24
  231. package/css/components/MenuToggle/menu-toggle.css +317 -311
  232. package/css/components/MenuToggle/menu-toggle.d.ts +10 -10
  233. package/css/components/MenuToggle/menu-toggle.js +10 -10
  234. package/css/components/MenuToggle/menu-toggle.mjs +10 -10
  235. package/css/components/ModalBox/modal-box.css +118 -118
  236. package/css/components/ModalBox/modal-box.d.ts +12 -12
  237. package/css/components/ModalBox/modal-box.js +12 -12
  238. package/css/components/ModalBox/modal-box.mjs +12 -12
  239. package/css/components/MultipleFileUpload/multiple-file-upload.css +136 -136
  240. package/css/components/MultipleFileUpload/multiple-file-upload.d.ts +18 -18
  241. package/css/components/MultipleFileUpload/multiple-file-upload.js +18 -18
  242. package/css/components/MultipleFileUpload/multiple-file-upload.mjs +18 -18
  243. package/css/components/Nav/nav.css +786 -769
  244. package/css/components/Nav/nav.d.ts +18 -19
  245. package/css/components/Nav/nav.js +18 -19
  246. package/css/components/Nav/nav.mjs +18 -19
  247. package/css/components/NotificationBadge/notification-badge.css +81 -80
  248. package/css/components/NotificationBadge/notification-badge.d.ts +5 -5
  249. package/css/components/NotificationBadge/notification-badge.js +5 -5
  250. package/css/components/NotificationBadge/notification-badge.mjs +5 -5
  251. package/css/components/NotificationDrawer/notification-drawer.css +180 -180
  252. package/css/components/NotificationDrawer/notification-drawer.d.ts +20 -20
  253. package/css/components/NotificationDrawer/notification-drawer.js +20 -20
  254. package/css/components/NotificationDrawer/notification-drawer.mjs +20 -20
  255. package/css/components/NumberInput/number-input.css +23 -22
  256. package/css/components/NumberInput/number-input.d.ts +5 -5
  257. package/css/components/NumberInput/number-input.js +5 -5
  258. package/css/components/NumberInput/number-input.mjs +5 -5
  259. package/css/components/OptionsMenu/options-menu.css +175 -175
  260. package/css/components/OptionsMenu/options-menu.d.ts +13 -13
  261. package/css/components/OptionsMenu/options-menu.js +13 -13
  262. package/css/components/OptionsMenu/options-menu.mjs +13 -13
  263. package/css/components/OverflowMenu/overflow-menu.css +42 -42
  264. package/css/components/OverflowMenu/overflow-menu.d.ts +6 -6
  265. package/css/components/OverflowMenu/overflow-menu.js +6 -6
  266. package/css/components/OverflowMenu/overflow-menu.mjs +6 -6
  267. package/css/components/Page/page.css +639 -639
  268. package/css/components/Page/page.d.ts +31 -32
  269. package/css/components/Page/page.js +31 -32
  270. package/css/components/Page/page.mjs +31 -32
  271. package/css/components/Pagination/pagination.css +277 -277
  272. package/css/components/Pagination/pagination.d.ts +9 -10
  273. package/css/components/Pagination/pagination.js +9 -10
  274. package/css/components/Pagination/pagination.mjs +9 -10
  275. package/css/components/Panel/panel.css +63 -57
  276. package/css/components/Panel/panel.d.ts +6 -5
  277. package/css/components/Panel/panel.js +6 -5
  278. package/css/components/Panel/panel.mjs +6 -5
  279. package/css/components/Popover/popover.css +125 -125
  280. package/css/components/Popover/popover.d.ts +11 -11
  281. package/css/components/Popover/popover.js +11 -11
  282. package/css/components/Popover/popover.mjs +11 -11
  283. package/css/components/Popper/Popper.css +1 -1
  284. package/css/components/Popper/Popper.d.ts +1 -1
  285. package/css/components/Popper/Popper.js +1 -1
  286. package/css/components/Popper/Popper.mjs +1 -1
  287. package/css/components/Progress/progress.css +87 -87
  288. package/css/components/Progress/progress.d.ts +9 -9
  289. package/css/components/Progress/progress.js +9 -9
  290. package/css/components/Progress/progress.mjs +9 -9
  291. package/css/components/ProgressStepper/progress-stepper.css +509 -508
  292. package/css/components/ProgressStepper/progress-stepper.d.ts +8 -8
  293. package/css/components/ProgressStepper/progress-stepper.js +8 -8
  294. package/css/components/ProgressStepper/progress-stepper.mjs +8 -8
  295. package/css/components/Radio/radio.css +44 -44
  296. package/css/components/Radio/radio.d.ts +5 -5
  297. package/css/components/Radio/radio.js +5 -5
  298. package/css/components/Radio/radio.mjs +5 -5
  299. package/css/components/Select/select.css +413 -413
  300. package/css/components/Select/select.d.ts +34 -34
  301. package/css/components/Select/select.js +34 -34
  302. package/css/components/Select/select.mjs +34 -34
  303. package/css/components/Sidebar/sidebar.css +231 -231
  304. package/css/components/Sidebar/sidebar.d.ts +4 -4
  305. package/css/components/Sidebar/sidebar.js +4 -4
  306. package/css/components/Sidebar/sidebar.mjs +4 -4
  307. package/css/components/SimpleList/simple-list.css +65 -65
  308. package/css/components/SimpleList/simple-list.d.ts +5 -5
  309. package/css/components/SimpleList/simple-list.js +5 -5
  310. package/css/components/SimpleList/simple-list.mjs +5 -5
  311. package/css/components/Skeleton/skeleton.css +115 -115
  312. package/css/components/Skeleton/skeleton.d.ts +2 -2
  313. package/css/components/Skeleton/skeleton.js +2 -2
  314. package/css/components/Skeleton/skeleton.mjs +2 -2
  315. package/css/components/SkipToContent/skip-to-content.css +8 -8
  316. package/css/components/SkipToContent/skip-to-content.d.ts +1 -1
  317. package/css/components/SkipToContent/skip-to-content.js +1 -1
  318. package/css/components/SkipToContent/skip-to-content.mjs +1 -1
  319. package/css/components/Slider/slider.css +132 -132
  320. package/css/components/Slider/slider.d.ts +12 -12
  321. package/css/components/Slider/slider.js +12 -12
  322. package/css/components/Slider/slider.mjs +12 -12
  323. package/css/components/Spinner/spinner.css +50 -50
  324. package/css/components/Spinner/spinner.d.ts +2 -2
  325. package/css/components/Spinner/spinner.js +2 -2
  326. package/css/components/Spinner/spinner.mjs +2 -2
  327. package/css/components/Switch/switch.css +87 -87
  328. package/css/components/Switch/switch.d.ts +6 -6
  329. package/css/components/Switch/switch.js +6 -6
  330. package/css/components/Switch/switch.mjs +6 -6
  331. package/css/components/TabContent/tab-content.css +28 -28
  332. package/css/components/TabContent/tab-content.d.ts +2 -2
  333. package/css/components/TabContent/tab-content.js +2 -2
  334. package/css/components/TabContent/tab-content.mjs +2 -2
  335. package/css/components/Table/inline-edit.css +32 -28
  336. package/css/components/Table/inline-edit.d.ts +2 -2
  337. package/css/components/Table/inline-edit.js +2 -2
  338. package/css/components/Table/inline-edit.mjs +2 -2
  339. package/css/components/Table/table-grid.css +850 -861
  340. package/css/components/Table/table-grid.d.ts +19 -14
  341. package/css/components/Table/table-grid.js +19 -14
  342. package/css/components/Table/table-grid.mjs +19 -14
  343. package/css/components/Table/table-scrollable.css +38 -38
  344. package/css/components/Table/table-scrollable.d.ts +4 -4
  345. package/css/components/Table/table-scrollable.js +4 -4
  346. package/css/components/Table/table-scrollable.mjs +4 -4
  347. package/css/components/Table/table-tree-view.css +492 -492
  348. package/css/components/Table/table-tree-view.d.ts +17 -12
  349. package/css/components/Table/table-tree-view.js +17 -12
  350. package/css/components/Table/table-tree-view.mjs +17 -12
  351. package/css/components/Table/table.css +739 -740
  352. package/css/components/Table/table.d.ts +31 -24
  353. package/css/components/Table/table.js +31 -24
  354. package/css/components/Table/table.mjs +31 -24
  355. package/css/components/Tabs/tabs.css +606 -605
  356. package/css/components/Tabs/tabs.d.ts +17 -17
  357. package/css/components/Tabs/tabs.js +17 -17
  358. package/css/components/Tabs/tabs.mjs +17 -17
  359. package/css/components/TextInputGroup/text-input-group.css +98 -94
  360. package/css/components/TextInputGroup/text-input-group.d.ts +10 -9
  361. package/css/components/TextInputGroup/text-input-group.js +10 -9
  362. package/css/components/TextInputGroup/text-input-group.mjs +10 -9
  363. package/css/components/Tile/tile.css +99 -99
  364. package/css/components/Tile/tile.d.ts +6 -6
  365. package/css/components/Tile/tile.js +6 -6
  366. package/css/components/Tile/tile.mjs +6 -6
  367. package/css/components/Timestamp/timestamp.css +28 -28
  368. package/css/components/Timestamp/timestamp.d.ts +1 -1
  369. package/css/components/Timestamp/timestamp.js +1 -1
  370. package/css/components/Timestamp/timestamp.mjs +1 -1
  371. package/css/components/Title/title.css +45 -45
  372. package/css/components/Title/title.d.ts +1 -1
  373. package/css/components/Title/title.js +1 -1
  374. package/css/components/Title/title.mjs +1 -1
  375. package/css/components/ToggleGroup/toggle-group.css +84 -81
  376. package/css/components/ToggleGroup/toggle-group.d.ts +6 -6
  377. package/css/components/ToggleGroup/toggle-group.js +6 -6
  378. package/css/components/ToggleGroup/toggle-group.mjs +6 -6
  379. package/css/components/Toolbar/toolbar.css +743 -708
  380. package/css/components/Toolbar/toolbar.d.ts +14 -12
  381. package/css/components/Toolbar/toolbar.js +14 -12
  382. package/css/components/Toolbar/toolbar.mjs +14 -12
  383. package/css/components/Tooltip/tooltip.css +56 -56
  384. package/css/components/Tooltip/tooltip.d.ts +4 -4
  385. package/css/components/Tooltip/tooltip.js +4 -4
  386. package/css/components/Tooltip/tooltip.mjs +4 -4
  387. package/css/components/TreeView/tree-view.css +364 -364
  388. package/css/components/TreeView/tree-view.d.ts +17 -17
  389. package/css/components/TreeView/tree-view.js +17 -17
  390. package/css/components/TreeView/tree-view.mjs +17 -17
  391. package/css/components/Truncate/truncate.css +11 -11
  392. package/css/components/Truncate/truncate.d.ts +3 -3
  393. package/css/components/Truncate/truncate.js +3 -3
  394. package/css/components/Truncate/truncate.mjs +3 -3
  395. package/css/components/Wizard/wizard.css +315 -317
  396. package/css/components/Wizard/wizard.d.ts +29 -29
  397. package/css/components/Wizard/wizard.js +29 -29
  398. package/css/components/Wizard/wizard.mjs +29 -29
  399. package/css/docs/components/AppLauncher/deprecated/application-launcher.css +25 -0
  400. package/css/docs/components/Avatar/examples/Avatar.css +1 -1
  401. package/css/docs/components/Button/examples/Button.css +1 -1
  402. package/css/docs/components/Button/examples/Button.d.ts +1 -1
  403. package/css/docs/components/Button/examples/Button.js +1 -1
  404. package/css/docs/components/Button/examples/Button.mjs +1 -1
  405. package/css/docs/components/ContextSelector/deprecated/context-selector.css +7 -0
  406. package/css/docs/components/DragDrop/examples/DragDrop.css +3 -3
  407. package/css/docs/components/DragDrop/examples/DragDrop.d.ts +1 -1
  408. package/css/docs/components/DragDrop/examples/DragDrop.js +1 -1
  409. package/css/docs/components/DragDrop/examples/DragDrop.mjs +1 -1
  410. package/css/docs/components/Dropdown/examples/Dropdown.css +1 -1
  411. package/css/docs/components/Dropdown/examples/Dropdown.d.ts +1 -1
  412. package/css/docs/components/Dropdown/examples/Dropdown.js +1 -1
  413. package/css/docs/components/Dropdown/examples/Dropdown.mjs +1 -1
  414. package/css/docs/components/Label/examples/Label.css +2 -2
  415. package/css/docs/components/Label/examples/Label.d.ts +1 -1
  416. package/css/docs/components/Label/examples/Label.js +1 -1
  417. package/css/docs/components/Label/examples/Label.mjs +1 -1
  418. package/css/docs/components/LogViewer/examples/LogViewer.css +2 -2
  419. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +1 -1
  420. package/css/docs/components/LogViewer/examples/LogViewer.js +1 -1
  421. package/css/docs/components/LogViewer/examples/LogViewer.mjs +1 -1
  422. package/css/docs/components/ModalBox/examples/ModalBox.css +2 -2
  423. package/css/docs/components/ModalBox/examples/ModalBox.d.ts +1 -1
  424. package/css/docs/components/ModalBox/examples/ModalBox.js +1 -1
  425. package/css/docs/components/ModalBox/examples/ModalBox.mjs +1 -1
  426. package/css/docs/components/Nav/examples/Navigation.css +13 -13
  427. package/css/docs/components/Nav/examples/Navigation.d.ts +4 -4
  428. package/css/docs/components/Nav/examples/Navigation.js +4 -4
  429. package/css/docs/components/Nav/examples/Navigation.mjs +4 -4
  430. package/css/docs/components/NotificationBadge/examples/NotificationBadge.css +1 -1
  431. package/css/docs/components/OptionsMenu/deprecated/options-menu.css +25 -0
  432. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
  433. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  434. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  435. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  436. package/css/docs/components/Page/deprecated/PageHeader.css +17 -0
  437. package/css/docs/components/Page/deprecated/PageHeader.d.ts +12 -0
  438. package/css/docs/components/Page/deprecated/PageHeader.js +13 -0
  439. package/css/docs/components/Page/deprecated/PageHeader.mjs +11 -0
  440. package/css/docs/components/Page/examples/Page.css +4 -4
  441. package/css/docs/components/Page/examples/Page.d.ts +3 -3
  442. package/css/docs/components/Page/examples/Page.js +3 -3
  443. package/css/docs/components/Page/examples/Page.mjs +3 -3
  444. package/css/docs/components/Popover/examples/Popover.css +1 -1
  445. package/css/docs/components/Popover/examples/Popover.d.ts +1 -1
  446. package/css/docs/components/Popover/examples/Popover.js +1 -1
  447. package/css/docs/components/Popover/examples/Popover.mjs +1 -1
  448. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  449. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  450. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  451. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  452. package/css/docs/components/Table/examples/Table.css +1 -1
  453. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  454. package/css/docs/components/Table/examples/Table.js +1 -1
  455. package/css/docs/components/Table/examples/Table.mjs +1 -1
  456. package/css/docs/components/Tabs/examples/Tabs.css +1 -1
  457. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +6 -15
  458. package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts +2 -2
  459. package/css/docs/components/TextInputGroup/examples/TextInputGroup.js +2 -2
  460. package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs +2 -2
  461. package/css/docs/components/Tile/examples/Tile.css +5 -5
  462. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  463. package/css/docs/components/Tile/examples/Tile.js +1 -1
  464. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  465. package/css/docs/components/ToggleGroup/examples/toggle-group.css +1 -1
  466. package/css/docs/components/Toolbar/examples/Toolbar.css +34 -34
  467. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +3 -3
  468. package/css/docs/components/Toolbar/examples/Toolbar.js +3 -3
  469. package/css/docs/components/Toolbar/examples/Toolbar.mjs +3 -3
  470. package/css/docs/components/Truncate/examples/Truncate.css +3 -3
  471. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  472. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  473. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  474. package/css/docs/demos/Card/examples/Card.css +6 -6
  475. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  476. package/css/docs/demos/Card/examples/Card.js +2 -2
  477. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  478. package/css/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  479. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  480. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  481. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  482. package/css/docs/layouts/Flex/examples/Flex.css +2 -2
  483. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  484. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  485. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  486. package/css/docs/layouts/Gallery/examples/Gallery.css +2 -2
  487. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  488. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  489. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  490. package/css/docs/layouts/Grid/examples/Grid.css +1 -1
  491. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  492. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  493. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  494. package/css/docs/layouts/Level/examples/Level.css +3 -3
  495. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  496. package/css/docs/layouts/Level/examples/Level.js +2 -2
  497. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  498. package/css/docs/layouts/Split/examples/Split.css +2 -2
  499. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  500. package/css/docs/layouts/Split/examples/Split.js +2 -2
  501. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  502. package/css/docs/layouts/Stack/examples/Stack.css +3 -3
  503. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  504. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  505. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  506. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  507. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  508. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  509. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  510. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  511. package/css/docs/utilities/Display/examples/Display.css +8 -8
  512. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  513. package/css/docs/utilities/Display/examples/Display.js +8 -8
  514. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  515. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  516. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  517. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  518. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  519. package/css/docs/utilities/Float/examples/Float.css +2 -2
  520. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  521. package/css/docs/utilities/Float/examples/Float.js +2 -2
  522. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  523. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  524. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  525. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  526. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  527. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  528. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  529. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  530. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  531. package/css/layouts/Bullseye/bullseye.css +3 -3
  532. package/css/layouts/Bullseye/bullseye.d.ts +1 -1
  533. package/css/layouts/Bullseye/bullseye.js +1 -1
  534. package/css/layouts/Bullseye/bullseye.mjs +1 -1
  535. package/css/layouts/Flex/flex.css +1504 -796
  536. package/css/layouts/Flex/flex.d.ts +182 -2
  537. package/css/layouts/Flex/flex.js +182 -2
  538. package/css/layouts/Flex/flex.mjs +182 -2
  539. package/css/layouts/Gallery/gallery.css +34 -34
  540. package/css/layouts/Gallery/gallery.d.ts +1 -1
  541. package/css/layouts/Gallery/gallery.js +1 -1
  542. package/css/layouts/Gallery/gallery.mjs +1 -1
  543. package/css/layouts/Grid/grid.css +531 -531
  544. package/css/layouts/Grid/grid.d.ts +2 -2
  545. package/css/layouts/Grid/grid.js +2 -2
  546. package/css/layouts/Grid/grid.mjs +2 -2
  547. package/css/layouts/Level/level.css +4 -4
  548. package/css/layouts/Level/level.d.ts +1 -1
  549. package/css/layouts/Level/level.js +1 -1
  550. package/css/layouts/Level/level.mjs +1 -1
  551. package/css/layouts/Split/split.css +6 -6
  552. package/css/layouts/Split/split.d.ts +2 -2
  553. package/css/layouts/Split/split.js +2 -2
  554. package/css/layouts/Split/split.mjs +2 -2
  555. package/css/layouts/Stack/stack.css +5 -5
  556. package/css/layouts/Stack/stack.d.ts +2 -2
  557. package/css/layouts/Stack/stack.js +2 -2
  558. package/css/layouts/Stack/stack.mjs +2 -2
  559. package/css/layouts/Toolbar/toolbar.css +20 -14
  560. package/css/utilities/Accessibility/accessibility.css +18 -18
  561. package/css/utilities/Accessibility/accessibility.d.ts +18 -18
  562. package/css/utilities/Accessibility/accessibility.js +18 -18
  563. package/css/utilities/Accessibility/accessibility.mjs +18 -18
  564. package/css/utilities/Alignment/alignment.css +24 -24
  565. package/css/utilities/Alignment/alignment.d.ts +24 -24
  566. package/css/utilities/Alignment/alignment.js +24 -24
  567. package/css/utilities/Alignment/alignment.mjs +24 -24
  568. package/css/utilities/BackgroundColor/BackgroundColor.css +252 -252
  569. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +97 -97
  570. package/css/utilities/BackgroundColor/BackgroundColor.js +97 -97
  571. package/css/utilities/BackgroundColor/BackgroundColor.mjs +97 -97
  572. package/css/utilities/BoxShadow/box-shadow.css +42 -42
  573. package/css/utilities/BoxShadow/box-shadow.d.ts +21 -21
  574. package/css/utilities/BoxShadow/box-shadow.js +21 -21
  575. package/css/utilities/BoxShadow/box-shadow.mjs +21 -21
  576. package/css/utilities/Display/display.css +54 -54
  577. package/css/utilities/Display/display.d.ts +54 -54
  578. package/css/utilities/Display/display.js +54 -54
  579. package/css/utilities/Display/display.mjs +54 -54
  580. package/css/utilities/Flex/flex.css +228 -228
  581. package/css/utilities/Flex/flex.d.ts +228 -228
  582. package/css/utilities/Flex/flex.js +228 -228
  583. package/css/utilities/Flex/flex.mjs +228 -228
  584. package/css/utilities/Float/float.css +12 -12
  585. package/css/utilities/Float/float.d.ts +12 -12
  586. package/css/utilities/Float/float.js +12 -12
  587. package/css/utilities/Float/float.mjs +12 -12
  588. package/css/utilities/Sizing/sizing.css +244 -244
  589. package/css/utilities/Sizing/sizing.d.ts +196 -196
  590. package/css/utilities/Sizing/sizing.js +196 -196
  591. package/css/utilities/Sizing/sizing.mjs +196 -196
  592. package/css/utilities/Spacing/spacing.css +1704 -1704
  593. package/css/utilities/Spacing/spacing.d.ts +840 -840
  594. package/css/utilities/Spacing/spacing.js +840 -840
  595. package/css/utilities/Spacing/spacing.mjs +840 -840
  596. package/css/utilities/Text/text.css +631 -650
  597. package/css/utilities/Text/text.d.ts +278 -284
  598. package/css/utilities/Text/text.js +278 -284
  599. package/css/utilities/Text/text.mjs +278 -284
  600. package/package.json +4 -4
  601. package/scripts/generateClassMaps.js +5 -5
  602. package/src/css/components/Consoles/AccessConsoles.css +8 -7
  603. package/src/css/components/Consoles/DesktopViewer.css +2 -3
  604. package/src/css/components/Consoles/SerialConsole.css +4 -4
  605. package/src/css/components/Consoles/VncConsole.css +3 -3
  606. package/src/css/components/Popper/Popper.css +1 -1
  607. package/src/css/components/Table/inline-edit.css +32 -28
  608. package/src/css/layouts/Toolbar/toolbar.css +20 -14
  609. package/css/components/AlertGroup/alert-group.css +0 -54
  610. package/css/components/AlertGroup/alert-group.d.ts +0 -9
  611. package/css/components/AlertGroup/alert-group.mjs +0 -8
  612. package/css/components/ChipGroup/chip-group.css +0 -91
  613. package/css/components/ChipGroup/chip-group.d.ts +0 -13
  614. package/css/components/ChipGroup/chip-group.js +0 -14
  615. package/css/components/ChipGroup/chip-group.mjs +0 -12
  616. package/css/components/LabelGroup/label-group.css +0 -137
  617. package/css/components/LabelGroup/label-group.d.ts +0 -18
  618. package/css/components/LabelGroup/label-group.js +0 -19
  619. package/css/components/LabelGroup/label-group.mjs +0 -17
  620. package/css/components/SearchInput/search-input.css +0 -199
  621. package/css/components/SearchInput/search-input.d.ts +0 -24
  622. package/css/components/SearchInput/search-input.js +0 -25
  623. package/css/components/SearchInput/search-input.mjs +0 -23
  624. package/css/docs/components/AppLauncher/examples/application-launcher.css +0 -25
  625. package/css/docs/components/ContextSelector/examples/context-selector.css +0 -7
  626. package/css/docs/components/FormControl/examples/FormControl.css +0 -5
  627. package/css/docs/components/FormControl/examples/FormControl.d.ts +0 -3
  628. package/css/docs/components/FormControl/examples/FormControl.js +0 -4
  629. package/css/docs/components/FormControl/examples/FormControl.mjs +0 -2
  630. package/css/docs/components/OptionsMenu/examples/options-menu.css +0 -25
  631. package/css/docs/components/SearchInput/examples/SearchInput.css +0 -12
  632. package/css/docs/components/SearchInput/examples/SearchInput.d.ts +0 -3
  633. package/css/docs/components/SearchInput/examples/SearchInput.js +0 -4
  634. package/css/docs/components/SearchInput/examples/SearchInput.mjs +0 -2
  635. /package/css/docs/components/AppLauncher/{examples → deprecated}/application-launcher.d.ts +0 -0
  636. /package/css/docs/components/AppLauncher/{examples → deprecated}/application-launcher.js +0 -0
  637. /package/css/docs/components/AppLauncher/{examples → deprecated}/application-launcher.mjs +0 -0
  638. /package/css/docs/components/ContextSelector/{examples → deprecated}/context-selector.d.ts +0 -0
  639. /package/css/docs/components/ContextSelector/{examples → deprecated}/context-selector.js +0 -0
  640. /package/css/docs/components/ContextSelector/{examples → deprecated}/context-selector.mjs +0 -0
  641. /package/css/docs/components/OptionsMenu/{examples → deprecated}/options-menu.d.ts +0 -0
  642. /package/css/docs/components/OptionsMenu/{examples → deprecated}/options-menu.js +0 -0
  643. /package/css/docs/components/OptionsMenu/{examples → deprecated}/options-menu.mjs +0 -0
package/css/components/Toolbar/toolbar.css CHANGED
@@ -1,1182 +1,1217 @@
1
- .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
2
- --pf-hidden-visible--hidden--Display: none;
3
- --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
4
- display: var(--pf-hidden-visible--Display);
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
5
  }
6
- .pf-m-hidden.pf-c-toolbar__content-section, .pf-m-hidden.pf-c-toolbar__content, .pf-m-hidden.pf-c-toolbar__item, .pf-m-hidden.pf-c-toolbar__group {
7
- --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
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);
8
8
  }
9
9
  @media screen and (min-width: 576px) {
10
- .pf-m-hidden-on-sm.pf-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-c-toolbar__content, .pf-m-hidden-on-sm.pf-c-toolbar__item, .pf-m-hidden-on-sm.pf-c-toolbar__group {
11
- --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
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);
12
12
  }
13
- .pf-m-visible-on-sm.pf-c-toolbar__content-section, .pf-m-visible-on-sm.pf-c-toolbar__content, .pf-m-visible-on-sm.pf-c-toolbar__item, .pf-m-visible-on-sm.pf-c-toolbar__group {
14
- --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
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);
15
15
  }
16
16
  }
17
17
  @media screen and (min-width: 768px) {
18
- .pf-m-hidden-on-md.pf-c-toolbar__content-section, .pf-m-hidden-on-md.pf-c-toolbar__content, .pf-m-hidden-on-md.pf-c-toolbar__item, .pf-m-hidden-on-md.pf-c-toolbar__group {
19
- --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
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);
20
20
  }
21
- .pf-m-visible-on-md.pf-c-toolbar__content-section, .pf-m-visible-on-md.pf-c-toolbar__content, .pf-m-visible-on-md.pf-c-toolbar__item, .pf-m-visible-on-md.pf-c-toolbar__group {
22
- --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
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);
23
23
  }
24
24
  }
25
25
  @media screen and (min-width: 992px) {
26
- .pf-m-hidden-on-lg.pf-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-c-toolbar__content, .pf-m-hidden-on-lg.pf-c-toolbar__item, .pf-m-hidden-on-lg.pf-c-toolbar__group {
27
- --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
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);
28
28
  }
29
- .pf-m-visible-on-lg.pf-c-toolbar__content-section, .pf-m-visible-on-lg.pf-c-toolbar__content, .pf-m-visible-on-lg.pf-c-toolbar__item, .pf-m-visible-on-lg.pf-c-toolbar__group {
30
- --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
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);
31
31
  }
32
32
  }
33
33
  @media screen and (min-width: 1200px) {
34
- .pf-m-hidden-on-xl.pf-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-c-toolbar__content, .pf-m-hidden-on-xl.pf-c-toolbar__item, .pf-m-hidden-on-xl.pf-c-toolbar__group {
35
- --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
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);
36
36
  }
37
- .pf-m-visible-on-xl.pf-c-toolbar__content-section, .pf-m-visible-on-xl.pf-c-toolbar__content, .pf-m-visible-on-xl.pf-c-toolbar__item, .pf-m-visible-on-xl.pf-c-toolbar__group {
38
- --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
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);
39
39
  }
40
40
  }
41
41
  @media screen and (min-width: 1450px) {
42
- .pf-m-hidden-on-2xl.pf-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-c-toolbar__content, .pf-m-hidden-on-2xl.pf-c-toolbar__item, .pf-m-hidden-on-2xl.pf-c-toolbar__group {
43
- --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
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);
44
44
  }
45
- .pf-m-visible-on-2xl.pf-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-c-toolbar__content, .pf-m-visible-on-2xl.pf-c-toolbar__item, .pf-m-visible-on-2xl.pf-c-toolbar__group {
46
- --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
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);
47
47
  }
48
48
  }
49
49
 
50
- .pf-c-toolbar {
51
- --pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
52
- --pf-c-toolbar--RowGap--base: var(--pf-global--spacer--lg);
53
- --pf-c-toolbar--RowGap: var(--pf-c-toolbar--RowGap--base);
54
- --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
55
- --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
56
- --pf-c-toolbar--item--RowGap--base: var(--pf-global--spacer--xs);
57
- --pf-c-toolbar__item--Display: block;
58
- --pf-c-toolbar__item--MinWidth--base: auto;
59
- --pf-c-toolbar__item--AlignSelf: auto;
60
- --pf-c-toolbar__group--Display: flex;
61
- --pf-c-toolbar__group--AlignItems: baseline;
62
- --pf-c-toolbar__group--AlignSelf: auto;
63
- --pf-c-toolbar__group--RowGap: var(--pf-c-toolbar--item--RowGap--base);
64
- --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
65
- --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
66
- --pf-c-toolbar__content--Display: flex;
67
- --pf-c-toolbar__content--RowGap: var(--pf-c-toolbar--RowGap--base);
68
- --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
69
- --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
70
- --pf-c-toolbar__content-section--Display: flex;
71
- --pf-c-toolbar__content-section--AlignItems: baseline;
72
- --pf-c-toolbar__content-section--RowGap: var(--pf-c-toolbar--item--RowGap--base);
73
- --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
74
- --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
75
- --pf-c-toolbar__expandable-content--Display: grid;
76
- --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__content--PaddingRight);
77
- --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
78
- --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__content--PaddingLeft);
79
- --pf-c-toolbar__expandable-content--lg--PaddingRight: 0;
80
- --pf-c-toolbar__expandable-content--lg--PaddingBottom: 0;
81
- --pf-c-toolbar__expandable-content--lg--PaddingLeft: 0;
82
- --pf-c-toolbar__expandable-content--ZIndex: var(--pf-global--ZIndex--sm);
83
- --pf-c-toolbar__expandable-content--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
84
- --pf-c-toolbar__expandable-content--BackgroundColor: var(--pf-c-toolbar--BackgroundColor);
85
- --pf-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-global--gutter--md);
86
- --pf-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-global--spacer--md) * -1);
87
- --pf-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-global--spacer--md);
88
- --pf-c-toolbar--spacer--base: var(--pf-global--spacer--md);
89
- --pf-c-toolbar__item--spacer: var(--pf-c-toolbar--spacer--base);
90
- --pf-c-toolbar__group--spacer: var(--pf-c-toolbar--spacer--base);
91
- --pf-c-toolbar__item--Width: auto;
92
- --pf-c-toolbar__group--m-toggle-group--spacer: var(--pf-global--spacer--sm);
93
- --pf-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-c-toolbar__group--spacer);
94
- --pf-c-toolbar__group--m-icon-button-group--spacer: var(--pf-c-toolbar__group--spacer);
95
- --pf-c-toolbar__group--m-icon-button-group--space-items: 0;
96
- --pf-c-toolbar__group--m-button-group--spacer: var(--pf-c-toolbar__group--spacer);
97
- --pf-c-toolbar__group--m-button-group--space-items: var(--pf-global--spacer--sm);
98
- --pf-c-toolbar__group--m-filter-group--spacer: var(--pf-c-toolbar__group--spacer);
99
- --pf-c-toolbar__group--m-filter-group--space-items: 0;
100
- --pf-c-toolbar__item--m-overflow-menu--spacer: var(--pf-c-toolbar__item--spacer);
101
- --pf-c-toolbar__item--m-bulk-select--spacer: var(--pf-global--spacer--lg);
102
- --pf-c-toolbar__expand-all-icon--Rotate: 0;
103
- --pf-c-toolbar__expand-all-icon--Transition: var(--pf-global--Transition);
104
- --pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
105
- --pf-c-toolbar__item--m-search-filter--spacer: var(--pf-global--spacer--sm);
106
- --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
107
- --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
108
- --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
109
- --pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
110
- --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
111
- --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
112
- --pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
113
- --pf-c-toolbar--m-full-height--PaddingTop: 0;
114
- --pf-c-toolbar--m-full-height--PaddingBottom: 0;
115
- --pf-c-toolbar--m-full-height__item--Display: flex;
116
- --pf-c-toolbar--m-full-height__item--AlignItems: center;
50
+ .pf-v5-c-toolbar {
51
+ --pf-v5-c-toolbar--AlignItems--base: flex-start;
52
+ --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
53
+ --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
54
+ --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
55
+ --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
56
+ --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-global--spacer--md);
57
+ --pf-v5-c-toolbar--item--RowGap--base: var(--pf-v5-global--spacer--xs);
58
+ --pf-v5-c-toolbar__item--Display: block;
59
+ --pf-v5-c-toolbar__item--MinWidth--base: auto;
60
+ --pf-v5-c-toolbar__item--AlignSelf: auto;
61
+ --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
62
+ --pf-v5-c-toolbar__group--Display: flex;
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__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
66
+ --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
67
+ --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
68
+ --pf-v5-c-toolbar__content--Display: flex;
69
+ --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
70
+ --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
71
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md);
72
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md);
73
+ --pf-v5-c-toolbar__content-section--Display: flex;
74
+ --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
75
+ --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
76
+ --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md);
77
+ --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
78
+ --pf-v5-c-toolbar__expandable-content--Display: grid;
79
+ --pf-v5-c-toolbar__expandable-content--PaddingTop: 0;
80
+ --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__content--PaddingRight);
81
+ --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
82
+ --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__content--PaddingLeft);
83
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: 0;
84
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: 0;
85
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: 0;
86
+ --pf-v5-c-toolbar__expandable-content--ZIndex: var(--pf-v5-global--ZIndex--sm);
87
+ --pf-v5-c-toolbar__expandable-content--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
88
+ --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-toolbar--BackgroundColor);
89
+ --pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-v5-global--gutter--md);
90
+ --pf-v5-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-v5-global--spacer--md) * -1);
91
+ --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md);
92
+ --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md);
93
+ --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base);
94
+ --pf-v5-c-toolbar__item--Width: auto;
95
+ --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
96
+ --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm);
97
+ --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer);
98
+ --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
99
+ --pf-v5-c-toolbar__group--m-icon-button-group--space-items: 0;
100
+ --pf-v5-c-toolbar__group--m-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
101
+ --pf-v5-c-toolbar__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
102
+ --pf-v5-c-toolbar__group--m-filter-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
103
+ --pf-v5-c-toolbar__group--m-filter-group--space-items: 0;
104
+ --pf-v5-c-toolbar__item--m-overflow-menu--spacer: var(--pf-v5-c-toolbar__item--spacer);
105
+ --pf-v5-c-toolbar__item--m-bulk-select--spacer: var(--pf-v5-global--spacer--lg);
106
+ --pf-v5-c-toolbar__expand-all-icon--Rotate: 0;
107
+ --pf-v5-c-toolbar__expand-all-icon--Transition: var(--pf-v5-global--Transition);
108
+ --pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
109
+ --pf-v5-c-toolbar__item--m-search-filter--spacer: var(--pf-v5-global--spacer--sm);
110
+ --pf-v5-c-toolbar__item--m-chip-group--spacer: var(--pf-v5-global--spacer--sm);
111
+ --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
112
+ --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
113
+ --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));
114
+ --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
115
+ --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-v5-global--Color--100);
116
+ --pf-v5-c-toolbar--c-divider--m-vertical--spacer: var(--pf-v5-c-toolbar--spacer--base);
117
+ --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
118
+ --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
119
+ --pf-v5-c-toolbar--m-full-height__item--Display: flex;
120
+ --pf-v5-c-toolbar--m-full-height__item--AlignItems: var(--pf-v5-c-toolbar__group--AlignItems);
117
121
  position: relative;
118
122
  display: grid;
119
- row-gap: var(--pf-c-toolbar--RowGap);
120
- padding-top: var(--pf-c-toolbar--PaddingTop);
121
- padding-bottom: var(--pf-c-toolbar--PaddingBottom);
122
- background-color: var(--pf-c-toolbar--BackgroundColor);
123
+ row-gap: var(--pf-v5-c-toolbar--RowGap);
124
+ padding-top: var(--pf-v5-c-toolbar--PaddingTop);
125
+ padding-bottom: var(--pf-v5-c-toolbar--PaddingBottom);
126
+ background-color: var(--pf-v5-c-toolbar--BackgroundColor);
123
127
  }
124
128
  @media screen and (min-width: 992px) {
125
- .pf-c-toolbar {
126
- --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__expandable-content--lg--PaddingRight);
127
- --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-toolbar__expandable-content--lg--PaddingBottom);
128
- --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__expandable-content--lg--PaddingLeft);
129
+ .pf-v5-c-toolbar {
130
+ --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingRight);
131
+ --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom);
132
+ --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft);
129
133
  }
130
134
  }
131
135
  @media screen and (min-width: 1200px) {
132
- .pf-c-toolbar {
133
- --pf-c-toolbar--m-page-insets--inset: var(--pf-c-toolbar--m-page-insets--xl--inset);
136
+ .pf-v5-c-toolbar {
137
+ --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-c-toolbar--m-page-insets--xl--inset);
134
138
  }
135
139
  }
136
- .pf-c-toolbar.pf-m-page-insets {
137
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
138
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
140
+ .pf-v5-c-toolbar.pf-m-page-insets {
141
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--m-page-insets--inset);
142
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--m-page-insets--inset);
139
143
  }
140
- .pf-c-toolbar.pf-m-sticky {
144
+ .pf-v5-c-toolbar.pf-m-sticky {
141
145
  position: sticky;
142
146
  top: 0;
143
- z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
144
- box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
147
+ z-index: var(--pf-v5-c-toolbar--m-sticky--ZIndex);
148
+ box-shadow: var(--pf-v5-c-toolbar--m-sticky--BoxShadow);
145
149
  }
146
- .pf-c-toolbar.pf-m-full-height {
147
- --pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);
148
- --pf-c-toolbar--PaddingBottom: var(--pf-c-toolbar--m-full-height--PaddingTop);
149
- --pf-c-toolbar__item--Display: var(--pf-c-toolbar--m-full-height__item--Display);
150
+ .pf-v5-c-toolbar.pf-m-full-height {
151
+ --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
152
+ --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-toolbar--m-full-height--PaddingTop);
153
+ --pf-v5-c-toolbar__item--Display: var(--pf-v5-c-toolbar--m-full-height__item--Display);
150
154
  height: 100%;
151
155
  }
152
- .pf-c-toolbar.pf-m-full-height,
153
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,
154
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,
155
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__expandable-content,
156
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group {
156
+ .pf-v5-c-toolbar.pf-m-full-height,
157
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
158
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
159
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__expandable-content,
160
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group {
157
161
  min-width: 0;
158
162
  }
159
- .pf-c-toolbar.pf-m-full-height,
160
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,
161
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,
162
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group,
163
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
163
+ .pf-v5-c-toolbar.pf-m-full-height,
164
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content,
165
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section,
166
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group,
167
+ .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
164
168
  align-self: stretch;
165
169
  }
166
- .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
167
- align-items: var(--pf-c-toolbar--m-full-height__item--AlignItems);
170
+ .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
171
+ --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
168
172
  }
169
- .pf-c-toolbar.pf-m-static,
170
- .pf-c-toolbar.pf-m-static .pf-c-toolbar__content {
173
+ .pf-v5-c-toolbar.pf-m-static,
174
+ .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
171
175
  position: static;
172
176
  }
173
- .pf-c-toolbar.pf-m-static .pf-c-toolbar__expandable-content {
177
+ .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__expandable-content {
174
178
  position: absolute;
175
179
  }
176
180
 
177
- .pf-c-toolbar__content-section > .pf-c-divider,
178
- .pf-c-toolbar__group > .pf-c-divider {
179
- --pf-c-toolbar--spacer: var(--pf-c-toolbar--c-divider--m-vertical--spacer);
181
+ .pf-v5-c-toolbar__content-section > .pf-v5-c-divider,
182
+ .pf-v5-c-toolbar__group > .pf-v5-c-divider {
183
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar--c-divider--m-vertical--spacer);
180
184
  }
181
- .pf-c-toolbar__content-section > .pf-c-divider.pf-m-vertical,
182
- .pf-c-toolbar__group > .pf-c-divider.pf-m-vertical {
183
- margin-right: var(--pf-c-toolbar--spacer);
185
+ .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical,
186
+ .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical {
187
+ margin-right: var(--pf-v5-c-toolbar--spacer);
184
188
  }
185
- .pf-c-toolbar__content-section > .pf-c-divider.pf-m-vertical:last-child,
186
- .pf-c-toolbar__group > .pf-c-divider.pf-m-vertical:last-child {
187
- --pf-c-toolbar--spacer: 0;
189
+ .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical:last-child,
190
+ .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
191
+ --pf-v5-c-toolbar--spacer: 0;
188
192
  }
189
-
190
- .pf-c-toolbar__group {
191
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
192
- --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
193
- row-gap: var(--pf-c-toolbar__group--RowGap);
194
- align-items: var(--pf-c-toolbar__group--AlignItems);
195
- align-self: var(--pf-c-toolbar__group--AlignSelf);
196
- margin-right: var(--pf-c-toolbar--spacer);
197
- }
198
- .pf-c-toolbar__group.pf-m-align-items-center {
193
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start,
194
+ .pf-v5-c-toolbar__group.pf-m-align-items-start {
195
+ align-items: flex-start;
196
+ }
197
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
198
+ .pf-v5-c-toolbar__group.pf-m-align-items-center {
199
199
  align-items: center;
200
200
  }
201
- .pf-c-toolbar__group.pf-m-align-items-baseline {
201
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
202
+ .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
202
203
  align-items: baseline;
203
204
  }
204
- .pf-c-toolbar__group.pf-m-align-self-center {
205
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
206
+ .pf-v5-c-toolbar__group.pf-m-align-self-start {
207
+ align-self: flex-start;
208
+ }
209
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
210
+ .pf-v5-c-toolbar__group.pf-m-align-self-center {
205
211
  align-self: center;
206
212
  }
207
- .pf-c-toolbar__group.pf-m-align-self-baseline {
213
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
214
+ .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
208
215
  align-self: baseline;
209
216
  }
210
- .pf-c-toolbar__group.pf-m-button-group {
211
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
217
+
218
+ .pf-v5-c-toolbar__group {
219
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
220
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
221
+ row-gap: var(--pf-v5-c-toolbar__group--RowGap);
222
+ align-items: var(--pf-v5-c-toolbar__group--AlignItems);
223
+ align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
224
+ margin-right: var(--pf-v5-c-toolbar--spacer);
225
+ }
226
+ .pf-v5-c-toolbar__group.pf-m-button-group {
227
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
212
228
  }
213
- .pf-c-toolbar__group.pf-m-button-group > * {
214
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--space-items);
229
+ .pf-v5-c-toolbar__group.pf-m-button-group > * {
230
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--space-items);
215
231
  }
216
- .pf-c-toolbar__group.pf-m-icon-button-group {
217
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-icon-button-group--spacer);
232
+ .pf-v5-c-toolbar__group.pf-m-icon-button-group {
233
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--spacer);
218
234
  }
219
- .pf-c-toolbar__group.pf-m-icon-button-group > * {
220
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-icon-button-group--space-items);
235
+ .pf-v5-c-toolbar__group.pf-m-icon-button-group > * {
236
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--space-items);
221
237
  }
222
- .pf-c-toolbar__group.pf-m-filter-group {
223
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-filter-group--spacer);
238
+ .pf-v5-c-toolbar__group.pf-m-filter-group {
239
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--spacer);
224
240
  }
225
- .pf-c-toolbar__group.pf-m-filter-group > * {
226
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-filter-group--space-items);
241
+ .pf-v5-c-toolbar__group.pf-m-filter-group > * {
242
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--space-items);
227
243
  }
228
- .pf-c-toolbar__group.pf-m-filter-group > * + * {
244
+ .pf-v5-c-toolbar__group.pf-m-filter-group > * + * {
229
245
  margin-left: -1px;
230
246
  }
231
- .pf-c-toolbar__group.pf-m-toggle-group {
232
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--spacer);
247
+ .pf-v5-c-toolbar__group.pf-m-toggle-group {
248
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--spacer);
233
249
  }
234
- .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__group,
235
- .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__item {
250
+ .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__group,
251
+ .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__item {
236
252
  display: none;
237
253
  }
238
- .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__toggle {
254
+ .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__toggle {
239
255
  display: inline-block;
240
256
  }
241
- .pf-c-toolbar__group:last-child {
242
- --pf-c-toolbar--spacer: 0;
257
+ .pf-v5-c-toolbar__group:last-child {
258
+ --pf-v5-c-toolbar--spacer: 0;
243
259
  }
244
260
 
245
- .pf-c-toolbar__item {
246
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--spacer);
247
- --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
248
- --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
249
- --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
250
- align-self: var(--pf-c-toolbar__item--AlignSelf);
251
- width: var(--pf-c-toolbar__item--Width--base);
252
- min-width: var(--pf-c-toolbar__item--MinWidth--base);
253
- margin-right: var(--pf-c-toolbar--spacer);
261
+ .pf-v5-c-toolbar__item {
262
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
263
+ --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
264
+ --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
265
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
266
+ align-items: var(--pf-v5-c-toolbar__item--AlignItems);
267
+ align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
268
+ width: var(--pf-v5-c-toolbar__item--Width--base);
269
+ min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
270
+ margin-right: var(--pf-v5-c-toolbar--spacer);
254
271
  }
255
272
  @media (min-width: 576px) {
256
- .pf-c-toolbar__item {
257
- --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width));
273
+ .pf-v5-c-toolbar__item {
274
+ --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width));
258
275
  }
259
276
  }
260
277
  @media (min-width: 768px) {
261
- .pf-c-toolbar__item {
262
- --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width)));
278
+ .pf-v5-c-toolbar__item {
279
+ --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)));
263
280
  }
264
281
  }
265
282
  @media (min-width: 992px) {
266
- .pf-c-toolbar__item {
267
- --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))));
283
+ .pf-v5-c-toolbar__item {
284
+ --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))));
268
285
  }
269
286
  }
270
287
  @media (min-width: 1200px) {
271
- .pf-c-toolbar__item {
272
- --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-xl, var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width)))));
288
+ .pf-v5-c-toolbar__item {
289
+ --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)))));
273
290
  }
274
291
  }
275
292
  @media (min-width: 1450px) {
276
- .pf-c-toolbar__item {
277
- --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-2xl, var(--pf-c-toolbar__item--Width-on-xl, var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))))));
293
+ .pf-v5-c-toolbar__item {
294
+ --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))))));
278
295
  }
279
296
  }
280
297
  @media (min-width: 576px) {
281
- .pf-c-toolbar__item {
282
- --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth));
298
+ .pf-v5-c-toolbar__item {
299
+ --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth));
283
300
  }
284
301
  }
285
302
  @media (min-width: 768px) {
286
- .pf-c-toolbar__item {
287
- --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth)));
303
+ .pf-v5-c-toolbar__item {
304
+ --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)));
288
305
  }
289
306
  }
290
307
  @media (min-width: 992px) {
291
- .pf-c-toolbar__item {
292
- --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))));
308
+ .pf-v5-c-toolbar__item {
309
+ --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))));
293
310
  }
294
311
  }
295
312
  @media (min-width: 1200px) {
296
- .pf-c-toolbar__item {
297
- --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth)))));
313
+ .pf-v5-c-toolbar__item {
314
+ --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)))));
298
315
  }
299
316
  }
300
317
  @media (min-width: 1450px) {
301
- .pf-c-toolbar__item {
302
- --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
318
+ .pf-v5-c-toolbar__item {
319
+ --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))))));
303
320
  }
304
321
  }
305
- .pf-c-toolbar__item.pf-m-align-self-center {
322
+ .pf-v5-c-toolbar__item.pf-m-align-items-start {
323
+ align-items: flex-start;
324
+ }
325
+ .pf-v5-c-toolbar__item.pf-m-align-items-center {
326
+ align-items: center;
327
+ }
328
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline {
329
+ align-items: baseline;
330
+ }
331
+ .pf-v5-c-toolbar__item.pf-m-align-self-start {
332
+ align-self: flex-start;
333
+ }
334
+ .pf-v5-c-toolbar__item.pf-m-align-self-center {
306
335
  align-self: center;
307
336
  }
308
- .pf-c-toolbar__item.pf-m-align-self-baseline {
337
+ .pf-v5-c-toolbar__item.pf-m-align-self-baseline {
309
338
  align-self: baseline;
310
339
  }
311
- .pf-c-toolbar__item.pf-m-overflow-menu {
312
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
340
+ .pf-v5-c-toolbar__item.pf-m-overflow-menu {
341
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-overflow-menu--spacer);
313
342
  }
314
- .pf-c-toolbar__item.pf-m-bulk-select {
315
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-bulk-select--spacer);
343
+ .pf-v5-c-toolbar__item.pf-m-bulk-select {
344
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-bulk-select--spacer);
316
345
  }
317
- .pf-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
318
- --pf-c-toolbar__expand-all-icon--Rotate: var(--pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
346
+ .pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
347
+ --pf-v5-c-toolbar__expand-all-icon--Rotate: var(--pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
319
348
  }
320
- .pf-c-toolbar__item.pf-m-search-filter {
321
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-search-filter--spacer);
349
+ .pf-v5-c-toolbar__item.pf-m-search-filter {
350
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-search-filter--spacer);
322
351
  }
323
- .pf-c-toolbar__item.pf-m-chip-group {
324
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-chip-group--spacer);
352
+ .pf-v5-c-toolbar__item.pf-m-chip-group {
353
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-chip-group--spacer);
325
354
  }
326
- .pf-c-toolbar__item.pf-m-label {
327
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-label--spacer);
328
- font-weight: var(--pf-c-toolbar__item--m-label--FontWeight);
355
+ .pf-v5-c-toolbar__item.pf-m-label {
356
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
357
+ font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
329
358
  }
330
- .pf-c-toolbar__item.pf-m-pagination {
359
+ .pf-v5-c-toolbar__item.pf-m-pagination {
331
360
  margin-left: auto;
332
361
  }
333
- .pf-c-toolbar__item.pf-m-pagination .pf-c-pagination {
362
+ .pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination {
334
363
  flex-wrap: nowrap;
335
364
  }
336
- .pf-c-toolbar__item:last-child {
337
- --pf-c-toolbar--spacer: 0;
365
+ .pf-v5-c-toolbar__item:last-child {
366
+ --pf-v5-c-toolbar--spacer: 0;
338
367
  }
339
368
 
340
- .pf-c-toolbar__group.pf-m-overflow-container,
341
- .pf-c-toolbar__item.pf-m-overflow-container {
369
+ .pf-v5-c-toolbar__group.pf-m-overflow-container,
370
+ .pf-v5-c-toolbar__item.pf-m-overflow-container {
342
371
  flex: 1;
343
372
  overflow: hidden;
344
373
  }
345
374
 
346
- .pf-c-toolbar__expand-all-icon {
375
+ .pf-v5-c-toolbar__expand-all-icon {
347
376
  display: inline-block;
348
- transition: var(--pf-c-toolbar__expand-all-icon--Transition);
349
- transform: rotate(var(--pf-c-toolbar__expand-all-icon--Rotate));
377
+ transition: var(--pf-v5-c-toolbar__expand-all-icon--Transition);
378
+ transform: rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate));
350
379
  }
351
380
 
352
- .pf-c-toolbar__content,
353
- .pf-c-toolbar__content-section {
381
+ .pf-v5-c-toolbar__content,
382
+ .pf-v5-c-toolbar__content-section {
354
383
  flex-wrap: wrap;
355
384
  }
356
385
 
357
- .pf-c-toolbar__content {
358
- --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
386
+ .pf-v5-c-toolbar__content {
387
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display);
359
388
  position: relative;
360
- row-gap: var(--pf-c-toolbar__content--RowGap);
361
- align-items: center;
362
- padding-right: var(--pf-c-toolbar__content--PaddingRight);
363
- padding-left: var(--pf-c-toolbar__content--PaddingLeft);
389
+ row-gap: var(--pf-v5-c-toolbar__content--RowGap);
390
+ align-items: var(--pf-v5-c-toolbar__content--AlignItems);
391
+ padding-right: var(--pf-v5-c-toolbar__content--PaddingRight);
392
+ padding-left: var(--pf-v5-c-toolbar__content--PaddingLeft);
364
393
  }
365
394
 
366
- .pf-c-toolbar__content-section {
367
- --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
368
- row-gap: var(--pf-c-toolbar__content-section--RowGap);
369
- align-items: var(--pf-c-toolbar__content-section--AlignItems);
395
+ .pf-v5-c-toolbar__content-section {
396
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content-section--Display);
397
+ row-gap: var(--pf-v5-c-toolbar__content-section--RowGap);
398
+ align-items: var(--pf-v5-c-toolbar__content-section--AlignItems);
370
399
  width: 100%;
371
400
  }
372
- .pf-c-toolbar__content-section.pf-m-align-items-center {
401
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
402
+ align-items: flex-start;
403
+ }
404
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
373
405
  align-items: center;
374
406
  }
407
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
408
+ align-items: baseline;
409
+ }
375
410
 
376
- .pf-c-toolbar__expandable-content {
411
+ .pf-v5-c-toolbar__expandable-content {
377
412
  position: absolute;
378
- top: calc(100% + var(--pf-c-toolbar__content--RowGap));
413
+ top: calc(100% + var(--pf-v5-c-toolbar__content--RowGap));
379
414
  right: 0;
380
415
  left: 0;
381
- z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
416
+ z-index: var(--pf-v5-c-toolbar__expandable-content--ZIndex);
382
417
  display: none;
383
418
  width: 100%;
384
- padding: 0 var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
385
- background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
386
- box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
419
+ padding: var(--pf-v5-c-toolbar__expandable-content--PaddingTop) var(--pf-v5-c-toolbar__expandable-content--PaddingRight) var(--pf-v5-c-toolbar__expandable-content--PaddingBottom) var(--pf-v5-c-toolbar__expandable-content--PaddingLeft);
420
+ background-color: var(--pf-v5-c-toolbar__expandable-content--BackgroundColor);
421
+ box-shadow: var(--pf-v5-c-toolbar__expandable-content--BoxShadow);
387
422
  }
388
423
  @media screen and (min-width: 992px) {
389
- .pf-c-toolbar__expandable-content {
424
+ .pf-v5-c-toolbar__expandable-content {
390
425
  position: static;
391
426
  box-shadow: none;
392
427
  }
393
428
  }
394
- .pf-c-toolbar__expandable-content.pf-m-expanded {
429
+ .pf-v5-c-toolbar__expandable-content.pf-m-expanded {
395
430
  display: grid;
396
- grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
431
+ grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
397
432
  }
398
- .pf-c-toolbar__expandable-content .pf-c-toolbar__group,
399
- .pf-c-toolbar__expandable-content .pf-c-toolbar__item {
400
- --pf-c-toolbar--spacer: 0;
433
+ .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group,
434
+ .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item {
435
+ --pf-v5-c-toolbar--spacer: 0;
401
436
  }
402
- .pf-c-toolbar__expandable-content .pf-c-toolbar__group {
437
+ .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group {
403
438
  display: grid;
404
- grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
439
+ grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
405
440
  }
406
- .pf-c-toolbar__expandable-content .pf-m-label {
407
- margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
408
- font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
441
+ .pf-v5-c-toolbar__expandable-content .pf-m-label {
442
+ margin-bottom: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
443
+ font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
409
444
  }
410
445
 
411
- .pf-c-toolbar__content.pf-m-chip-container,
412
- .pf-c-toolbar__group.pf-m-chip-container {
446
+ .pf-v5-c-toolbar__content.pf-m-chip-container,
447
+ .pf-v5-c-toolbar__group.pf-m-chip-container {
413
448
  display: flex;
414
449
  flex-wrap: wrap;
415
450
  grid-row-gap: 0;
416
451
  align-items: baseline;
417
- margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
452
+ margin-top: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop);
418
453
  }
419
- .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
420
- .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
421
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--spacer);
422
- margin-top: var(--pf-c-toolbar__group--m-chip-container__item--MarginTop);
454
+ .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
455
+ .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
456
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
457
+ margin-top: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
423
458
  }
424
- .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group,
425
- .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group {
426
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
459
+ .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
460
+ .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
461
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
427
462
  display: flex;
428
463
  flex-wrap: wrap;
429
464
  grid-row-gap: 0;
430
465
  }
431
- .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group:last-child,
432
- .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item:last-child,
433
- .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group:last-child,
434
- .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item:last-child {
435
- --pf-c-toolbar--spacer: 0;
466
+ .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
467
+ .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item:last-child,
468
+ .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group:last-child,
469
+ .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item:last-child {
470
+ --pf-v5-c-toolbar--spacer: 0;
436
471
  }
437
472
 
438
- .pf-c-toolbar .pf-c-chip-group:last-child {
439
- --pf-c-chip-group--MarginRight: 0;
473
+ .pf-v5-c-toolbar .pf-v5-c-chip-group:last-child {
474
+ --pf-v5-c-chip-group--MarginRight: 0;
440
475
  }
441
476
 
442
- .pf-c-toolbar .pf-c-chip-group li:last-child {
443
- --pf-c-chip-group__li--m-toolbar--MarginRight: 0;
477
+ .pf-v5-c-toolbar .pf-v5-c-chip-group li:last-child {
478
+ --pf-v5-c-chip-group__li--m-toolbar--MarginRight: 0;
444
479
  }
445
480
 
446
- .pf-c-toolbar__toggle.pf-m-expanded .pf-c-button.pf-m-plain {
447
- color: var(--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color);
481
+ .pf-v5-c-toolbar__toggle.pf-m-expanded .pf-v5-c-button.pf-m-plain {
482
+ color: var(--pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color);
448
483
  }
449
484
 
450
485
  .pf-m-toggle-group.pf-m-show {
451
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
486
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
452
487
  }
453
- .pf-m-toggle-group.pf-m-show .pf-c-toolbar__group,
454
- .pf-m-toggle-group.pf-m-show .pf-c-toolbar__item {
488
+ .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__group,
489
+ .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__item {
455
490
  display: flex;
456
491
  flex: 0 1 auto;
457
492
  }
458
- .pf-m-toggle-group.pf-m-show .pf-c-toolbar__toggle {
493
+ .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__toggle {
459
494
  display: none;
460
495
  }
461
496
 
462
497
  @media (min-width: 576px) {
463
498
  .pf-m-toggle-group.pf-m-show-on-sm {
464
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
499
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
465
500
  }
466
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
467
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
501
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__group,
502
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__item {
468
503
  display: flex;
469
504
  flex: 0 1 auto;
470
505
  }
471
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__toggle {
506
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__toggle {
472
507
  display: none;
473
508
  }
474
509
  }
475
510
  @media (min-width: 768px) {
476
511
  .pf-m-toggle-group.pf-m-show-on-md {
477
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
512
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
478
513
  }
479
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
480
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
514
+ .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__group,
515
+ .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__item {
481
516
  display: flex;
482
517
  flex: 0 1 auto;
483
518
  }
484
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__toggle {
519
+ .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__toggle {
485
520
  display: none;
486
521
  }
487
522
  }
488
523
  @media (min-width: 992px) {
489
524
  .pf-m-toggle-group.pf-m-show-on-lg {
490
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
525
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
491
526
  }
492
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
493
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
527
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__group,
528
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__item {
494
529
  display: flex;
495
530
  flex: 0 1 auto;
496
531
  }
497
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__toggle {
532
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__toggle {
498
533
  display: none;
499
534
  }
500
535
  }
501
536
  @media (min-width: 1200px) {
502
537
  .pf-m-toggle-group.pf-m-show-on-xl {
503
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
538
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
504
539
  }
505
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
506
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
540
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__group,
541
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__item {
507
542
  display: flex;
508
543
  flex: 0 1 auto;
509
544
  }
510
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__toggle {
545
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__toggle {
511
546
  display: none;
512
547
  }
513
548
  }
514
549
  @media (min-width: 1450px) {
515
550
  .pf-m-toggle-group.pf-m-show-on-2xl {
516
- --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
551
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer);
517
552
  }
518
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
519
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
553
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__group,
554
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__item {
520
555
  display: flex;
521
556
  flex: 0 1 auto;
522
557
  }
523
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__toggle {
558
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__toggle {
524
559
  display: none;
525
560
  }
526
561
  }
527
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right,
528
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right {
562
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right,
563
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right {
529
564
  margin-left: auto;
530
565
  }
531
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
532
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
566
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
567
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
533
568
  margin-left: 0;
534
569
  }
535
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left,
536
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left {
570
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left,
571
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left {
537
572
  margin-left: 0;
538
573
  }
539
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
540
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
574
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
575
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
541
576
  margin-left: auto;
542
577
  }
543
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap,
544
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap {
578
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap,
579
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap {
545
580
  flex-wrap: nowrap;
546
581
  }
547
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap,
548
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap {
582
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap,
583
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap {
549
584
  flex-wrap: wrap;
550
585
  }
551
586
  @media (min-width: 576px) {
552
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
553
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
587
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm,
588
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm {
554
589
  margin-left: auto;
555
590
  }
556
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
557
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
591
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
592
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
558
593
  margin-left: 0;
559
594
  }
560
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
561
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
595
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm,
596
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm {
562
597
  margin-left: 0;
563
598
  }
564
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
565
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
599
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
600
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
566
601
  margin-left: auto;
567
602
  }
568
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
569
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
603
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm,
604
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm {
570
605
  flex-wrap: nowrap;
571
606
  }
572
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
573
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
607
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm,
608
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-sm {
574
609
  flex-wrap: wrap;
575
610
  }
576
611
  }
577
612
  @media (min-width: 768px) {
578
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
579
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
613
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md,
614
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md {
580
615
  margin-left: auto;
581
616
  }
582
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
583
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
617
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
618
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
584
619
  margin-left: 0;
585
620
  }
586
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
587
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
621
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md,
622
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md {
588
623
  margin-left: 0;
589
624
  }
590
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
591
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
625
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
626
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
592
627
  margin-left: auto;
593
628
  }
594
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
595
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
629
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md,
630
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md {
596
631
  flex-wrap: nowrap;
597
632
  }
598
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
599
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
633
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md,
634
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-md {
600
635
  flex-wrap: wrap;
601
636
  }
602
637
  }
603
638
  @media (min-width: 992px) {
604
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
605
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
639
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg,
640
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg {
606
641
  margin-left: auto;
607
642
  }
608
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
609
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
643
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
644
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
610
645
  margin-left: 0;
611
646
  }
612
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
613
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
647
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg,
648
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg {
614
649
  margin-left: 0;
615
650
  }
616
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
617
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
651
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
652
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
618
653
  margin-left: auto;
619
654
  }
620
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
621
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
655
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg,
656
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg {
622
657
  flex-wrap: nowrap;
623
658
  }
624
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
625
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
659
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg,
660
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-lg {
626
661
  flex-wrap: wrap;
627
662
  }
628
663
  }
629
664
  @media (min-width: 1200px) {
630
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
631
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
665
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl,
666
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl {
632
667
  margin-left: auto;
633
668
  }
634
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
635
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
669
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
670
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
636
671
  margin-left: 0;
637
672
  }
638
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
639
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
673
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl,
674
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl {
640
675
  margin-left: 0;
641
676
  }
642
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
643
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
677
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
678
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
644
679
  margin-left: auto;
645
680
  }
646
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
647
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
681
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl,
682
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl {
648
683
  flex-wrap: nowrap;
649
684
  }
650
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
651
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
685
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl,
686
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-xl {
652
687
  flex-wrap: wrap;
653
688
  }
654
689
  }
655
690
  @media (min-width: 1450px) {
656
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
657
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
691
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl,
692
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl {
658
693
  margin-left: auto;
659
694
  }
660
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
661
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
695
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
696
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
662
697
  margin-left: 0;
663
698
  }
664
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
665
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
699
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl,
700
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl {
666
701
  margin-left: 0;
667
702
  }
668
- .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
669
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
703
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
704
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
670
705
  margin-left: auto;
671
706
  }
672
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
673
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
707
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl,
708
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl {
674
709
  flex-wrap: nowrap;
675
710
  }
676
- .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
677
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
711
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl,
712
+ .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl {
678
713
  flex-wrap: wrap;
679
714
  }
680
715
  }
681
- .pf-c-toolbar .pf-m-space-items-none > * {
682
- --pf-c-toolbar--spacer: 0;
716
+ .pf-v5-c-toolbar .pf-m-space-items-none > * {
717
+ --pf-v5-c-toolbar--spacer: 0;
683
718
  }
684
- .pf-c-toolbar .pf-m-space-items-none > :last-child {
685
- --pf-c-toolbar--spacer: 0;
719
+ .pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
720
+ --pf-v5-c-toolbar--spacer: 0;
686
721
  }
687
- .pf-c-toolbar .pf-m-space-items-sm > * {
688
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
722
+ .pf-v5-c-toolbar .pf-m-space-items-sm > * {
723
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
689
724
  }
690
- .pf-c-toolbar .pf-m-space-items-sm > :last-child {
691
- --pf-c-toolbar--spacer: 0;
725
+ .pf-v5-c-toolbar .pf-m-space-items-sm > :last-child {
726
+ --pf-v5-c-toolbar--spacer: 0;
692
727
  }
693
- .pf-c-toolbar .pf-m-space-items-md > * {
694
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
728
+ .pf-v5-c-toolbar .pf-m-space-items-md > * {
729
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
695
730
  }
696
- .pf-c-toolbar .pf-m-space-items-md > :last-child {
697
- --pf-c-toolbar--spacer: 0;
731
+ .pf-v5-c-toolbar .pf-m-space-items-md > :last-child {
732
+ --pf-v5-c-toolbar--spacer: 0;
698
733
  }
699
- .pf-c-toolbar .pf-m-space-items-lg > * {
700
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
734
+ .pf-v5-c-toolbar .pf-m-space-items-lg > * {
735
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
701
736
  }
702
- .pf-c-toolbar .pf-m-space-items-lg > :last-child {
703
- --pf-c-toolbar--spacer: 0;
737
+ .pf-v5-c-toolbar .pf-m-space-items-lg > :last-child {
738
+ --pf-v5-c-toolbar--spacer: 0;
704
739
  }
705
740
  @media (min-width: 576px) {
706
- .pf-c-toolbar .pf-m-space-items-none-on-sm > * {
707
- --pf-c-toolbar--spacer: 0;
741
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
742
+ --pf-v5-c-toolbar--spacer: 0;
708
743
  }
709
- .pf-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
710
- --pf-c-toolbar--spacer: 0;
744
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
745
+ --pf-v5-c-toolbar--spacer: 0;
711
746
  }
712
- .pf-c-toolbar .pf-m-space-items-sm-on-sm > * {
713
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
747
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
748
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
714
749
  }
715
- .pf-c-toolbar .pf-m-space-items-sm-on-sm > :last-child {
716
- --pf-c-toolbar--spacer: 0;
750
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > :last-child {
751
+ --pf-v5-c-toolbar--spacer: 0;
717
752
  }
718
- .pf-c-toolbar .pf-m-space-items-md-on-sm > * {
719
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
753
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > * {
754
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
720
755
  }
721
- .pf-c-toolbar .pf-m-space-items-md-on-sm > :last-child {
722
- --pf-c-toolbar--spacer: 0;
756
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > :last-child {
757
+ --pf-v5-c-toolbar--spacer: 0;
723
758
  }
724
- .pf-c-toolbar .pf-m-space-items-lg-on-sm > * {
725
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
759
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > * {
760
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
726
761
  }
727
- .pf-c-toolbar .pf-m-space-items-lg-on-sm > :last-child {
728
- --pf-c-toolbar--spacer: 0;
762
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > :last-child {
763
+ --pf-v5-c-toolbar--spacer: 0;
729
764
  }
730
765
  }
731
766
  @media (min-width: 768px) {
732
- .pf-c-toolbar .pf-m-space-items-none-on-md > * {
733
- --pf-c-toolbar--spacer: 0;
767
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
768
+ --pf-v5-c-toolbar--spacer: 0;
734
769
  }
735
- .pf-c-toolbar .pf-m-space-items-none-on-md > :last-child {
736
- --pf-c-toolbar--spacer: 0;
770
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
771
+ --pf-v5-c-toolbar--spacer: 0;
737
772
  }
738
- .pf-c-toolbar .pf-m-space-items-sm-on-md > * {
739
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
773
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
774
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
740
775
  }
741
- .pf-c-toolbar .pf-m-space-items-sm-on-md > :last-child {
742
- --pf-c-toolbar--spacer: 0;
776
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > :last-child {
777
+ --pf-v5-c-toolbar--spacer: 0;
743
778
  }
744
- .pf-c-toolbar .pf-m-space-items-md-on-md > * {
745
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
779
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-md > * {
780
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
746
781
  }
747
- .pf-c-toolbar .pf-m-space-items-md-on-md > :last-child {
748
- --pf-c-toolbar--spacer: 0;
782
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-md > :last-child {
783
+ --pf-v5-c-toolbar--spacer: 0;
749
784
  }
750
- .pf-c-toolbar .pf-m-space-items-lg-on-md > * {
751
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
785
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > * {
786
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
752
787
  }
753
- .pf-c-toolbar .pf-m-space-items-lg-on-md > :last-child {
754
- --pf-c-toolbar--spacer: 0;
788
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > :last-child {
789
+ --pf-v5-c-toolbar--spacer: 0;
755
790
  }
756
791
  }
757
792
  @media (min-width: 992px) {
758
- .pf-c-toolbar .pf-m-space-items-none-on-lg > * {
759
- --pf-c-toolbar--spacer: 0;
793
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
794
+ --pf-v5-c-toolbar--spacer: 0;
760
795
  }
761
- .pf-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
762
- --pf-c-toolbar--spacer: 0;
796
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
797
+ --pf-v5-c-toolbar--spacer: 0;
763
798
  }
764
- .pf-c-toolbar .pf-m-space-items-sm-on-lg > * {
765
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
799
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
800
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
766
801
  }
767
- .pf-c-toolbar .pf-m-space-items-sm-on-lg > :last-child {
768
- --pf-c-toolbar--spacer: 0;
802
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > :last-child {
803
+ --pf-v5-c-toolbar--spacer: 0;
769
804
  }
770
- .pf-c-toolbar .pf-m-space-items-md-on-lg > * {
771
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
805
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > * {
806
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
772
807
  }
773
- .pf-c-toolbar .pf-m-space-items-md-on-lg > :last-child {
774
- --pf-c-toolbar--spacer: 0;
808
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > :last-child {
809
+ --pf-v5-c-toolbar--spacer: 0;
775
810
  }
776
- .pf-c-toolbar .pf-m-space-items-lg-on-lg > * {
777
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
811
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > * {
812
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
778
813
  }
779
- .pf-c-toolbar .pf-m-space-items-lg-on-lg > :last-child {
780
- --pf-c-toolbar--spacer: 0;
814
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > :last-child {
815
+ --pf-v5-c-toolbar--spacer: 0;
781
816
  }
782
817
  }
783
818
  @media (min-width: 1200px) {
784
- .pf-c-toolbar .pf-m-space-items-none-on-xl > * {
785
- --pf-c-toolbar--spacer: 0;
819
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
820
+ --pf-v5-c-toolbar--spacer: 0;
786
821
  }
787
- .pf-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
788
- --pf-c-toolbar--spacer: 0;
822
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
823
+ --pf-v5-c-toolbar--spacer: 0;
789
824
  }
790
- .pf-c-toolbar .pf-m-space-items-sm-on-xl > * {
791
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
825
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
826
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
792
827
  }
793
- .pf-c-toolbar .pf-m-space-items-sm-on-xl > :last-child {
794
- --pf-c-toolbar--spacer: 0;
828
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > :last-child {
829
+ --pf-v5-c-toolbar--spacer: 0;
795
830
  }
796
- .pf-c-toolbar .pf-m-space-items-md-on-xl > * {
797
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
831
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > * {
832
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
798
833
  }
799
- .pf-c-toolbar .pf-m-space-items-md-on-xl > :last-child {
800
- --pf-c-toolbar--spacer: 0;
834
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > :last-child {
835
+ --pf-v5-c-toolbar--spacer: 0;
801
836
  }
802
- .pf-c-toolbar .pf-m-space-items-lg-on-xl > * {
803
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
837
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > * {
838
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
804
839
  }
805
- .pf-c-toolbar .pf-m-space-items-lg-on-xl > :last-child {
806
- --pf-c-toolbar--spacer: 0;
840
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > :last-child {
841
+ --pf-v5-c-toolbar--spacer: 0;
807
842
  }
808
843
  }
809
844
  @media (min-width: 1450px) {
810
- .pf-c-toolbar .pf-m-space-items-none-on-2xl > * {
811
- --pf-c-toolbar--spacer: 0;
845
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
846
+ --pf-v5-c-toolbar--spacer: 0;
812
847
  }
813
- .pf-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
814
- --pf-c-toolbar--spacer: 0;
848
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
849
+ --pf-v5-c-toolbar--spacer: 0;
815
850
  }
816
- .pf-c-toolbar .pf-m-space-items-sm-on-2xl > * {
817
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
851
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
852
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
818
853
  }
819
- .pf-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
820
- --pf-c-toolbar--spacer: 0;
854
+ .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child {
855
+ --pf-v5-c-toolbar--spacer: 0;
821
856
  }
822
- .pf-c-toolbar .pf-m-space-items-md-on-2xl > * {
823
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
857
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > * {
858
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
824
859
  }
825
- .pf-c-toolbar .pf-m-space-items-md-on-2xl > :last-child {
826
- --pf-c-toolbar--spacer: 0;
860
+ .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > :last-child {
861
+ --pf-v5-c-toolbar--spacer: 0;
827
862
  }
828
- .pf-c-toolbar .pf-m-space-items-lg-on-2xl > * {
829
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
863
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > * {
864
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
830
865
  }
831
- .pf-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child {
832
- --pf-c-toolbar--spacer: 0;
866
+ .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child {
867
+ --pf-v5-c-toolbar--spacer: 0;
833
868
  }
834
869
  }
835
- .pf-c-toolbar .pf-m-spacer-none {
836
- --pf-c-toolbar--spacer: 0;
870
+ .pf-v5-c-toolbar .pf-m-spacer-none {
871
+ --pf-v5-c-toolbar--spacer: 0;
837
872
  }
838
- .pf-c-toolbar .pf-m-spacer-none:last-child {
839
- --pf-c-toolbar--spacer: 0;
873
+ .pf-v5-c-toolbar .pf-m-spacer-none:last-child {
874
+ --pf-v5-c-toolbar--spacer: 0;
840
875
  }
841
- .pf-c-toolbar .pf-m-spacer-sm {
842
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
876
+ .pf-v5-c-toolbar .pf-m-spacer-sm {
877
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
843
878
  }
844
- .pf-c-toolbar .pf-m-spacer-sm:last-child {
845
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
879
+ .pf-v5-c-toolbar .pf-m-spacer-sm:last-child {
880
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
846
881
  }
847
- .pf-c-toolbar .pf-m-spacer-md {
848
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
882
+ .pf-v5-c-toolbar .pf-m-spacer-md {
883
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
849
884
  }
850
- .pf-c-toolbar .pf-m-spacer-md:last-child {
851
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
885
+ .pf-v5-c-toolbar .pf-m-spacer-md:last-child {
886
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
852
887
  }
853
- .pf-c-toolbar .pf-m-spacer-lg {
854
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
888
+ .pf-v5-c-toolbar .pf-m-spacer-lg {
889
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
855
890
  }
856
- .pf-c-toolbar .pf-m-spacer-lg:last-child {
857
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
891
+ .pf-v5-c-toolbar .pf-m-spacer-lg:last-child {
892
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
858
893
  }
859
894
  @media (min-width: 576px) {
860
- .pf-c-toolbar .pf-m-spacer-none-on-sm {
861
- --pf-c-toolbar--spacer: 0;
895
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
896
+ --pf-v5-c-toolbar--spacer: 0;
862
897
  }
863
- .pf-c-toolbar .pf-m-spacer-none-on-sm:last-child {
864
- --pf-c-toolbar--spacer: 0;
898
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
899
+ --pf-v5-c-toolbar--spacer: 0;
865
900
  }
866
- .pf-c-toolbar .pf-m-spacer-sm-on-sm {
867
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
901
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
902
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
868
903
  }
869
- .pf-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
870
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
904
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
905
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
871
906
  }
872
- .pf-c-toolbar .pf-m-spacer-md-on-sm {
873
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
907
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-sm {
908
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
874
909
  }
875
- .pf-c-toolbar .pf-m-spacer-md-on-sm:last-child {
876
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
910
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-sm:last-child {
911
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
877
912
  }
878
- .pf-c-toolbar .pf-m-spacer-lg-on-sm {
879
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
913
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm {
914
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
880
915
  }
881
- .pf-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
882
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
916
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
917
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
883
918
  }
884
919
  }
885
920
  @media (min-width: 768px) {
886
- .pf-c-toolbar .pf-m-spacer-none-on-md {
887
- --pf-c-toolbar--spacer: 0;
921
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
922
+ --pf-v5-c-toolbar--spacer: 0;
888
923
  }
889
- .pf-c-toolbar .pf-m-spacer-none-on-md:last-child {
890
- --pf-c-toolbar--spacer: 0;
924
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
925
+ --pf-v5-c-toolbar--spacer: 0;
891
926
  }
892
- .pf-c-toolbar .pf-m-spacer-sm-on-md {
893
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
927
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
928
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
894
929
  }
895
- .pf-c-toolbar .pf-m-spacer-sm-on-md:last-child {
896
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
930
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-md:last-child {
931
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
897
932
  }
898
- .pf-c-toolbar .pf-m-spacer-md-on-md {
899
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
933
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-md {
934
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
900
935
  }
901
- .pf-c-toolbar .pf-m-spacer-md-on-md:last-child {
902
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
936
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-md:last-child {
937
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
903
938
  }
904
- .pf-c-toolbar .pf-m-spacer-lg-on-md {
905
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
939
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-md {
940
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
906
941
  }
907
- .pf-c-toolbar .pf-m-spacer-lg-on-md:last-child {
908
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
942
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-md:last-child {
943
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
909
944
  }
910
945
  }
911
946
  @media (min-width: 992px) {
912
- .pf-c-toolbar .pf-m-spacer-none-on-lg {
913
- --pf-c-toolbar--spacer: 0;
947
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
948
+ --pf-v5-c-toolbar--spacer: 0;
914
949
  }
915
- .pf-c-toolbar .pf-m-spacer-none-on-lg:last-child {
916
- --pf-c-toolbar--spacer: 0;
950
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
951
+ --pf-v5-c-toolbar--spacer: 0;
917
952
  }
918
- .pf-c-toolbar .pf-m-spacer-sm-on-lg {
919
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
953
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
954
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
920
955
  }
921
- .pf-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
922
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
956
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
957
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
923
958
  }
924
- .pf-c-toolbar .pf-m-spacer-md-on-lg {
925
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
959
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-lg {
960
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
926
961
  }
927
- .pf-c-toolbar .pf-m-spacer-md-on-lg:last-child {
928
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
962
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-lg:last-child {
963
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
929
964
  }
930
- .pf-c-toolbar .pf-m-spacer-lg-on-lg {
931
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
965
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg {
966
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
932
967
  }
933
- .pf-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
934
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
968
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
969
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
935
970
  }
936
971
  }
937
972
  @media (min-width: 1200px) {
938
- .pf-c-toolbar .pf-m-spacer-none-on-xl {
939
- --pf-c-toolbar--spacer: 0;
973
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
974
+ --pf-v5-c-toolbar--spacer: 0;
940
975
  }
941
- .pf-c-toolbar .pf-m-spacer-none-on-xl:last-child {
942
- --pf-c-toolbar--spacer: 0;
976
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
977
+ --pf-v5-c-toolbar--spacer: 0;
943
978
  }
944
- .pf-c-toolbar .pf-m-spacer-sm-on-xl {
945
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
979
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
980
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
946
981
  }
947
- .pf-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
948
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
982
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
983
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
949
984
  }
950
- .pf-c-toolbar .pf-m-spacer-md-on-xl {
951
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
985
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-xl {
986
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
952
987
  }
953
- .pf-c-toolbar .pf-m-spacer-md-on-xl:last-child {
954
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
988
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-xl:last-child {
989
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
955
990
  }
956
- .pf-c-toolbar .pf-m-spacer-lg-on-xl {
957
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
991
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl {
992
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
958
993
  }
959
- .pf-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
960
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
994
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
995
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
961
996
  }
962
997
  }
963
998
  @media (min-width: 1450px) {
964
- .pf-c-toolbar .pf-m-spacer-none-on-2xl {
965
- --pf-c-toolbar--spacer: 0;
999
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
1000
+ --pf-v5-c-toolbar--spacer: 0;
966
1001
  }
967
- .pf-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
968
- --pf-c-toolbar--spacer: 0;
1002
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
1003
+ --pf-v5-c-toolbar--spacer: 0;
969
1004
  }
970
- .pf-c-toolbar .pf-m-spacer-sm-on-2xl {
971
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
1005
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
1006
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
972
1007
  }
973
- .pf-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
974
- --pf-c-toolbar--spacer: var(--pf-global--spacer--sm);
1008
+ .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
1009
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
975
1010
  }
976
- .pf-c-toolbar .pf-m-spacer-md-on-2xl {
977
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
1011
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl {
1012
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
978
1013
  }
979
- .pf-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
980
- --pf-c-toolbar--spacer: var(--pf-global--spacer--md);
1014
+ .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
1015
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md);
981
1016
  }
982
- .pf-c-toolbar .pf-m-spacer-lg-on-2xl {
983
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
1017
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl {
1018
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
984
1019
  }
985
- .pf-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
986
- --pf-c-toolbar--spacer: var(--pf-global--spacer--lg);
1020
+ .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
1021
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
987
1022
  }
988
1023
  }
989
- .pf-c-toolbar.pf-m-inset-none {
990
- --pf-c-toolbar--inset: 0;
991
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
992
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1024
+ .pf-v5-c-toolbar.pf-m-inset-none {
1025
+ --pf-v5-c-toolbar--inset: 0;
1026
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1027
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
993
1028
  }
994
- .pf-c-toolbar.pf-m-inset-sm {
995
- --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
996
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
997
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1029
+ .pf-v5-c-toolbar.pf-m-inset-sm {
1030
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1031
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1032
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
998
1033
  }
999
- .pf-c-toolbar.pf-m-inset-md {
1000
- --pf-c-toolbar--inset: var(--pf-global--spacer--md);
1001
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1002
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1034
+ .pf-v5-c-toolbar.pf-m-inset-md {
1035
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1036
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1037
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1003
1038
  }
1004
- .pf-c-toolbar.pf-m-inset-lg {
1005
- --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
1006
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1007
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1039
+ .pf-v5-c-toolbar.pf-m-inset-lg {
1040
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1041
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1042
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1008
1043
  }
1009
- .pf-c-toolbar.pf-m-inset-xl {
1010
- --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
1011
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1012
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1044
+ .pf-v5-c-toolbar.pf-m-inset-xl {
1045
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1046
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1047
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1013
1048
  }
1014
- .pf-c-toolbar.pf-m-inset-2xl {
1015
- --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
1016
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1017
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1049
+ .pf-v5-c-toolbar.pf-m-inset-2xl {
1050
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1051
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1052
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1018
1053
  }
1019
1054
  @media (min-width: 576px) {
1020
- .pf-c-toolbar.pf-m-inset-none-on-sm {
1021
- --pf-c-toolbar--inset: 0;
1022
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1023
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1055
+ .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
1056
+ --pf-v5-c-toolbar--inset: 0;
1057
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1058
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1024
1059
  }
1025
- .pf-c-toolbar.pf-m-inset-sm-on-sm {
1026
- --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
1027
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1028
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1060
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-sm {
1061
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1062
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1063
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1029
1064
  }
1030
- .pf-c-toolbar.pf-m-inset-md-on-sm {
1031
- --pf-c-toolbar--inset: var(--pf-global--spacer--md);
1032
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1033
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1065
+ .pf-v5-c-toolbar.pf-m-inset-md-on-sm {
1066
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1067
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1068
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1034
1069
  }
1035
- .pf-c-toolbar.pf-m-inset-lg-on-sm {
1036
- --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
1037
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1038
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1070
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-sm {
1071
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1072
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1073
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1039
1074
  }
1040
- .pf-c-toolbar.pf-m-inset-xl-on-sm {
1041
- --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
1042
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1043
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1075
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-sm {
1076
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1077
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1078
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1044
1079
  }
1045
- .pf-c-toolbar.pf-m-inset-2xl-on-sm {
1046
- --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
1047
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1048
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1080
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm {
1081
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1082
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1083
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1049
1084
  }
1050
1085
  }
1051
1086
  @media (min-width: 768px) {
1052
- .pf-c-toolbar.pf-m-inset-none-on-md {
1053
- --pf-c-toolbar--inset: 0;
1054
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1055
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1087
+ .pf-v5-c-toolbar.pf-m-inset-none-on-md {
1088
+ --pf-v5-c-toolbar--inset: 0;
1089
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1090
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1056
1091
  }
1057
- .pf-c-toolbar.pf-m-inset-sm-on-md {
1058
- --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
1059
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1060
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1092
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-md {
1093
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1094
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1095
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1061
1096
  }
1062
- .pf-c-toolbar.pf-m-inset-md-on-md {
1063
- --pf-c-toolbar--inset: var(--pf-global--spacer--md);
1064
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1065
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1097
+ .pf-v5-c-toolbar.pf-m-inset-md-on-md {
1098
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1099
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1100
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1066
1101
  }
1067
- .pf-c-toolbar.pf-m-inset-lg-on-md {
1068
- --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
1069
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1070
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1102
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-md {
1103
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1104
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1105
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1071
1106
  }
1072
- .pf-c-toolbar.pf-m-inset-xl-on-md {
1073
- --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
1074
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1075
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1107
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-md {
1108
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1109
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1110
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1076
1111
  }
1077
- .pf-c-toolbar.pf-m-inset-2xl-on-md {
1078
- --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
1079
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1080
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1112
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-md {
1113
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1114
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1115
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1081
1116
  }
1082
1117
  }
1083
1118
  @media (min-width: 992px) {
1084
- .pf-c-toolbar.pf-m-inset-none-on-lg {
1085
- --pf-c-toolbar--inset: 0;
1086
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1087
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1119
+ .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
1120
+ --pf-v5-c-toolbar--inset: 0;
1121
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1122
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1088
1123
  }
1089
- .pf-c-toolbar.pf-m-inset-sm-on-lg {
1090
- --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
1091
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1092
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1124
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-lg {
1125
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1126
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1127
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1093
1128
  }
1094
- .pf-c-toolbar.pf-m-inset-md-on-lg {
1095
- --pf-c-toolbar--inset: var(--pf-global--spacer--md);
1096
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1097
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1129
+ .pf-v5-c-toolbar.pf-m-inset-md-on-lg {
1130
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1131
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1132
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1098
1133
  }
1099
- .pf-c-toolbar.pf-m-inset-lg-on-lg {
1100
- --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
1101
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1102
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1134
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-lg {
1135
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1136
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1137
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1103
1138
  }
1104
- .pf-c-toolbar.pf-m-inset-xl-on-lg {
1105
- --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
1106
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1107
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1139
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-lg {
1140
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1141
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1142
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1108
1143
  }
1109
- .pf-c-toolbar.pf-m-inset-2xl-on-lg {
1110
- --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
1111
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1112
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1144
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg {
1145
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1146
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1147
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1113
1148
  }
1114
1149
  }
1115
1150
  @media (min-width: 1200px) {
1116
- .pf-c-toolbar.pf-m-inset-none-on-xl {
1117
- --pf-c-toolbar--inset: 0;
1118
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1119
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1151
+ .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
1152
+ --pf-v5-c-toolbar--inset: 0;
1153
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1154
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1120
1155
  }
1121
- .pf-c-toolbar.pf-m-inset-sm-on-xl {
1122
- --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
1123
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1124
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1156
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-xl {
1157
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1158
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1159
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1125
1160
  }
1126
- .pf-c-toolbar.pf-m-inset-md-on-xl {
1127
- --pf-c-toolbar--inset: var(--pf-global--spacer--md);
1128
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1129
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1161
+ .pf-v5-c-toolbar.pf-m-inset-md-on-xl {
1162
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1163
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1164
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1130
1165
  }
1131
- .pf-c-toolbar.pf-m-inset-lg-on-xl {
1132
- --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
1133
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1134
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1166
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-xl {
1167
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1168
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1169
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1135
1170
  }
1136
- .pf-c-toolbar.pf-m-inset-xl-on-xl {
1137
- --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
1138
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1139
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1171
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-xl {
1172
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1173
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1174
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1140
1175
  }
1141
- .pf-c-toolbar.pf-m-inset-2xl-on-xl {
1142
- --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
1143
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1144
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1176
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl {
1177
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1178
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1179
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1145
1180
  }
1146
1181
  }
1147
1182
  @media (min-width: 1450px) {
1148
- .pf-c-toolbar.pf-m-inset-none-on-2xl {
1149
- --pf-c-toolbar--inset: 0;
1150
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1151
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1183
+ .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
1184
+ --pf-v5-c-toolbar--inset: 0;
1185
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1186
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1152
1187
  }
1153
- .pf-c-toolbar.pf-m-inset-sm-on-2xl {
1154
- --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
1155
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1156
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1188
+ .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl {
1189
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm);
1190
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1191
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1157
1192
  }
1158
- .pf-c-toolbar.pf-m-inset-md-on-2xl {
1159
- --pf-c-toolbar--inset: var(--pf-global--spacer--md);
1160
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1161
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1193
+ .pf-v5-c-toolbar.pf-m-inset-md-on-2xl {
1194
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md);
1195
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1196
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1162
1197
  }
1163
- .pf-c-toolbar.pf-m-inset-lg-on-2xl {
1164
- --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
1165
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1166
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1198
+ .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl {
1199
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg);
1200
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1201
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1167
1202
  }
1168
- .pf-c-toolbar.pf-m-inset-xl-on-2xl {
1169
- --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
1170
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1171
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1203
+ .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl {
1204
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl);
1205
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1206
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1172
1207
  }
1173
- .pf-c-toolbar.pf-m-inset-2xl-on-2xl {
1174
- --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
1175
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
1176
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
1208
+ .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl {
1209
+ --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl);
1210
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
1211
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
1177
1212
  }
1178
1213
  }
1179
1214
 
1180
- .pf-c-toolbar__content-section > :last-child {
1181
- --pf-c-toolbar--spacer: 0;
1215
+ .pf-v5-c-toolbar__content-section > :last-child {
1216
+ --pf-v5-c-toolbar--spacer: 0;
1182
1217
  }