@patternfly/react-styles 5.0.0-alpha.1 → 5.0.0-alpha.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (615) hide show
  1. package/CHANGELOG.md +95 -1
  2. package/css/assets/images/pfbg-icon.svg +1 -0
  3. package/css/components/AboutModalBox/about-modal-box.css +143 -173
  4. package/css/components/AboutModalBox/about-modal-box.d.ts +10 -11
  5. package/css/components/AboutModalBox/about-modal-box.js +10 -11
  6. package/css/components/AboutModalBox/about-modal-box.mjs +10 -11
  7. package/css/components/Accordion/accordion.css +164 -162
  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 +180 -171
  20. package/css/components/Alert/alert.d.ts +11 -10
  21. package/css/components/Alert/alert.js +11 -10
  22. package/css/components/Alert/alert.mjs +11 -10
  23. package/css/components/AppLauncher/app-launcher.css +158 -156
  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 -39
  40. package/css/components/BackgroundImage/background-image.d.ts +1 -2
  41. package/css/components/BackgroundImage/background-image.js +1 -2
  42. package/css/components/BackgroundImage/background-image.mjs +1 -2
  43. package/css/components/Badge/badge.css +29 -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 +90 -128
  48. package/css/components/Banner/banner.d.ts +8 -9
  49. package/css/components/Banner/banner.js +8 -9
  50. package/css/components/Banner/banner.mjs +8 -9
  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 +53 -51
  56. package/css/components/Breadcrumb/breadcrumb.d.ts +9 -9
  57. package/css/components/Breadcrumb/breadcrumb.js +9 -9
  58. package/css/components/Breadcrumb/breadcrumb.mjs +9 -9
  59. package/css/components/Button/button.css +476 -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 +327 -262
  68. package/css/components/Card/card.d.ts +22 -13
  69. package/css/components/Card/card.js +22 -13
  70. package/css/components/Card/card.mjs +22 -13
  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.css +83 -74
  76. package/css/components/Chip/chip.d.ts +7 -6
  77. package/css/components/Chip/chip.js +7 -6
  78. package/css/components/Chip/chip.mjs +7 -6
  79. package/css/components/ChipGroup/chip-group.css +60 -50
  80. package/css/components/ChipGroup/chip-group.d.ts +6 -6
  81. package/css/components/ChipGroup/chip-group.js +6 -6
  82. package/css/components/ChipGroup/chip-group.mjs +6 -6
  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 +80 -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 +5 -4
  96. package/css/components/Consoles/DesktopViewer.css +1 -2
  97. package/css/components/Consoles/SerialConsole.css +1 -1
  98. package/css/components/Consoles/VncConsole.css +1 -1
  99. package/css/components/Content/content.css +214 -208
  100. package/css/components/Content/content.d.ts +3 -2
  101. package/css/components/Content/content.js +3 -2
  102. package/css/components/Content/content.mjs +3 -2
  103. package/css/components/ContextSelector/context-selector.css +230 -223
  104. package/css/components/ContextSelector/context-selector.d.ts +10 -10
  105. package/css/components/ContextSelector/context-selector.js +10 -10
  106. package/css/components/ContextSelector/context-selector.mjs +10 -10
  107. package/css/components/DataList/data-list-grid.css +189 -189
  108. package/css/components/DataList/data-list-grid.d.ts +4 -4
  109. package/css/components/DataList/data-list-grid.js +4 -4
  110. package/css/components/DataList/data-list-grid.mjs +4 -4
  111. package/css/components/DataList/data-list.css +524 -518
  112. package/css/components/DataList/data-list.d.ts +18 -18
  113. package/css/components/DataList/data-list.js +18 -18
  114. package/css/components/DataList/data-list.mjs +18 -18
  115. package/css/components/DatePicker/date-picker.css +40 -48
  116. package/css/components/DatePicker/date-picker.d.ts +6 -7
  117. package/css/components/DatePicker/date-picker.js +6 -7
  118. package/css/components/DatePicker/date-picker.mjs +6 -7
  119. package/css/components/DescriptionList/description-list-order.css +90 -90
  120. package/css/components/DescriptionList/description-list-order.d.ts +1 -1
  121. package/css/components/DescriptionList/description-list-order.js +1 -1
  122. package/css/components/DescriptionList/description-list-order.mjs +1 -1
  123. package/css/components/DescriptionList/description-list.css +193 -193
  124. package/css/components/DescriptionList/description-list.d.ts +7 -7
  125. package/css/components/DescriptionList/description-list.js +7 -7
  126. package/css/components/DescriptionList/description-list.mjs +7 -7
  127. package/css/components/Divider/divider.css +230 -230
  128. package/css/components/Divider/divider.d.ts +1 -1
  129. package/css/components/Divider/divider.js +1 -1
  130. package/css/components/Divider/divider.mjs +1 -1
  131. package/css/components/DragDrop/drag-drop.css +31 -31
  132. package/css/components/DragDrop/drag-drop.d.ts +2 -2
  133. package/css/components/DragDrop/drag-drop.js +2 -2
  134. package/css/components/DragDrop/drag-drop.mjs +2 -2
  135. package/css/components/Drawer/drawer.css +437 -438
  136. package/css/components/Drawer/drawer.d.ts +14 -14
  137. package/css/components/Drawer/drawer.js +14 -14
  138. package/css/components/Drawer/drawer.mjs +14 -14
  139. package/css/components/Dropdown/dropdown.css +446 -445
  140. package/css/components/Dropdown/dropdown.d.ts +21 -21
  141. package/css/components/Dropdown/dropdown.js +21 -21
  142. package/css/components/Dropdown/dropdown.mjs +21 -21
  143. package/css/components/DualListSelector/dual-list-selector.css +187 -187
  144. package/css/components/DualListSelector/dual-list-selector.d.ts +25 -25
  145. package/css/components/DualListSelector/dual-list-selector.js +25 -25
  146. package/css/components/DualListSelector/dual-list-selector.mjs +25 -25
  147. package/css/components/EmptyState/empty-state.css +91 -97
  148. package/css/components/EmptyState/empty-state.d.ts +9 -11
  149. package/css/components/EmptyState/empty-state.js +9 -11
  150. package/css/components/EmptyState/empty-state.mjs +9 -11
  151. package/css/components/ExpandableSection/expandable-section.css +102 -100
  152. package/css/components/ExpandableSection/expandable-section.d.ts +5 -5
  153. package/css/components/ExpandableSection/expandable-section.js +5 -5
  154. package/css/components/ExpandableSection/expandable-section.mjs +5 -5
  155. package/css/components/FileUpload/file-upload.css +30 -30
  156. package/css/components/FileUpload/file-upload.d.ts +6 -6
  157. package/css/components/FileUpload/file-upload.js +6 -6
  158. package/css/components/FileUpload/file-upload.mjs +6 -6
  159. package/css/components/Form/form.css +329 -327
  160. package/css/components/Form/form.d.ts +28 -28
  161. package/css/components/Form/form.js +28 -28
  162. package/css/components/Form/form.mjs +28 -28
  163. package/css/components/FormControl/form-control.css +309 -312
  164. package/css/components/FormControl/form-control.d.ts +2 -2
  165. package/css/components/FormControl/form-control.js +2 -2
  166. package/css/components/FormControl/form-control.mjs +2 -2
  167. package/css/components/HelperText/helper-text.css +61 -57
  168. package/css/components/HelperText/helper-text.d.ts +6 -5
  169. package/css/components/HelperText/helper-text.js +6 -5
  170. package/css/components/HelperText/helper-text.mjs +6 -5
  171. package/css/components/Hint/hint.css +40 -40
  172. package/css/components/Hint/hint.d.ts +9 -9
  173. package/css/components/Hint/hint.js +9 -9
  174. package/css/components/Hint/hint.mjs +9 -9
  175. package/css/components/Icon/icon.css +90 -90
  176. package/css/components/Icon/icon.d.ts +5 -5
  177. package/css/components/Icon/icon.js +5 -5
  178. package/css/components/Icon/icon.mjs +5 -5
  179. package/css/components/InlineEdit/inline-edit.css +43 -43
  180. package/css/components/InlineEdit/inline-edit.d.ts +8 -8
  181. package/css/components/InlineEdit/inline-edit.js +8 -8
  182. package/css/components/InlineEdit/inline-edit.mjs +8 -8
  183. package/css/components/InputGroup/input-group.css +74 -98
  184. package/css/components/InputGroup/input-group.d.ts +7 -5
  185. package/css/components/InputGroup/input-group.js +7 -5
  186. package/css/components/InputGroup/input-group.mjs +7 -5
  187. package/css/components/JumpLinks/jump-links.css +178 -178
  188. package/css/components/JumpLinks/jump-links.d.ts +11 -11
  189. package/css/components/JumpLinks/jump-links.js +11 -11
  190. package/css/components/JumpLinks/jump-links.mjs +11 -11
  191. package/css/components/Label/label.css +397 -384
  192. package/css/components/Label/label.d.ts +7 -6
  193. package/css/components/Label/label.js +7 -6
  194. package/css/components/Label/label.mjs +7 -6
  195. package/css/components/LabelGroup/label-group.css +93 -89
  196. package/css/components/LabelGroup/label-group.d.ts +8 -8
  197. package/css/components/LabelGroup/label-group.js +8 -8
  198. package/css/components/LabelGroup/label-group.mjs +8 -8
  199. package/css/components/List/list.css +53 -53
  200. package/css/components/List/list.d.ts +3 -3
  201. package/css/components/List/list.js +3 -3
  202. package/css/components/List/list.mjs +3 -3
  203. package/css/components/LogViewer/log-viewer.css +140 -178
  204. package/css/components/LogViewer/log-viewer.d.ts +14 -16
  205. package/css/components/LogViewer/log-viewer.js +14 -16
  206. package/css/components/LogViewer/log-viewer.mjs +14 -16
  207. package/css/components/Login/login.css +180 -220
  208. package/css/components/Login/login.d.ts +19 -21
  209. package/css/components/Login/login.js +19 -21
  210. package/css/components/Login/login.mjs +19 -21
  211. package/css/components/Masthead/masthead.css +538 -576
  212. package/css/components/Masthead/masthead.d.ts +15 -16
  213. package/css/components/Masthead/masthead.js +15 -16
  214. package/css/components/Masthead/masthead.mjs +15 -16
  215. package/css/components/Menu/menu.css +435 -432
  216. package/css/components/Menu/menu.d.ts +24 -24
  217. package/css/components/Menu/menu.js +24 -24
  218. package/css/components/Menu/menu.mjs +24 -24
  219. package/css/components/MenuToggle/menu-toggle.css +312 -310
  220. package/css/components/MenuToggle/menu-toggle.d.ts +10 -10
  221. package/css/components/MenuToggle/menu-toggle.js +10 -10
  222. package/css/components/MenuToggle/menu-toggle.mjs +10 -10
  223. package/css/components/ModalBox/modal-box.css +119 -118
  224. package/css/components/ModalBox/modal-box.d.ts +13 -12
  225. package/css/components/ModalBox/modal-box.js +13 -12
  226. package/css/components/ModalBox/modal-box.mjs +13 -12
  227. package/css/components/MultipleFileUpload/multiple-file-upload.css +136 -136
  228. package/css/components/MultipleFileUpload/multiple-file-upload.d.ts +18 -18
  229. package/css/components/MultipleFileUpload/multiple-file-upload.js +18 -18
  230. package/css/components/MultipleFileUpload/multiple-file-upload.mjs +18 -18
  231. package/css/components/Nav/nav.css +769 -769
  232. package/css/components/Nav/nav.d.ts +17 -17
  233. package/css/components/Nav/nav.js +17 -17
  234. package/css/components/Nav/nav.mjs +17 -17
  235. package/css/components/NotificationBadge/notification-badge.css +80 -80
  236. package/css/components/NotificationBadge/notification-badge.d.ts +5 -5
  237. package/css/components/NotificationBadge/notification-badge.js +5 -5
  238. package/css/components/NotificationBadge/notification-badge.mjs +5 -5
  239. package/css/components/NotificationDrawer/notification-drawer.css +183 -183
  240. package/css/components/NotificationDrawer/notification-drawer.d.ts +21 -21
  241. package/css/components/NotificationDrawer/notification-drawer.js +21 -21
  242. package/css/components/NotificationDrawer/notification-drawer.mjs +21 -21
  243. package/css/components/NumberInput/number-input.css +21 -21
  244. package/css/components/NumberInput/number-input.d.ts +5 -5
  245. package/css/components/NumberInput/number-input.js +5 -5
  246. package/css/components/NumberInput/number-input.mjs +5 -5
  247. package/css/components/OptionsMenu/options-menu.css +177 -179
  248. package/css/components/OptionsMenu/options-menu.d.ts +13 -13
  249. package/css/components/OptionsMenu/options-menu.js +13 -13
  250. package/css/components/OptionsMenu/options-menu.mjs +13 -13
  251. package/css/components/OverflowMenu/overflow-menu.css +42 -42
  252. package/css/components/OverflowMenu/overflow-menu.d.ts +6 -6
  253. package/css/components/OverflowMenu/overflow-menu.js +6 -6
  254. package/css/components/OverflowMenu/overflow-menu.mjs +6 -6
  255. package/css/components/Page/page.css +643 -667
  256. package/css/components/Page/page.d.ts +35 -35
  257. package/css/components/Page/page.js +35 -35
  258. package/css/components/Page/page.mjs +35 -35
  259. package/css/components/Pagination/pagination.css +271 -271
  260. package/css/components/Pagination/pagination.d.ts +10 -10
  261. package/css/components/Pagination/pagination.js +10 -10
  262. package/css/components/Pagination/pagination.mjs +10 -10
  263. package/css/components/Panel/panel.css +57 -57
  264. package/css/components/Panel/panel.d.ts +5 -5
  265. package/css/components/Panel/panel.js +5 -5
  266. package/css/components/Panel/panel.mjs +5 -5
  267. package/css/components/Popover/popover.css +128 -134
  268. package/css/components/Popover/popover.d.ts +13 -14
  269. package/css/components/Popover/popover.js +13 -14
  270. package/css/components/Popover/popover.mjs +13 -14
  271. package/css/components/Progress/progress.css +97 -94
  272. package/css/components/Progress/progress.d.ts +9 -9
  273. package/css/components/Progress/progress.js +9 -9
  274. package/css/components/Progress/progress.mjs +9 -9
  275. package/css/components/ProgressStepper/progress-stepper.css +509 -509
  276. package/css/components/ProgressStepper/progress-stepper.d.ts +8 -8
  277. package/css/components/ProgressStepper/progress-stepper.js +8 -8
  278. package/css/components/ProgressStepper/progress-stepper.mjs +8 -8
  279. package/css/components/Radio/radio.css +44 -44
  280. package/css/components/Radio/radio.d.ts +5 -5
  281. package/css/components/Radio/radio.js +5 -5
  282. package/css/components/Radio/radio.mjs +5 -5
  283. package/css/components/SearchInput/search-input.css +114 -112
  284. package/css/components/SearchInput/search-input.d.ts +15 -15
  285. package/css/components/SearchInput/search-input.js +15 -15
  286. package/css/components/SearchInput/search-input.mjs +15 -15
  287. package/css/components/Select/select.css +413 -413
  288. package/css/components/Select/select.d.ts +34 -34
  289. package/css/components/Select/select.js +34 -34
  290. package/css/components/Select/select.mjs +34 -34
  291. package/css/components/Sidebar/sidebar.css +238 -195
  292. package/css/components/Sidebar/sidebar.d.ts +6 -4
  293. package/css/components/Sidebar/sidebar.js +6 -4
  294. package/css/components/Sidebar/sidebar.mjs +6 -4
  295. package/css/components/SimpleList/simple-list.css +65 -65
  296. package/css/components/SimpleList/simple-list.d.ts +5 -5
  297. package/css/components/SimpleList/simple-list.js +5 -5
  298. package/css/components/SimpleList/simple-list.mjs +5 -5
  299. package/css/components/Skeleton/skeleton.css +115 -115
  300. package/css/components/Skeleton/skeleton.d.ts +2 -2
  301. package/css/components/Skeleton/skeleton.js +2 -2
  302. package/css/components/Skeleton/skeleton.mjs +2 -2
  303. package/css/components/SkipToContent/skip-to-content.css +8 -8
  304. package/css/components/SkipToContent/skip-to-content.d.ts +1 -1
  305. package/css/components/SkipToContent/skip-to-content.js +1 -1
  306. package/css/components/SkipToContent/skip-to-content.mjs +1 -1
  307. package/css/components/Slider/slider.css +132 -132
  308. package/css/components/Slider/slider.d.ts +12 -12
  309. package/css/components/Slider/slider.js +12 -12
  310. package/css/components/Slider/slider.mjs +12 -12
  311. package/css/components/Spinner/spinner.css +57 -186
  312. package/css/components/Spinner/spinner.d.ts +2 -5
  313. package/css/components/Spinner/spinner.js +2 -5
  314. package/css/components/Spinner/spinner.mjs +2 -5
  315. package/css/components/Switch/switch.css +87 -87
  316. package/css/components/Switch/switch.d.ts +6 -6
  317. package/css/components/Switch/switch.js +6 -6
  318. package/css/components/Switch/switch.mjs +6 -6
  319. package/css/components/TabContent/tab-content.css +28 -28
  320. package/css/components/TabContent/tab-content.d.ts +2 -2
  321. package/css/components/TabContent/tab-content.js +2 -2
  322. package/css/components/TabContent/tab-content.mjs +2 -2
  323. package/css/components/Table/inline-edit.css +23 -19
  324. package/css/components/Table/table-grid.css +845 -845
  325. package/css/components/Table/table-grid.d.ts +14 -14
  326. package/css/components/Table/table-grid.js +14 -14
  327. package/css/components/Table/table-grid.mjs +14 -14
  328. package/css/components/Table/table-scrollable.css +38 -33
  329. package/css/components/Table/table-scrollable.d.ts +6 -5
  330. package/css/components/Table/table-scrollable.js +6 -5
  331. package/css/components/Table/table-scrollable.mjs +6 -5
  332. package/css/components/Table/table-tree-view.css +494 -484
  333. package/css/components/Table/table-tree-view.d.ts +13 -12
  334. package/css/components/Table/table-tree-view.js +13 -12
  335. package/css/components/Table/table-tree-view.mjs +13 -12
  336. package/css/components/Table/table.css +746 -744
  337. package/css/components/Table/table.d.ts +26 -26
  338. package/css/components/Table/table.js +26 -26
  339. package/css/components/Table/table.mjs +26 -26
  340. package/css/components/Tabs/tabs.css +605 -609
  341. package/css/components/Tabs/tabs.d.ts +17 -18
  342. package/css/components/Tabs/tabs.js +17 -18
  343. package/css/components/Tabs/tabs.mjs +17 -18
  344. package/css/components/TextInputGroup/text-input-group.css +95 -93
  345. package/css/components/TextInputGroup/text-input-group.d.ts +9 -9
  346. package/css/components/TextInputGroup/text-input-group.js +9 -9
  347. package/css/components/TextInputGroup/text-input-group.mjs +9 -9
  348. package/css/components/Tile/tile.css +100 -100
  349. package/css/components/Tile/tile.d.ts +6 -6
  350. package/css/components/Tile/tile.js +6 -6
  351. package/css/components/Tile/tile.mjs +6 -6
  352. package/css/components/Timestamp/timestamp.css +28 -28
  353. package/css/components/Timestamp/timestamp.d.ts +1 -1
  354. package/css/components/Timestamp/timestamp.js +1 -1
  355. package/css/components/Timestamp/timestamp.mjs +1 -1
  356. package/css/components/Title/title.css +45 -45
  357. package/css/components/Title/title.d.ts +1 -1
  358. package/css/components/Title/title.js +1 -1
  359. package/css/components/Title/title.mjs +1 -1
  360. package/css/components/ToggleGroup/toggle-group.css +81 -81
  361. package/css/components/ToggleGroup/toggle-group.d.ts +6 -6
  362. package/css/components/ToggleGroup/toggle-group.js +6 -6
  363. package/css/components/ToggleGroup/toggle-group.mjs +6 -6
  364. package/css/components/Toolbar/toolbar.css +720 -685
  365. package/css/components/Toolbar/toolbar.d.ts +16 -12
  366. package/css/components/Toolbar/toolbar.js +16 -12
  367. package/css/components/Toolbar/toolbar.mjs +16 -12
  368. package/css/components/Tooltip/tooltip.css +56 -61
  369. package/css/components/Tooltip/tooltip.d.ts +4 -4
  370. package/css/components/Tooltip/tooltip.js +4 -4
  371. package/css/components/Tooltip/tooltip.mjs +4 -4
  372. package/css/components/TreeView/tree-view.css +365 -373
  373. package/css/components/TreeView/tree-view.d.ts +17 -17
  374. package/css/components/TreeView/tree-view.js +17 -17
  375. package/css/components/TreeView/tree-view.mjs +17 -17
  376. package/css/components/Truncate/truncate.css +11 -11
  377. package/css/components/Truncate/truncate.d.ts +3 -3
  378. package/css/components/Truncate/truncate.js +3 -3
  379. package/css/components/Truncate/truncate.mjs +3 -3
  380. package/css/components/Wizard/wizard.css +321 -344
  381. package/css/components/Wizard/wizard.d.ts +29 -30
  382. package/css/components/Wizard/wizard.js +29 -30
  383. package/css/components/Wizard/wizard.mjs +29 -30
  384. package/css/docs/components/Avatar/examples/Avatar.css +1 -1
  385. package/css/docs/components/Button/examples/Button.css +1 -1
  386. package/css/docs/components/Button/examples/Button.d.ts +1 -1
  387. package/css/docs/components/Button/examples/Button.js +1 -1
  388. package/css/docs/components/Button/examples/Button.mjs +1 -1
  389. package/css/docs/components/ContextSelector/examples/context-selector.css +5 -1
  390. package/css/docs/components/DragDrop/examples/DragDrop.css +3 -3
  391. package/css/docs/components/DragDrop/examples/DragDrop.d.ts +1 -1
  392. package/css/docs/components/DragDrop/examples/DragDrop.js +1 -1
  393. package/css/docs/components/DragDrop/examples/DragDrop.mjs +1 -1
  394. package/css/docs/components/Dropdown/examples/Dropdown.css +6 -3
  395. package/css/docs/components/Dropdown/examples/Dropdown.d.ts +1 -1
  396. package/css/docs/components/Dropdown/examples/Dropdown.js +1 -1
  397. package/css/docs/components/Dropdown/examples/Dropdown.mjs +1 -1
  398. package/css/docs/components/FormControl/examples/FormControl.css +3 -3
  399. package/css/docs/components/Label/examples/Label.css +2 -2
  400. package/css/docs/components/Label/examples/Label.d.ts +1 -1
  401. package/css/docs/components/Label/examples/Label.js +1 -1
  402. package/css/docs/components/Label/examples/Label.mjs +1 -1
  403. package/css/docs/components/LogViewer/examples/LogViewer.css +2 -2
  404. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +1 -1
  405. package/css/docs/components/LogViewer/examples/LogViewer.js +1 -1
  406. package/css/docs/components/LogViewer/examples/LogViewer.mjs +1 -1
  407. package/css/docs/components/ModalBox/examples/ModalBox.css +2 -2
  408. package/css/docs/components/ModalBox/examples/ModalBox.d.ts +1 -1
  409. package/css/docs/components/ModalBox/examples/ModalBox.js +1 -1
  410. package/css/docs/components/ModalBox/examples/ModalBox.mjs +1 -1
  411. package/css/docs/components/Nav/examples/Navigation.css +13 -13
  412. package/css/docs/components/Nav/examples/Navigation.d.ts +4 -4
  413. package/css/docs/components/Nav/examples/Navigation.js +4 -4
  414. package/css/docs/components/Nav/examples/Navigation.mjs +4 -4
  415. package/css/docs/components/NotificationBadge/examples/NotificationBadge.css +1 -1
  416. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
  417. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  418. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  419. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  420. package/css/docs/components/Page/examples/Page.css +11 -5
  421. package/css/docs/components/Page/examples/Page.d.ts +3 -3
  422. package/css/docs/components/Page/examples/Page.js +3 -3
  423. package/css/docs/components/Page/examples/Page.mjs +3 -3
  424. package/css/docs/components/Popover/examples/Popover.css +1 -1
  425. package/css/docs/components/Popover/examples/Popover.d.ts +1 -1
  426. package/css/docs/components/Popover/examples/Popover.js +1 -1
  427. package/css/docs/components/Popover/examples/Popover.mjs +1 -1
  428. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  429. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  430. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  431. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  432. package/css/docs/components/Table/examples/Table.css +5 -1
  433. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  434. package/css/docs/components/Table/examples/Table.js +1 -1
  435. package/css/docs/components/Table/examples/Table.mjs +1 -1
  436. package/css/docs/components/Tabs/examples/Tabs.css +1 -1
  437. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +2 -2
  438. package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts +2 -2
  439. package/css/docs/components/TextInputGroup/examples/TextInputGroup.js +2 -2
  440. package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs +2 -2
  441. package/css/docs/components/Tile/examples/Tile.css +5 -5
  442. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  443. package/css/docs/components/Tile/examples/Tile.js +1 -1
  444. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  445. package/css/docs/components/ToggleGroup/examples/toggle-group.css +1 -1
  446. package/css/docs/components/Toolbar/examples/Toolbar.css +34 -34
  447. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +3 -3
  448. package/css/docs/components/Toolbar/examples/Toolbar.js +3 -3
  449. package/css/docs/components/Toolbar/examples/Toolbar.mjs +3 -3
  450. package/css/docs/components/Truncate/examples/Truncate.css +3 -3
  451. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  452. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  453. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  454. package/css/docs/demos/Card/examples/Card.css +6 -6
  455. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  456. package/css/docs/demos/Card/examples/Card.js +2 -2
  457. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  458. package/css/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  459. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  460. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  461. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  462. package/css/docs/layouts/Flex/examples/Flex.css +2 -2
  463. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  464. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  465. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  466. package/css/docs/layouts/Gallery/examples/Gallery.css +2 -2
  467. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  468. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  469. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  470. package/css/docs/layouts/Grid/examples/Grid.css +1 -1
  471. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  472. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  473. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  474. package/css/docs/layouts/Level/examples/Level.css +3 -3
  475. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  476. package/css/docs/layouts/Level/examples/Level.js +2 -2
  477. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  478. package/css/docs/layouts/Split/examples/Split.css +2 -2
  479. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  480. package/css/docs/layouts/Split/examples/Split.js +2 -2
  481. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  482. package/css/docs/layouts/Stack/examples/Stack.css +3 -3
  483. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  484. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  485. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  486. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  487. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  488. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  489. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  490. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  491. package/css/docs/utilities/Display/examples/Display.css +8 -8
  492. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  493. package/css/docs/utilities/Display/examples/Display.js +8 -8
  494. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  495. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  496. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  497. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  498. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  499. package/css/docs/utilities/Float/examples/Float.css +2 -2
  500. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  501. package/css/docs/utilities/Float/examples/Float.js +2 -2
  502. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  503. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  504. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  505. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  506. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  507. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  508. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  509. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  510. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  511. package/css/layouts/Bullseye/bullseye.css +3 -3
  512. package/css/layouts/Bullseye/bullseye.d.ts +1 -1
  513. package/css/layouts/Bullseye/bullseye.js +1 -1
  514. package/css/layouts/Bullseye/bullseye.mjs +1 -1
  515. package/css/layouts/Flex/flex.css +796 -796
  516. package/css/layouts/Flex/flex.d.ts +1 -1
  517. package/css/layouts/Flex/flex.js +1 -1
  518. package/css/layouts/Flex/flex.mjs +1 -1
  519. package/css/layouts/Gallery/gallery.css +34 -34
  520. package/css/layouts/Gallery/gallery.d.ts +1 -1
  521. package/css/layouts/Gallery/gallery.js +1 -1
  522. package/css/layouts/Gallery/gallery.mjs +1 -1
  523. package/css/layouts/Grid/grid.css +531 -531
  524. package/css/layouts/Grid/grid.d.ts +2 -2
  525. package/css/layouts/Grid/grid.js +2 -2
  526. package/css/layouts/Grid/grid.mjs +2 -2
  527. package/css/layouts/Level/level.css +4 -4
  528. package/css/layouts/Level/level.d.ts +1 -1
  529. package/css/layouts/Level/level.js +1 -1
  530. package/css/layouts/Level/level.mjs +1 -1
  531. package/css/layouts/Split/split.css +6 -6
  532. package/css/layouts/Split/split.d.ts +2 -2
  533. package/css/layouts/Split/split.js +2 -2
  534. package/css/layouts/Split/split.mjs +2 -2
  535. package/css/layouts/Stack/stack.css +5 -5
  536. package/css/layouts/Stack/stack.d.ts +2 -2
  537. package/css/layouts/Stack/stack.js +2 -2
  538. package/css/layouts/Stack/stack.mjs +2 -2
  539. package/css/layouts/Toolbar/toolbar.css +20 -14
  540. package/css/utilities/Accessibility/accessibility.css +18 -18
  541. package/css/utilities/Accessibility/accessibility.d.ts +18 -18
  542. package/css/utilities/Accessibility/accessibility.js +18 -18
  543. package/css/utilities/Accessibility/accessibility.mjs +18 -18
  544. package/css/utilities/Alignment/alignment.css +24 -24
  545. package/css/utilities/Alignment/alignment.d.ts +24 -24
  546. package/css/utilities/Alignment/alignment.js +24 -24
  547. package/css/utilities/Alignment/alignment.mjs +24 -24
  548. package/css/utilities/BackgroundColor/BackgroundColor.css +252 -252
  549. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +97 -97
  550. package/css/utilities/BackgroundColor/BackgroundColor.js +97 -97
  551. package/css/utilities/BackgroundColor/BackgroundColor.mjs +97 -97
  552. package/css/utilities/BoxShadow/box-shadow.css +42 -42
  553. package/css/utilities/BoxShadow/box-shadow.d.ts +21 -21
  554. package/css/utilities/BoxShadow/box-shadow.js +21 -21
  555. package/css/utilities/BoxShadow/box-shadow.mjs +21 -21
  556. package/css/utilities/Display/display.css +54 -54
  557. package/css/utilities/Display/display.d.ts +54 -54
  558. package/css/utilities/Display/display.js +54 -54
  559. package/css/utilities/Display/display.mjs +54 -54
  560. package/css/utilities/Flex/flex.css +228 -228
  561. package/css/utilities/Flex/flex.d.ts +228 -228
  562. package/css/utilities/Flex/flex.js +228 -228
  563. package/css/utilities/Flex/flex.mjs +228 -228
  564. package/css/utilities/Float/float.css +12 -12
  565. package/css/utilities/Float/float.d.ts +12 -12
  566. package/css/utilities/Float/float.js +12 -12
  567. package/css/utilities/Float/float.mjs +12 -12
  568. package/css/utilities/Sizing/sizing.css +244 -244
  569. package/css/utilities/Sizing/sizing.d.ts +196 -196
  570. package/css/utilities/Sizing/sizing.js +196 -196
  571. package/css/utilities/Sizing/sizing.mjs +196 -196
  572. package/css/utilities/Spacing/spacing.css +1704 -1704
  573. package/css/utilities/Spacing/spacing.d.ts +840 -840
  574. package/css/utilities/Spacing/spacing.js +840 -840
  575. package/css/utilities/Spacing/spacing.mjs +840 -840
  576. package/css/utilities/Text/text.css +643 -643
  577. package/css/utilities/Text/text.d.ts +284 -284
  578. package/css/utilities/Text/text.js +284 -284
  579. package/css/utilities/Text/text.mjs +284 -284
  580. package/package.json +4 -4
  581. package/scripts/generateClassMaps.js +5 -5
  582. package/src/css/components/Consoles/AccessConsoles.css +5 -4
  583. package/src/css/components/Consoles/DesktopViewer.css +1 -2
  584. package/src/css/components/Consoles/SerialConsole.css +1 -1
  585. package/src/css/components/Consoles/VncConsole.css +1 -1
  586. package/src/css/components/Table/inline-edit.css +23 -19
  587. package/src/css/layouts/Toolbar/toolbar.css +20 -14
  588. package/css/components/AlertGroup/alert-group.css +0 -54
  589. package/css/components/AlertGroup/alert-group.d.ts +0 -9
  590. package/css/components/AlertGroup/alert-group.mjs +0 -8
  591. package/css/components/Topology/topology-components.css +0 -832
  592. package/css/components/Topology/topology-components.d.ts +0 -67
  593. package/css/components/Topology/topology-components.js +0 -68
  594. package/css/components/Topology/topology-components.mjs +0 -66
  595. package/css/components/Topology/topology-controlbar.css +0 -22
  596. package/css/components/Topology/topology-controlbar.d.ts +0 -11
  597. package/css/components/Topology/topology-controlbar.js +0 -12
  598. package/css/components/Topology/topology-controlbar.mjs +0 -10
  599. package/css/components/Topology/topology-pipelines.css +0 -554
  600. package/css/components/Topology/topology-pipelines.d.ts +0 -30
  601. package/css/components/Topology/topology-pipelines.js +0 -31
  602. package/css/components/Topology/topology-pipelines.mjs +0 -29
  603. package/css/components/Topology/topology-side-bar.css +0 -73
  604. package/css/components/Topology/topology-side-bar.d.ts +0 -14
  605. package/css/components/Topology/topology-side-bar.js +0 -15
  606. package/css/components/Topology/topology-side-bar.mjs +0 -13
  607. package/css/components/Topology/topology-view.css +0 -13
  608. package/css/components/Topology/topology-view.d.ts +0 -6
  609. package/css/components/Topology/topology-view.js +0 -7
  610. package/css/components/Topology/topology-view.mjs +0 -5
  611. package/src/css/components/Topology/topology-components.css +0 -832
  612. package/src/css/components/Topology/topology-controlbar.css +0 -22
  613. package/src/css/components/Topology/topology-pipelines.css +0 -554
  614. package/src/css/components/Topology/topology-side-bar.css +0 -73
  615. package/src/css/components/Topology/topology-view.css +0 -13
package/css/layouts/Flex/flex.css CHANGED
@@ -1,1597 +1,1597 @@
1
- .pf-l-flex {
2
- --pf-l-flex--Display: flex;
3
- --pf-l-flex--FlexWrap: wrap;
4
- --pf-l-flex--AlignItems: baseline;
5
- --pf-l-flex--m-row--AlignItems: baseline;
6
- --pf-l-flex--m-row-reverse--AlignItems: baseline;
7
- --pf-l-flex--item--Order: 0;
8
- --pf-l-flex--spacer-base: var(--pf-global--spacer--md);
9
- --pf-l-flex--spacer: var(--pf-l-flex--spacer-base);
10
- --pf-l-flex--spacer--none: 0;
11
- --pf-l-flex--spacer--xs: var(--pf-global--spacer--xs);
12
- --pf-l-flex--spacer--sm: var(--pf-global--spacer--sm);
13
- --pf-l-flex--spacer--md: var(--pf-global--spacer--md);
14
- --pf-l-flex--spacer--lg: var(--pf-global--spacer--lg);
15
- --pf-l-flex--spacer--xl: var(--pf-global--spacer--xl);
16
- --pf-l-flex--spacer--2xl: var(--pf-global--spacer--2xl);
17
- --pf-l-flex--spacer--3xl: var(--pf-global--spacer--3xl);
18
- --pf-l-flex--spacer--4xl: var(--pf-global--spacer--4xl);
19
- display: var(--pf-l-flex--Display);
20
- flex-wrap: var(--pf-l-flex--FlexWrap);
21
- align-items: var(--pf-l-flex--AlignItems);
22
- }
23
- .pf-l-flex:last-child {
24
- --pf-l-flex--spacer: 0;
1
+ .pf-v5-l-flex {
2
+ --pf-v5-l-flex--Display: flex;
3
+ --pf-v5-l-flex--FlexWrap: wrap;
4
+ --pf-v5-l-flex--AlignItems: baseline;
5
+ --pf-v5-l-flex--m-row--AlignItems: baseline;
6
+ --pf-v5-l-flex--m-row-reverse--AlignItems: baseline;
7
+ --pf-v5-l-flex--item--Order: 0;
8
+ --pf-v5-l-flex--spacer-base: var(--pf-v5-global--spacer--md);
9
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer-base);
10
+ --pf-v5-l-flex--spacer--none: 0;
11
+ --pf-v5-l-flex--spacer--xs: var(--pf-v5-global--spacer--xs);
12
+ --pf-v5-l-flex--spacer--sm: var(--pf-v5-global--spacer--sm);
13
+ --pf-v5-l-flex--spacer--md: var(--pf-v5-global--spacer--md);
14
+ --pf-v5-l-flex--spacer--lg: var(--pf-v5-global--spacer--lg);
15
+ --pf-v5-l-flex--spacer--xl: var(--pf-v5-global--spacer--xl);
16
+ --pf-v5-l-flex--spacer--2xl: var(--pf-v5-global--spacer--2xl);
17
+ --pf-v5-l-flex--spacer--3xl: var(--pf-v5-global--spacer--3xl);
18
+ --pf-v5-l-flex--spacer--4xl: var(--pf-v5-global--spacer--4xl);
19
+ display: var(--pf-v5-l-flex--Display);
20
+ flex-wrap: var(--pf-v5-l-flex--FlexWrap);
21
+ align-items: var(--pf-v5-l-flex--AlignItems);
22
+ }
23
+ .pf-v5-l-flex:last-child {
24
+ --pf-v5-l-flex--spacer: 0;
25
25
  }
26
26
 
27
- .pf-l-flex > * {
28
- --pf-l-flex--spacer: var(--pf-l-flex--spacer-base);
29
- order: var(--pf-l-flex--item--Order);
27
+ .pf-v5-l-flex > * {
28
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer-base);
29
+ order: var(--pf-v5-l-flex--item--Order);
30
30
  max-width: 100%;
31
- margin-right: var(--pf-l-flex--spacer);
31
+ margin-right: var(--pf-v5-l-flex--spacer);
32
32
  }
33
33
  @media screen and (min-width: 576px) {
34
- .pf-l-flex > * {
35
- order: var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order));
34
+ .pf-v5-l-flex > * {
35
+ order: var(--pf-v5-l-flex--item--Order-on-sm, var(--pf-v5-l-flex--item--Order));
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 768px) {
39
- .pf-l-flex > * {
40
- order: var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order)));
39
+ .pf-v5-l-flex > * {
40
+ order: var(--pf-v5-l-flex--item--Order-on-md, var(--pf-v5-l-flex--item--Order-on-sm, var(--pf-v5-l-flex--item--Order)));
41
41
  }
42
42
  }
43
43
  @media screen and (min-width: 992px) {
44
- .pf-l-flex > * {
45
- order: var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))));
44
+ .pf-v5-l-flex > * {
45
+ order: var(--pf-v5-l-flex--item--Order-on-lg, var(--pf-v5-l-flex--item--Order-on-md, var(--pf-v5-l-flex--item--Order-on-sm, var(--pf-v5-l-flex--item--Order))));
46
46
  }
47
47
  }
48
48
  @media screen and (min-width: 1200px) {
49
- .pf-l-flex > * {
50
- order: var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order)))));
49
+ .pf-v5-l-flex > * {
50
+ order: var(--pf-v5-l-flex--item--Order-on-xl, var(--pf-v5-l-flex--item--Order-on-lg, var(--pf-v5-l-flex--item--Order-on-md, var(--pf-v5-l-flex--item--Order-on-sm, var(--pf-v5-l-flex--item--Order)))));
51
51
  }
52
52
  }
53
53
  @media screen and (min-width: 1450px) {
54
- .pf-l-flex > * {
55
- order: var(--pf-l-flex--item--Order-on-2xl, var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))))));
54
+ .pf-v5-l-flex > * {
55
+ order: var(--pf-v5-l-flex--item--Order-on-2xl, var(--pf-v5-l-flex--item--Order-on-xl, var(--pf-v5-l-flex--item--Order-on-lg, var(--pf-v5-l-flex--item--Order-on-md, var(--pf-v5-l-flex--item--Order-on-sm, var(--pf-v5-l-flex--item--Order))))));
56
56
  }
57
57
  }
58
- .pf-l-flex > *:last-child {
59
- --pf-l-flex--spacer: 0;
58
+ .pf-v5-l-flex > *:last-child {
59
+ --pf-v5-l-flex--spacer: 0;
60
60
  }
61
61
 
62
- .pf-l-flex.pf-m-flex {
63
- display: var(--pf-l-flex--Display);
62
+ .pf-v5-l-flex.pf-m-flex {
63
+ display: var(--pf-v5-l-flex--Display);
64
64
  }
65
- .pf-l-flex.pf-m-inline-flex {
66
- --pf-l-flex--Display: inline-flex;
65
+ .pf-v5-l-flex.pf-m-inline-flex {
66
+ --pf-v5-l-flex--Display: inline-flex;
67
67
  }
68
- .pf-l-flex.pf-m-column {
68
+ .pf-v5-l-flex.pf-m-column {
69
69
  flex-direction: column;
70
70
  align-items: normal;
71
71
  }
72
- .pf-l-flex.pf-m-column > * {
73
- margin: 0 0 var(--pf-l-flex--spacer) 0;
72
+ .pf-v5-l-flex.pf-m-column > * {
73
+ margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
74
74
  }
75
- .pf-l-flex.pf-m-column-reverse {
75
+ .pf-v5-l-flex.pf-m-column-reverse {
76
76
  flex-direction: column-reverse;
77
77
  align-items: normal;
78
78
  }
79
- .pf-l-flex.pf-m-column-reverse > * {
80
- margin: var(--pf-l-flex--spacer) 0 0 0;
79
+ .pf-v5-l-flex.pf-m-column-reverse > * {
80
+ margin: var(--pf-v5-l-flex--spacer) 0 0 0;
81
81
  }
82
- .pf-l-flex.pf-m-row {
82
+ .pf-v5-l-flex.pf-m-row {
83
83
  flex-direction: row;
84
- align-items: var(--pf-l-flex--m-row--AlignItems);
84
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
85
85
  }
86
- .pf-l-flex.pf-m-row > * {
87
- margin: 0 var(--pf-l-flex--spacer) 0 0;
86
+ .pf-v5-l-flex.pf-m-row > * {
87
+ margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
88
88
  }
89
- .pf-l-flex.pf-m-row-reverse {
89
+ .pf-v5-l-flex.pf-m-row-reverse {
90
90
  flex-direction: row-reverse;
91
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
91
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
92
92
  }
93
- .pf-l-flex.pf-m-row-reverse > * {
94
- margin: 0 0 0 var(--pf-l-flex--spacer);
93
+ .pf-v5-l-flex.pf-m-row-reverse > * {
94
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer);
95
95
  }
96
- .pf-l-flex.pf-m-wrap {
96
+ .pf-v5-l-flex.pf-m-wrap {
97
97
  flex-wrap: wrap;
98
98
  }
99
- .pf-l-flex.pf-m-wrap-reverse {
99
+ .pf-v5-l-flex.pf-m-wrap-reverse {
100
100
  flex-wrap: wrap-reverse;
101
101
  }
102
- .pf-l-flex.pf-m-nowrap {
102
+ .pf-v5-l-flex.pf-m-nowrap {
103
103
  flex-wrap: nowrap;
104
104
  }
105
- .pf-l-flex.pf-m-justify-content-flex-start {
105
+ .pf-v5-l-flex.pf-m-justify-content-flex-start {
106
106
  justify-content: flex-start;
107
107
  }
108
- .pf-l-flex.pf-m-justify-content-flex-end {
108
+ .pf-v5-l-flex.pf-m-justify-content-flex-end {
109
109
  justify-content: flex-end;
110
110
  }
111
- .pf-l-flex.pf-m-justify-content-center {
111
+ .pf-v5-l-flex.pf-m-justify-content-center {
112
112
  justify-content: center;
113
113
  }
114
- .pf-l-flex.pf-m-justify-content-space-between {
114
+ .pf-v5-l-flex.pf-m-justify-content-space-between {
115
115
  justify-content: space-between;
116
116
  }
117
- .pf-l-flex.pf-m-justify-content-space-around {
117
+ .pf-v5-l-flex.pf-m-justify-content-space-around {
118
118
  justify-content: space-around;
119
119
  }
120
- .pf-l-flex.pf-m-justify-content-space-evenly {
120
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly {
121
121
  justify-content: space-evenly;
122
122
  }
123
- .pf-l-flex.pf-m-align-items-flex-start {
123
+ .pf-v5-l-flex.pf-m-align-items-flex-start {
124
124
  align-items: flex-start;
125
125
  }
126
- .pf-l-flex.pf-m-align-items-flex-end {
126
+ .pf-v5-l-flex.pf-m-align-items-flex-end {
127
127
  align-items: flex-end;
128
128
  }
129
- .pf-l-flex.pf-m-align-items-center {
129
+ .pf-v5-l-flex.pf-m-align-items-center {
130
130
  align-items: center;
131
131
  }
132
- .pf-l-flex.pf-m-align-items-stretch {
132
+ .pf-v5-l-flex.pf-m-align-items-stretch {
133
133
  align-items: stretch;
134
134
  }
135
- .pf-l-flex.pf-m-align-items-baseline {
135
+ .pf-v5-l-flex.pf-m-align-items-baseline {
136
136
  align-items: baseline;
137
137
  }
138
- .pf-l-flex.pf-m-align-content-flex-start {
138
+ .pf-v5-l-flex.pf-m-align-content-flex-start {
139
139
  align-content: flex-start;
140
140
  }
141
- .pf-l-flex.pf-m-align-content-flex-end {
141
+ .pf-v5-l-flex.pf-m-align-content-flex-end {
142
142
  align-content: flex-end;
143
143
  }
144
- .pf-l-flex.pf-m-align-content-center {
144
+ .pf-v5-l-flex.pf-m-align-content-center {
145
145
  align-content: center;
146
146
  }
147
- .pf-l-flex.pf-m-align-content-stretch {
147
+ .pf-v5-l-flex.pf-m-align-content-stretch {
148
148
  align-content: stretch;
149
149
  }
150
- .pf-l-flex.pf-m-align-content-space-between {
150
+ .pf-v5-l-flex.pf-m-align-content-space-between {
151
151
  align-content: space-between;
152
152
  }
153
- .pf-l-flex.pf-m-align-content-space-around {
153
+ .pf-v5-l-flex.pf-m-align-content-space-around {
154
154
  align-content: space-around;
155
155
  }
156
- .pf-l-flex > .pf-m-align-right {
156
+ .pf-v5-l-flex > .pf-m-align-right {
157
157
  margin-left: auto;
158
158
  }
159
- .pf-l-flex > .pf-m-align-left {
159
+ .pf-v5-l-flex > .pf-m-align-left {
160
160
  margin-left: 0;
161
161
  }
162
- .pf-l-flex > .pf-m-grow {
162
+ .pf-v5-l-flex > .pf-m-grow {
163
163
  flex-grow: 1;
164
164
  }
165
- .pf-l-flex > .pf-m-shrink {
165
+ .pf-v5-l-flex > .pf-m-shrink {
166
166
  flex-shrink: 1;
167
167
  }
168
- .pf-l-flex > .pf-m-full-width {
168
+ .pf-v5-l-flex > .pf-m-full-width {
169
169
  width: 100%;
170
170
  margin-right: 0;
171
171
  }
172
- .pf-l-flex > .pf-m-flex-1 {
172
+ .pf-v5-l-flex > .pf-m-flex-1 {
173
173
  flex: 1 0 0;
174
174
  }
175
- .pf-l-flex > .pf-m-flex-2 {
175
+ .pf-v5-l-flex > .pf-m-flex-2 {
176
176
  flex: 2 0 0;
177
177
  }
178
- .pf-l-flex > .pf-m-flex-3 {
178
+ .pf-v5-l-flex > .pf-m-flex-3 {
179
179
  flex: 3 0 0;
180
180
  }
181
- .pf-l-flex > .pf-m-flex-4 {
181
+ .pf-v5-l-flex > .pf-m-flex-4 {
182
182
  flex: 4 0 0;
183
183
  }
184
- .pf-l-flex > .pf-m-flex-default {
184
+ .pf-v5-l-flex > .pf-m-flex-default {
185
185
  flex: 0 1 auto;
186
186
  }
187
- .pf-l-flex > .pf-m-flex-none {
187
+ .pf-v5-l-flex > .pf-m-flex-none {
188
188
  flex: none;
189
189
  }
190
- .pf-l-flex > .pf-m-align-self-flex-start {
190
+ .pf-v5-l-flex > .pf-m-align-self-flex-start {
191
191
  align-self: flex-start;
192
192
  }
193
- .pf-l-flex > .pf-m-align-self-flex-end {
193
+ .pf-v5-l-flex > .pf-m-align-self-flex-end {
194
194
  align-self: flex-end;
195
195
  }
196
- .pf-l-flex > .pf-m-align-self-center {
196
+ .pf-v5-l-flex > .pf-m-align-self-center {
197
197
  align-self: center;
198
198
  }
199
- .pf-l-flex > .pf-m-align-self-baseline {
199
+ .pf-v5-l-flex > .pf-m-align-self-baseline {
200
200
  align-self: baseline;
201
201
  }
202
- .pf-l-flex > .pf-m-align-self-stretch {
202
+ .pf-v5-l-flex > .pf-m-align-self-stretch {
203
203
  align-self: stretch;
204
204
  }
205
205
  @media (min-width: 576px) {
206
- .pf-l-flex.pf-m-flex-on-sm {
207
- display: var(--pf-l-flex--Display);
206
+ .pf-v5-l-flex.pf-m-flex-on-sm {
207
+ display: var(--pf-v5-l-flex--Display);
208
208
  }
209
- .pf-l-flex.pf-m-inline-flex-on-sm {
210
- --pf-l-flex--Display: inline-flex;
209
+ .pf-v5-l-flex.pf-m-inline-flex-on-sm {
210
+ --pf-v5-l-flex--Display: inline-flex;
211
211
  }
212
- .pf-l-flex.pf-m-column-on-sm {
212
+ .pf-v5-l-flex.pf-m-column-on-sm {
213
213
  flex-direction: column;
214
214
  align-items: normal;
215
215
  }
216
- .pf-l-flex.pf-m-column-on-sm > * {
217
- margin: 0 0 var(--pf-l-flex--spacer) 0;
216
+ .pf-v5-l-flex.pf-m-column-on-sm > * {
217
+ margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
218
218
  }
219
- .pf-l-flex.pf-m-column-reverse-on-sm {
219
+ .pf-v5-l-flex.pf-m-column-reverse-on-sm {
220
220
  flex-direction: column-reverse;
221
221
  align-items: normal;
222
222
  }
223
- .pf-l-flex.pf-m-column-reverse-on-sm > * {
224
- margin: var(--pf-l-flex--spacer) 0 0 0;
223
+ .pf-v5-l-flex.pf-m-column-reverse-on-sm > * {
224
+ margin: var(--pf-v5-l-flex--spacer) 0 0 0;
225
225
  }
226
- .pf-l-flex.pf-m-row-on-sm {
226
+ .pf-v5-l-flex.pf-m-row-on-sm {
227
227
  flex-direction: row;
228
- align-items: var(--pf-l-flex--m-row--AlignItems);
228
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
229
229
  }
230
- .pf-l-flex.pf-m-row-on-sm > * {
231
- margin: 0 var(--pf-l-flex--spacer) 0 0;
230
+ .pf-v5-l-flex.pf-m-row-on-sm > * {
231
+ margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
232
232
  }
233
- .pf-l-flex.pf-m-row-reverse-on-sm {
233
+ .pf-v5-l-flex.pf-m-row-reverse-on-sm {
234
234
  flex-direction: row-reverse;
235
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
235
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
236
236
  }
237
- .pf-l-flex.pf-m-row-reverse-on-sm > * {
238
- margin: 0 0 0 var(--pf-l-flex--spacer);
237
+ .pf-v5-l-flex.pf-m-row-reverse-on-sm > * {
238
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer);
239
239
  }
240
- .pf-l-flex.pf-m-wrap-on-sm {
240
+ .pf-v5-l-flex.pf-m-wrap-on-sm {
241
241
  flex-wrap: wrap;
242
242
  }
243
- .pf-l-flex.pf-m-wrap-reverse-on-sm {
243
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-sm {
244
244
  flex-wrap: wrap-reverse;
245
245
  }
246
- .pf-l-flex.pf-m-nowrap-on-sm {
246
+ .pf-v5-l-flex.pf-m-nowrap-on-sm {
247
247
  flex-wrap: nowrap;
248
248
  }
249
- .pf-l-flex.pf-m-justify-content-flex-start-on-sm {
249
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-sm {
250
250
  justify-content: flex-start;
251
251
  }
252
- .pf-l-flex.pf-m-justify-content-flex-end-on-sm {
252
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-sm {
253
253
  justify-content: flex-end;
254
254
  }
255
- .pf-l-flex.pf-m-justify-content-center-on-sm {
255
+ .pf-v5-l-flex.pf-m-justify-content-center-on-sm {
256
256
  justify-content: center;
257
257
  }
258
- .pf-l-flex.pf-m-justify-content-space-between-on-sm {
258
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-sm {
259
259
  justify-content: space-between;
260
260
  }
261
- .pf-l-flex.pf-m-justify-content-space-around-on-sm {
261
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-sm {
262
262
  justify-content: space-around;
263
263
  }
264
- .pf-l-flex.pf-m-justify-content-space-evenly-on-sm {
264
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-sm {
265
265
  justify-content: space-evenly;
266
266
  }
267
- .pf-l-flex.pf-m-align-items-flex-start-on-sm {
267
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-sm {
268
268
  align-items: flex-start;
269
269
  }
270
- .pf-l-flex.pf-m-align-items-flex-end-on-sm {
270
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-sm {
271
271
  align-items: flex-end;
272
272
  }
273
- .pf-l-flex.pf-m-align-items-center-on-sm {
273
+ .pf-v5-l-flex.pf-m-align-items-center-on-sm {
274
274
  align-items: center;
275
275
  }
276
- .pf-l-flex.pf-m-align-items-stretch-on-sm {
276
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-sm {
277
277
  align-items: stretch;
278
278
  }
279
- .pf-l-flex.pf-m-align-items-baseline-on-sm {
279
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-sm {
280
280
  align-items: baseline;
281
281
  }
282
- .pf-l-flex.pf-m-align-content-flex-start-on-sm {
282
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-sm {
283
283
  align-content: flex-start;
284
284
  }
285
- .pf-l-flex.pf-m-align-content-flex-end-on-sm {
285
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-sm {
286
286
  align-content: flex-end;
287
287
  }
288
- .pf-l-flex.pf-m-align-content-center-on-sm {
288
+ .pf-v5-l-flex.pf-m-align-content-center-on-sm {
289
289
  align-content: center;
290
290
  }
291
- .pf-l-flex.pf-m-align-content-stretch-on-sm {
291
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-sm {
292
292
  align-content: stretch;
293
293
  }
294
- .pf-l-flex.pf-m-align-content-space-between-on-sm {
294
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-sm {
295
295
  align-content: space-between;
296
296
  }
297
- .pf-l-flex.pf-m-align-content-space-around-on-sm {
297
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-sm {
298
298
  align-content: space-around;
299
299
  }
300
- .pf-l-flex > .pf-m-align-right-on-sm {
300
+ .pf-v5-l-flex > .pf-m-align-right-on-sm {
301
301
  margin-left: auto;
302
302
  }
303
- .pf-l-flex > .pf-m-align-left-on-sm {
303
+ .pf-v5-l-flex > .pf-m-align-left-on-sm {
304
304
  margin-left: 0;
305
305
  }
306
- .pf-l-flex > .pf-m-grow-on-sm {
306
+ .pf-v5-l-flex > .pf-m-grow-on-sm {
307
307
  flex-grow: 1;
308
308
  }
309
- .pf-l-flex > .pf-m-shrink-on-sm {
309
+ .pf-v5-l-flex > .pf-m-shrink-on-sm {
310
310
  flex-shrink: 1;
311
311
  }
312
- .pf-l-flex > .pf-m-full-width-on-sm {
312
+ .pf-v5-l-flex > .pf-m-full-width-on-sm {
313
313
  width: 100%;
314
314
  margin-right: 0;
315
315
  }
316
- .pf-l-flex > .pf-m-flex-1-on-sm {
316
+ .pf-v5-l-flex > .pf-m-flex-1-on-sm {
317
317
  flex: 1 0 0;
318
318
  }
319
- .pf-l-flex > .pf-m-flex-2-on-sm {
319
+ .pf-v5-l-flex > .pf-m-flex-2-on-sm {
320
320
  flex: 2 0 0;
321
321
  }
322
- .pf-l-flex > .pf-m-flex-3-on-sm {
322
+ .pf-v5-l-flex > .pf-m-flex-3-on-sm {
323
323
  flex: 3 0 0;
324
324
  }
325
- .pf-l-flex > .pf-m-flex-4-on-sm {
325
+ .pf-v5-l-flex > .pf-m-flex-4-on-sm {
326
326
  flex: 4 0 0;
327
327
  }
328
- .pf-l-flex > .pf-m-flex-default-on-sm {
328
+ .pf-v5-l-flex > .pf-m-flex-default-on-sm {
329
329
  flex: 0 1 auto;
330
330
  }
331
- .pf-l-flex > .pf-m-flex-none-on-sm {
331
+ .pf-v5-l-flex > .pf-m-flex-none-on-sm {
332
332
  flex: none;
333
333
  }
334
- .pf-l-flex > .pf-m-align-self-flex-start-on-sm {
334
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-sm {
335
335
  align-self: flex-start;
336
336
  }
337
- .pf-l-flex > .pf-m-align-self-flex-end-on-sm {
337
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-sm {
338
338
  align-self: flex-end;
339
339
  }
340
- .pf-l-flex > .pf-m-align-self-center-on-sm {
340
+ .pf-v5-l-flex > .pf-m-align-self-center-on-sm {
341
341
  align-self: center;
342
342
  }
343
- .pf-l-flex > .pf-m-align-self-baseline-on-sm {
343
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-sm {
344
344
  align-self: baseline;
345
345
  }
346
- .pf-l-flex > .pf-m-align-self-stretch-on-sm {
346
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-sm {
347
347
  align-self: stretch;
348
348
  }
349
349
  }
350
350
  @media (min-width: 768px) {
351
- .pf-l-flex.pf-m-flex-on-md {
352
- display: var(--pf-l-flex--Display);
351
+ .pf-v5-l-flex.pf-m-flex-on-md {
352
+ display: var(--pf-v5-l-flex--Display);
353
353
  }
354
- .pf-l-flex.pf-m-inline-flex-on-md {
355
- --pf-l-flex--Display: inline-flex;
354
+ .pf-v5-l-flex.pf-m-inline-flex-on-md {
355
+ --pf-v5-l-flex--Display: inline-flex;
356
356
  }
357
- .pf-l-flex.pf-m-column-on-md {
357
+ .pf-v5-l-flex.pf-m-column-on-md {
358
358
  flex-direction: column;
359
359
  align-items: normal;
360
360
  }
361
- .pf-l-flex.pf-m-column-on-md > * {
362
- margin: 0 0 var(--pf-l-flex--spacer) 0;
361
+ .pf-v5-l-flex.pf-m-column-on-md > * {
362
+ margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
363
363
  }
364
- .pf-l-flex.pf-m-column-reverse-on-md {
364
+ .pf-v5-l-flex.pf-m-column-reverse-on-md {
365
365
  flex-direction: column-reverse;
366
366
  align-items: normal;
367
367
  }
368
- .pf-l-flex.pf-m-column-reverse-on-md > * {
369
- margin: var(--pf-l-flex--spacer) 0 0 0;
368
+ .pf-v5-l-flex.pf-m-column-reverse-on-md > * {
369
+ margin: var(--pf-v5-l-flex--spacer) 0 0 0;
370
370
  }
371
- .pf-l-flex.pf-m-row-on-md {
371
+ .pf-v5-l-flex.pf-m-row-on-md {
372
372
  flex-direction: row;
373
- align-items: var(--pf-l-flex--m-row--AlignItems);
373
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
374
374
  }
375
- .pf-l-flex.pf-m-row-on-md > * {
376
- margin: 0 var(--pf-l-flex--spacer) 0 0;
375
+ .pf-v5-l-flex.pf-m-row-on-md > * {
376
+ margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
377
377
  }
378
- .pf-l-flex.pf-m-row-reverse-on-md {
378
+ .pf-v5-l-flex.pf-m-row-reverse-on-md {
379
379
  flex-direction: row-reverse;
380
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
380
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
381
381
  }
382
- .pf-l-flex.pf-m-row-reverse-on-md > * {
383
- margin: 0 0 0 var(--pf-l-flex--spacer);
382
+ .pf-v5-l-flex.pf-m-row-reverse-on-md > * {
383
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer);
384
384
  }
385
- .pf-l-flex.pf-m-wrap-on-md {
385
+ .pf-v5-l-flex.pf-m-wrap-on-md {
386
386
  flex-wrap: wrap;
387
387
  }
388
- .pf-l-flex.pf-m-wrap-reverse-on-md {
388
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-md {
389
389
  flex-wrap: wrap-reverse;
390
390
  }
391
- .pf-l-flex.pf-m-nowrap-on-md {
391
+ .pf-v5-l-flex.pf-m-nowrap-on-md {
392
392
  flex-wrap: nowrap;
393
393
  }
394
- .pf-l-flex.pf-m-justify-content-flex-start-on-md {
394
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-md {
395
395
  justify-content: flex-start;
396
396
  }
397
- .pf-l-flex.pf-m-justify-content-flex-end-on-md {
397
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-md {
398
398
  justify-content: flex-end;
399
399
  }
400
- .pf-l-flex.pf-m-justify-content-center-on-md {
400
+ .pf-v5-l-flex.pf-m-justify-content-center-on-md {
401
401
  justify-content: center;
402
402
  }
403
- .pf-l-flex.pf-m-justify-content-space-between-on-md {
403
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-md {
404
404
  justify-content: space-between;
405
405
  }
406
- .pf-l-flex.pf-m-justify-content-space-around-on-md {
406
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-md {
407
407
  justify-content: space-around;
408
408
  }
409
- .pf-l-flex.pf-m-justify-content-space-evenly-on-md {
409
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-md {
410
410
  justify-content: space-evenly;
411
411
  }
412
- .pf-l-flex.pf-m-align-items-flex-start-on-md {
412
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-md {
413
413
  align-items: flex-start;
414
414
  }
415
- .pf-l-flex.pf-m-align-items-flex-end-on-md {
415
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-md {
416
416
  align-items: flex-end;
417
417
  }
418
- .pf-l-flex.pf-m-align-items-center-on-md {
418
+ .pf-v5-l-flex.pf-m-align-items-center-on-md {
419
419
  align-items: center;
420
420
  }
421
- .pf-l-flex.pf-m-align-items-stretch-on-md {
421
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-md {
422
422
  align-items: stretch;
423
423
  }
424
- .pf-l-flex.pf-m-align-items-baseline-on-md {
424
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-md {
425
425
  align-items: baseline;
426
426
  }
427
- .pf-l-flex.pf-m-align-content-flex-start-on-md {
427
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-md {
428
428
  align-content: flex-start;
429
429
  }
430
- .pf-l-flex.pf-m-align-content-flex-end-on-md {
430
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-md {
431
431
  align-content: flex-end;
432
432
  }
433
- .pf-l-flex.pf-m-align-content-center-on-md {
433
+ .pf-v5-l-flex.pf-m-align-content-center-on-md {
434
434
  align-content: center;
435
435
  }
436
- .pf-l-flex.pf-m-align-content-stretch-on-md {
436
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-md {
437
437
  align-content: stretch;
438
438
  }
439
- .pf-l-flex.pf-m-align-content-space-between-on-md {
439
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-md {
440
440
  align-content: space-between;
441
441
  }
442
- .pf-l-flex.pf-m-align-content-space-around-on-md {
442
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-md {
443
443
  align-content: space-around;
444
444
  }
445
- .pf-l-flex > .pf-m-align-right-on-md {
445
+ .pf-v5-l-flex > .pf-m-align-right-on-md {
446
446
  margin-left: auto;
447
447
  }
448
- .pf-l-flex > .pf-m-align-left-on-md {
448
+ .pf-v5-l-flex > .pf-m-align-left-on-md {
449
449
  margin-left: 0;
450
450
  }
451
- .pf-l-flex > .pf-m-grow-on-md {
451
+ .pf-v5-l-flex > .pf-m-grow-on-md {
452
452
  flex-grow: 1;
453
453
  }
454
- .pf-l-flex > .pf-m-shrink-on-md {
454
+ .pf-v5-l-flex > .pf-m-shrink-on-md {
455
455
  flex-shrink: 1;
456
456
  }
457
- .pf-l-flex > .pf-m-full-width-on-md {
457
+ .pf-v5-l-flex > .pf-m-full-width-on-md {
458
458
  width: 100%;
459
459
  margin-right: 0;
460
460
  }
461
- .pf-l-flex > .pf-m-flex-1-on-md {
461
+ .pf-v5-l-flex > .pf-m-flex-1-on-md {
462
462
  flex: 1 0 0;
463
463
  }
464
- .pf-l-flex > .pf-m-flex-2-on-md {
464
+ .pf-v5-l-flex > .pf-m-flex-2-on-md {
465
465
  flex: 2 0 0;
466
466
  }
467
- .pf-l-flex > .pf-m-flex-3-on-md {
467
+ .pf-v5-l-flex > .pf-m-flex-3-on-md {
468
468
  flex: 3 0 0;
469
469
  }
470
- .pf-l-flex > .pf-m-flex-4-on-md {
470
+ .pf-v5-l-flex > .pf-m-flex-4-on-md {
471
471
  flex: 4 0 0;
472
472
  }
473
- .pf-l-flex > .pf-m-flex-default-on-md {
473
+ .pf-v5-l-flex > .pf-m-flex-default-on-md {
474
474
  flex: 0 1 auto;
475
475
  }
476
- .pf-l-flex > .pf-m-flex-none-on-md {
476
+ .pf-v5-l-flex > .pf-m-flex-none-on-md {
477
477
  flex: none;
478
478
  }
479
- .pf-l-flex > .pf-m-align-self-flex-start-on-md {
479
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-md {
480
480
  align-self: flex-start;
481
481
  }
482
- .pf-l-flex > .pf-m-align-self-flex-end-on-md {
482
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-md {
483
483
  align-self: flex-end;
484
484
  }
485
- .pf-l-flex > .pf-m-align-self-center-on-md {
485
+ .pf-v5-l-flex > .pf-m-align-self-center-on-md {
486
486
  align-self: center;
487
487
  }
488
- .pf-l-flex > .pf-m-align-self-baseline-on-md {
488
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-md {
489
489
  align-self: baseline;
490
490
  }
491
- .pf-l-flex > .pf-m-align-self-stretch-on-md {
491
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-md {
492
492
  align-self: stretch;
493
493
  }
494
494
  }
495
495
  @media (min-width: 992px) {
496
- .pf-l-flex.pf-m-flex-on-lg {
497
- display: var(--pf-l-flex--Display);
496
+ .pf-v5-l-flex.pf-m-flex-on-lg {
497
+ display: var(--pf-v5-l-flex--Display);
498
498
  }
499
- .pf-l-flex.pf-m-inline-flex-on-lg {
500
- --pf-l-flex--Display: inline-flex;
499
+ .pf-v5-l-flex.pf-m-inline-flex-on-lg {
500
+ --pf-v5-l-flex--Display: inline-flex;
501
501
  }
502
- .pf-l-flex.pf-m-column-on-lg {
502
+ .pf-v5-l-flex.pf-m-column-on-lg {
503
503
  flex-direction: column;
504
504
  align-items: normal;
505
505
  }
506
- .pf-l-flex.pf-m-column-on-lg > * {
507
- margin: 0 0 var(--pf-l-flex--spacer) 0;
506
+ .pf-v5-l-flex.pf-m-column-on-lg > * {
507
+ margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
508
508
  }
509
- .pf-l-flex.pf-m-column-reverse-on-lg {
509
+ .pf-v5-l-flex.pf-m-column-reverse-on-lg {
510
510
  flex-direction: column-reverse;
511
511
  align-items: normal;
512
512
  }
513
- .pf-l-flex.pf-m-column-reverse-on-lg > * {
514
- margin: var(--pf-l-flex--spacer) 0 0 0;
513
+ .pf-v5-l-flex.pf-m-column-reverse-on-lg > * {
514
+ margin: var(--pf-v5-l-flex--spacer) 0 0 0;
515
515
  }
516
- .pf-l-flex.pf-m-row-on-lg {
516
+ .pf-v5-l-flex.pf-m-row-on-lg {
517
517
  flex-direction: row;
518
- align-items: var(--pf-l-flex--m-row--AlignItems);
518
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
519
519
  }
520
- .pf-l-flex.pf-m-row-on-lg > * {
521
- margin: 0 var(--pf-l-flex--spacer) 0 0;
520
+ .pf-v5-l-flex.pf-m-row-on-lg > * {
521
+ margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
522
522
  }
523
- .pf-l-flex.pf-m-row-reverse-on-lg {
523
+ .pf-v5-l-flex.pf-m-row-reverse-on-lg {
524
524
  flex-direction: row-reverse;
525
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
525
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
526
526
  }
527
- .pf-l-flex.pf-m-row-reverse-on-lg > * {
528
- margin: 0 0 0 var(--pf-l-flex--spacer);
527
+ .pf-v5-l-flex.pf-m-row-reverse-on-lg > * {
528
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer);
529
529
  }
530
- .pf-l-flex.pf-m-wrap-on-lg {
530
+ .pf-v5-l-flex.pf-m-wrap-on-lg {
531
531
  flex-wrap: wrap;
532
532
  }
533
- .pf-l-flex.pf-m-wrap-reverse-on-lg {
533
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-lg {
534
534
  flex-wrap: wrap-reverse;
535
535
  }
536
- .pf-l-flex.pf-m-nowrap-on-lg {
536
+ .pf-v5-l-flex.pf-m-nowrap-on-lg {
537
537
  flex-wrap: nowrap;
538
538
  }
539
- .pf-l-flex.pf-m-justify-content-flex-start-on-lg {
539
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-lg {
540
540
  justify-content: flex-start;
541
541
  }
542
- .pf-l-flex.pf-m-justify-content-flex-end-on-lg {
542
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-lg {
543
543
  justify-content: flex-end;
544
544
  }
545
- .pf-l-flex.pf-m-justify-content-center-on-lg {
545
+ .pf-v5-l-flex.pf-m-justify-content-center-on-lg {
546
546
  justify-content: center;
547
547
  }
548
- .pf-l-flex.pf-m-justify-content-space-between-on-lg {
548
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-lg {
549
549
  justify-content: space-between;
550
550
  }
551
- .pf-l-flex.pf-m-justify-content-space-around-on-lg {
551
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-lg {
552
552
  justify-content: space-around;
553
553
  }
554
- .pf-l-flex.pf-m-justify-content-space-evenly-on-lg {
554
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-lg {
555
555
  justify-content: space-evenly;
556
556
  }
557
- .pf-l-flex.pf-m-align-items-flex-start-on-lg {
557
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-lg {
558
558
  align-items: flex-start;
559
559
  }
560
- .pf-l-flex.pf-m-align-items-flex-end-on-lg {
560
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-lg {
561
561
  align-items: flex-end;
562
562
  }
563
- .pf-l-flex.pf-m-align-items-center-on-lg {
563
+ .pf-v5-l-flex.pf-m-align-items-center-on-lg {
564
564
  align-items: center;
565
565
  }
566
- .pf-l-flex.pf-m-align-items-stretch-on-lg {
566
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-lg {
567
567
  align-items: stretch;
568
568
  }
569
- .pf-l-flex.pf-m-align-items-baseline-on-lg {
569
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-lg {
570
570
  align-items: baseline;
571
571
  }
572
- .pf-l-flex.pf-m-align-content-flex-start-on-lg {
572
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-lg {
573
573
  align-content: flex-start;
574
574
  }
575
- .pf-l-flex.pf-m-align-content-flex-end-on-lg {
575
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-lg {
576
576
  align-content: flex-end;
577
577
  }
578
- .pf-l-flex.pf-m-align-content-center-on-lg {
578
+ .pf-v5-l-flex.pf-m-align-content-center-on-lg {
579
579
  align-content: center;
580
580
  }
581
- .pf-l-flex.pf-m-align-content-stretch-on-lg {
581
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-lg {
582
582
  align-content: stretch;
583
583
  }
584
- .pf-l-flex.pf-m-align-content-space-between-on-lg {
584
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-lg {
585
585
  align-content: space-between;
586
586
  }
587
- .pf-l-flex.pf-m-align-content-space-around-on-lg {
587
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-lg {
588
588
  align-content: space-around;
589
589
  }
590
- .pf-l-flex > .pf-m-align-right-on-lg {
590
+ .pf-v5-l-flex > .pf-m-align-right-on-lg {
591
591
  margin-left: auto;
592
592
  }
593
- .pf-l-flex > .pf-m-align-left-on-lg {
593
+ .pf-v5-l-flex > .pf-m-align-left-on-lg {
594
594
  margin-left: 0;
595
595
  }
596
- .pf-l-flex > .pf-m-grow-on-lg {
596
+ .pf-v5-l-flex > .pf-m-grow-on-lg {
597
597
  flex-grow: 1;
598
598
  }
599
- .pf-l-flex > .pf-m-shrink-on-lg {
599
+ .pf-v5-l-flex > .pf-m-shrink-on-lg {
600
600
  flex-shrink: 1;
601
601
  }
602
- .pf-l-flex > .pf-m-full-width-on-lg {
602
+ .pf-v5-l-flex > .pf-m-full-width-on-lg {
603
603
  width: 100%;
604
604
  margin-right: 0;
605
605
  }
606
- .pf-l-flex > .pf-m-flex-1-on-lg {
606
+ .pf-v5-l-flex > .pf-m-flex-1-on-lg {
607
607
  flex: 1 0 0;
608
608
  }
609
- .pf-l-flex > .pf-m-flex-2-on-lg {
609
+ .pf-v5-l-flex > .pf-m-flex-2-on-lg {
610
610
  flex: 2 0 0;
611
611
  }
612
- .pf-l-flex > .pf-m-flex-3-on-lg {
612
+ .pf-v5-l-flex > .pf-m-flex-3-on-lg {
613
613
  flex: 3 0 0;
614
614
  }
615
- .pf-l-flex > .pf-m-flex-4-on-lg {
615
+ .pf-v5-l-flex > .pf-m-flex-4-on-lg {
616
616
  flex: 4 0 0;
617
617
  }
618
- .pf-l-flex > .pf-m-flex-default-on-lg {
618
+ .pf-v5-l-flex > .pf-m-flex-default-on-lg {
619
619
  flex: 0 1 auto;
620
620
  }
621
- .pf-l-flex > .pf-m-flex-none-on-lg {
621
+ .pf-v5-l-flex > .pf-m-flex-none-on-lg {
622
622
  flex: none;
623
623
  }
624
- .pf-l-flex > .pf-m-align-self-flex-start-on-lg {
624
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-lg {
625
625
  align-self: flex-start;
626
626
  }
627
- .pf-l-flex > .pf-m-align-self-flex-end-on-lg {
627
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-lg {
628
628
  align-self: flex-end;
629
629
  }
630
- .pf-l-flex > .pf-m-align-self-center-on-lg {
630
+ .pf-v5-l-flex > .pf-m-align-self-center-on-lg {
631
631
  align-self: center;
632
632
  }
633
- .pf-l-flex > .pf-m-align-self-baseline-on-lg {
633
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-lg {
634
634
  align-self: baseline;
635
635
  }
636
- .pf-l-flex > .pf-m-align-self-stretch-on-lg {
636
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-lg {
637
637
  align-self: stretch;
638
638
  }
639
639
  }
640
640
  @media (min-width: 1200px) {
641
- .pf-l-flex.pf-m-flex-on-xl {
642
- display: var(--pf-l-flex--Display);
641
+ .pf-v5-l-flex.pf-m-flex-on-xl {
642
+ display: var(--pf-v5-l-flex--Display);
643
643
  }
644
- .pf-l-flex.pf-m-inline-flex-on-xl {
645
- --pf-l-flex--Display: inline-flex;
644
+ .pf-v5-l-flex.pf-m-inline-flex-on-xl {
645
+ --pf-v5-l-flex--Display: inline-flex;
646
646
  }
647
- .pf-l-flex.pf-m-column-on-xl {
647
+ .pf-v5-l-flex.pf-m-column-on-xl {
648
648
  flex-direction: column;
649
649
  align-items: normal;
650
650
  }
651
- .pf-l-flex.pf-m-column-on-xl > * {
652
- margin: 0 0 var(--pf-l-flex--spacer) 0;
651
+ .pf-v5-l-flex.pf-m-column-on-xl > * {
652
+ margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
653
653
  }
654
- .pf-l-flex.pf-m-column-reverse-on-xl {
654
+ .pf-v5-l-flex.pf-m-column-reverse-on-xl {
655
655
  flex-direction: column-reverse;
656
656
  align-items: normal;
657
657
  }
658
- .pf-l-flex.pf-m-column-reverse-on-xl > * {
659
- margin: var(--pf-l-flex--spacer) 0 0 0;
658
+ .pf-v5-l-flex.pf-m-column-reverse-on-xl > * {
659
+ margin: var(--pf-v5-l-flex--spacer) 0 0 0;
660
660
  }
661
- .pf-l-flex.pf-m-row-on-xl {
661
+ .pf-v5-l-flex.pf-m-row-on-xl {
662
662
  flex-direction: row;
663
- align-items: var(--pf-l-flex--m-row--AlignItems);
663
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
664
664
  }
665
- .pf-l-flex.pf-m-row-on-xl > * {
666
- margin: 0 var(--pf-l-flex--spacer) 0 0;
665
+ .pf-v5-l-flex.pf-m-row-on-xl > * {
666
+ margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
667
667
  }
668
- .pf-l-flex.pf-m-row-reverse-on-xl {
668
+ .pf-v5-l-flex.pf-m-row-reverse-on-xl {
669
669
  flex-direction: row-reverse;
670
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
670
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
671
671
  }
672
- .pf-l-flex.pf-m-row-reverse-on-xl > * {
673
- margin: 0 0 0 var(--pf-l-flex--spacer);
672
+ .pf-v5-l-flex.pf-m-row-reverse-on-xl > * {
673
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer);
674
674
  }
675
- .pf-l-flex.pf-m-wrap-on-xl {
675
+ .pf-v5-l-flex.pf-m-wrap-on-xl {
676
676
  flex-wrap: wrap;
677
677
  }
678
- .pf-l-flex.pf-m-wrap-reverse-on-xl {
678
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-xl {
679
679
  flex-wrap: wrap-reverse;
680
680
  }
681
- .pf-l-flex.pf-m-nowrap-on-xl {
681
+ .pf-v5-l-flex.pf-m-nowrap-on-xl {
682
682
  flex-wrap: nowrap;
683
683
  }
684
- .pf-l-flex.pf-m-justify-content-flex-start-on-xl {
684
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-xl {
685
685
  justify-content: flex-start;
686
686
  }
687
- .pf-l-flex.pf-m-justify-content-flex-end-on-xl {
687
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-xl {
688
688
  justify-content: flex-end;
689
689
  }
690
- .pf-l-flex.pf-m-justify-content-center-on-xl {
690
+ .pf-v5-l-flex.pf-m-justify-content-center-on-xl {
691
691
  justify-content: center;
692
692
  }
693
- .pf-l-flex.pf-m-justify-content-space-between-on-xl {
693
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-xl {
694
694
  justify-content: space-between;
695
695
  }
696
- .pf-l-flex.pf-m-justify-content-space-around-on-xl {
696
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-xl {
697
697
  justify-content: space-around;
698
698
  }
699
- .pf-l-flex.pf-m-justify-content-space-evenly-on-xl {
699
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-xl {
700
700
  justify-content: space-evenly;
701
701
  }
702
- .pf-l-flex.pf-m-align-items-flex-start-on-xl {
702
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-xl {
703
703
  align-items: flex-start;
704
704
  }
705
- .pf-l-flex.pf-m-align-items-flex-end-on-xl {
705
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-xl {
706
706
  align-items: flex-end;
707
707
  }
708
- .pf-l-flex.pf-m-align-items-center-on-xl {
708
+ .pf-v5-l-flex.pf-m-align-items-center-on-xl {
709
709
  align-items: center;
710
710
  }
711
- .pf-l-flex.pf-m-align-items-stretch-on-xl {
711
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-xl {
712
712
  align-items: stretch;
713
713
  }
714
- .pf-l-flex.pf-m-align-items-baseline-on-xl {
714
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-xl {
715
715
  align-items: baseline;
716
716
  }
717
- .pf-l-flex.pf-m-align-content-flex-start-on-xl {
717
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-xl {
718
718
  align-content: flex-start;
719
719
  }
720
- .pf-l-flex.pf-m-align-content-flex-end-on-xl {
720
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-xl {
721
721
  align-content: flex-end;
722
722
  }
723
- .pf-l-flex.pf-m-align-content-center-on-xl {
723
+ .pf-v5-l-flex.pf-m-align-content-center-on-xl {
724
724
  align-content: center;
725
725
  }
726
- .pf-l-flex.pf-m-align-content-stretch-on-xl {
726
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-xl {
727
727
  align-content: stretch;
728
728
  }
729
- .pf-l-flex.pf-m-align-content-space-between-on-xl {
729
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-xl {
730
730
  align-content: space-between;
731
731
  }
732
- .pf-l-flex.pf-m-align-content-space-around-on-xl {
732
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-xl {
733
733
  align-content: space-around;
734
734
  }
735
- .pf-l-flex > .pf-m-align-right-on-xl {
735
+ .pf-v5-l-flex > .pf-m-align-right-on-xl {
736
736
  margin-left: auto;
737
737
  }
738
- .pf-l-flex > .pf-m-align-left-on-xl {
738
+ .pf-v5-l-flex > .pf-m-align-left-on-xl {
739
739
  margin-left: 0;
740
740
  }
741
- .pf-l-flex > .pf-m-grow-on-xl {
741
+ .pf-v5-l-flex > .pf-m-grow-on-xl {
742
742
  flex-grow: 1;
743
743
  }
744
- .pf-l-flex > .pf-m-shrink-on-xl {
744
+ .pf-v5-l-flex > .pf-m-shrink-on-xl {
745
745
  flex-shrink: 1;
746
746
  }
747
- .pf-l-flex > .pf-m-full-width-on-xl {
747
+ .pf-v5-l-flex > .pf-m-full-width-on-xl {
748
748
  width: 100%;
749
749
  margin-right: 0;
750
750
  }
751
- .pf-l-flex > .pf-m-flex-1-on-xl {
751
+ .pf-v5-l-flex > .pf-m-flex-1-on-xl {
752
752
  flex: 1 0 0;
753
753
  }
754
- .pf-l-flex > .pf-m-flex-2-on-xl {
754
+ .pf-v5-l-flex > .pf-m-flex-2-on-xl {
755
755
  flex: 2 0 0;
756
756
  }
757
- .pf-l-flex > .pf-m-flex-3-on-xl {
757
+ .pf-v5-l-flex > .pf-m-flex-3-on-xl {
758
758
  flex: 3 0 0;
759
759
  }
760
- .pf-l-flex > .pf-m-flex-4-on-xl {
760
+ .pf-v5-l-flex > .pf-m-flex-4-on-xl {
761
761
  flex: 4 0 0;
762
762
  }
763
- .pf-l-flex > .pf-m-flex-default-on-xl {
763
+ .pf-v5-l-flex > .pf-m-flex-default-on-xl {
764
764
  flex: 0 1 auto;
765
765
  }
766
- .pf-l-flex > .pf-m-flex-none-on-xl {
766
+ .pf-v5-l-flex > .pf-m-flex-none-on-xl {
767
767
  flex: none;
768
768
  }
769
- .pf-l-flex > .pf-m-align-self-flex-start-on-xl {
769
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-xl {
770
770
  align-self: flex-start;
771
771
  }
772
- .pf-l-flex > .pf-m-align-self-flex-end-on-xl {
772
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-xl {
773
773
  align-self: flex-end;
774
774
  }
775
- .pf-l-flex > .pf-m-align-self-center-on-xl {
775
+ .pf-v5-l-flex > .pf-m-align-self-center-on-xl {
776
776
  align-self: center;
777
777
  }
778
- .pf-l-flex > .pf-m-align-self-baseline-on-xl {
778
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-xl {
779
779
  align-self: baseline;
780
780
  }
781
- .pf-l-flex > .pf-m-align-self-stretch-on-xl {
781
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-xl {
782
782
  align-self: stretch;
783
783
  }
784
784
  }
785
785
  @media (min-width: 1450px) {
786
- .pf-l-flex.pf-m-flex-on-2xl {
787
- display: var(--pf-l-flex--Display);
786
+ .pf-v5-l-flex.pf-m-flex-on-2xl {
787
+ display: var(--pf-v5-l-flex--Display);
788
788
  }
789
- .pf-l-flex.pf-m-inline-flex-on-2xl {
790
- --pf-l-flex--Display: inline-flex;
789
+ .pf-v5-l-flex.pf-m-inline-flex-on-2xl {
790
+ --pf-v5-l-flex--Display: inline-flex;
791
791
  }
792
- .pf-l-flex.pf-m-column-on-2xl {
792
+ .pf-v5-l-flex.pf-m-column-on-2xl {
793
793
  flex-direction: column;
794
794
  align-items: normal;
795
795
  }
796
- .pf-l-flex.pf-m-column-on-2xl > * {
797
- margin: 0 0 var(--pf-l-flex--spacer) 0;
796
+ .pf-v5-l-flex.pf-m-column-on-2xl > * {
797
+ margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
798
798
  }
799
- .pf-l-flex.pf-m-column-reverse-on-2xl {
799
+ .pf-v5-l-flex.pf-m-column-reverse-on-2xl {
800
800
  flex-direction: column-reverse;
801
801
  align-items: normal;
802
802
  }
803
- .pf-l-flex.pf-m-column-reverse-on-2xl > * {
804
- margin: var(--pf-l-flex--spacer) 0 0 0;
803
+ .pf-v5-l-flex.pf-m-column-reverse-on-2xl > * {
804
+ margin: var(--pf-v5-l-flex--spacer) 0 0 0;
805
805
  }
806
- .pf-l-flex.pf-m-row-on-2xl {
806
+ .pf-v5-l-flex.pf-m-row-on-2xl {
807
807
  flex-direction: row;
808
- align-items: var(--pf-l-flex--m-row--AlignItems);
808
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
809
809
  }
810
- .pf-l-flex.pf-m-row-on-2xl > * {
811
- margin: 0 var(--pf-l-flex--spacer) 0 0;
810
+ .pf-v5-l-flex.pf-m-row-on-2xl > * {
811
+ margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
812
812
  }
813
- .pf-l-flex.pf-m-row-reverse-on-2xl {
813
+ .pf-v5-l-flex.pf-m-row-reverse-on-2xl {
814
814
  flex-direction: row-reverse;
815
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
815
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
816
816
  }
817
- .pf-l-flex.pf-m-row-reverse-on-2xl > * {
818
- margin: 0 0 0 var(--pf-l-flex--spacer);
817
+ .pf-v5-l-flex.pf-m-row-reverse-on-2xl > * {
818
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer);
819
819
  }
820
- .pf-l-flex.pf-m-wrap-on-2xl {
820
+ .pf-v5-l-flex.pf-m-wrap-on-2xl {
821
821
  flex-wrap: wrap;
822
822
  }
823
- .pf-l-flex.pf-m-wrap-reverse-on-2xl {
823
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-2xl {
824
824
  flex-wrap: wrap-reverse;
825
825
  }
826
- .pf-l-flex.pf-m-nowrap-on-2xl {
826
+ .pf-v5-l-flex.pf-m-nowrap-on-2xl {
827
827
  flex-wrap: nowrap;
828
828
  }
829
- .pf-l-flex.pf-m-justify-content-flex-start-on-2xl {
829
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-2xl {
830
830
  justify-content: flex-start;
831
831
  }
832
- .pf-l-flex.pf-m-justify-content-flex-end-on-2xl {
832
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-2xl {
833
833
  justify-content: flex-end;
834
834
  }
835
- .pf-l-flex.pf-m-justify-content-center-on-2xl {
835
+ .pf-v5-l-flex.pf-m-justify-content-center-on-2xl {
836
836
  justify-content: center;
837
837
  }
838
- .pf-l-flex.pf-m-justify-content-space-between-on-2xl {
838
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-2xl {
839
839
  justify-content: space-between;
840
840
  }
841
- .pf-l-flex.pf-m-justify-content-space-around-on-2xl {
841
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-2xl {
842
842
  justify-content: space-around;
843
843
  }
844
- .pf-l-flex.pf-m-justify-content-space-evenly-on-2xl {
844
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-2xl {
845
845
  justify-content: space-evenly;
846
846
  }
847
- .pf-l-flex.pf-m-align-items-flex-start-on-2xl {
847
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-2xl {
848
848
  align-items: flex-start;
849
849
  }
850
- .pf-l-flex.pf-m-align-items-flex-end-on-2xl {
850
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-2xl {
851
851
  align-items: flex-end;
852
852
  }
853
- .pf-l-flex.pf-m-align-items-center-on-2xl {
853
+ .pf-v5-l-flex.pf-m-align-items-center-on-2xl {
854
854
  align-items: center;
855
855
  }
856
- .pf-l-flex.pf-m-align-items-stretch-on-2xl {
856
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-2xl {
857
857
  align-items: stretch;
858
858
  }
859
- .pf-l-flex.pf-m-align-items-baseline-on-2xl {
859
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-2xl {
860
860
  align-items: baseline;
861
861
  }
862
- .pf-l-flex.pf-m-align-content-flex-start-on-2xl {
862
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-2xl {
863
863
  align-content: flex-start;
864
864
  }
865
- .pf-l-flex.pf-m-align-content-flex-end-on-2xl {
865
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-2xl {
866
866
  align-content: flex-end;
867
867
  }
868
- .pf-l-flex.pf-m-align-content-center-on-2xl {
868
+ .pf-v5-l-flex.pf-m-align-content-center-on-2xl {
869
869
  align-content: center;
870
870
  }
871
- .pf-l-flex.pf-m-align-content-stretch-on-2xl {
871
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-2xl {
872
872
  align-content: stretch;
873
873
  }
874
- .pf-l-flex.pf-m-align-content-space-between-on-2xl {
874
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-2xl {
875
875
  align-content: space-between;
876
876
  }
877
- .pf-l-flex.pf-m-align-content-space-around-on-2xl {
877
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-2xl {
878
878
  align-content: space-around;
879
879
  }
880
- .pf-l-flex > .pf-m-align-right-on-2xl {
880
+ .pf-v5-l-flex > .pf-m-align-right-on-2xl {
881
881
  margin-left: auto;
882
882
  }
883
- .pf-l-flex > .pf-m-align-left-on-2xl {
883
+ .pf-v5-l-flex > .pf-m-align-left-on-2xl {
884
884
  margin-left: 0;
885
885
  }
886
- .pf-l-flex > .pf-m-grow-on-2xl {
886
+ .pf-v5-l-flex > .pf-m-grow-on-2xl {
887
887
  flex-grow: 1;
888
888
  }
889
- .pf-l-flex > .pf-m-shrink-on-2xl {
889
+ .pf-v5-l-flex > .pf-m-shrink-on-2xl {
890
890
  flex-shrink: 1;
891
891
  }
892
- .pf-l-flex > .pf-m-full-width-on-2xl {
892
+ .pf-v5-l-flex > .pf-m-full-width-on-2xl {
893
893
  width: 100%;
894
894
  margin-right: 0;
895
895
  }
896
- .pf-l-flex > .pf-m-flex-1-on-2xl {
896
+ .pf-v5-l-flex > .pf-m-flex-1-on-2xl {
897
897
  flex: 1 0 0;
898
898
  }
899
- .pf-l-flex > .pf-m-flex-2-on-2xl {
899
+ .pf-v5-l-flex > .pf-m-flex-2-on-2xl {
900
900
  flex: 2 0 0;
901
901
  }
902
- .pf-l-flex > .pf-m-flex-3-on-2xl {
902
+ .pf-v5-l-flex > .pf-m-flex-3-on-2xl {
903
903
  flex: 3 0 0;
904
904
  }
905
- .pf-l-flex > .pf-m-flex-4-on-2xl {
905
+ .pf-v5-l-flex > .pf-m-flex-4-on-2xl {
906
906
  flex: 4 0 0;
907
907
  }
908
- .pf-l-flex > .pf-m-flex-default-on-2xl {
908
+ .pf-v5-l-flex > .pf-m-flex-default-on-2xl {
909
909
  flex: 0 1 auto;
910
910
  }
911
- .pf-l-flex > .pf-m-flex-none-on-2xl {
911
+ .pf-v5-l-flex > .pf-m-flex-none-on-2xl {
912
912
  flex: none;
913
913
  }
914
- .pf-l-flex > .pf-m-align-self-flex-start-on-2xl {
914
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-2xl {
915
915
  align-self: flex-start;
916
916
  }
917
- .pf-l-flex > .pf-m-align-self-flex-end-on-2xl {
917
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-2xl {
918
918
  align-self: flex-end;
919
919
  }
920
- .pf-l-flex > .pf-m-align-self-center-on-2xl {
920
+ .pf-v5-l-flex > .pf-m-align-self-center-on-2xl {
921
921
  align-self: center;
922
922
  }
923
- .pf-l-flex > .pf-m-align-self-baseline-on-2xl {
923
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-2xl {
924
924
  align-self: baseline;
925
925
  }
926
- .pf-l-flex > .pf-m-align-self-stretch-on-2xl {
926
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-2xl {
927
927
  align-self: stretch;
928
928
  }
929
929
  }
930
- .pf-l-flex.pf-m-space-items-none > * {
931
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
930
+ .pf-v5-l-flex.pf-m-space-items-none > * {
931
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
932
932
  }
933
- .pf-l-flex.pf-m-space-items-none > :last-child {
934
- --pf-l-flex--spacer: 0;
933
+ .pf-v5-l-flex.pf-m-space-items-none > :last-child {
934
+ --pf-v5-l-flex--spacer: 0;
935
935
  }
936
- .pf-l-flex.pf-m-space-items-xs > * {
937
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
936
+ .pf-v5-l-flex.pf-m-space-items-xs > * {
937
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
938
938
  }
939
- .pf-l-flex.pf-m-space-items-xs > :last-child {
940
- --pf-l-flex--spacer: 0;
939
+ .pf-v5-l-flex.pf-m-space-items-xs > :last-child {
940
+ --pf-v5-l-flex--spacer: 0;
941
941
  }
942
- .pf-l-flex.pf-m-space-items-sm > * {
943
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
942
+ .pf-v5-l-flex.pf-m-space-items-sm > * {
943
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
944
944
  }
945
- .pf-l-flex.pf-m-space-items-sm > :last-child {
946
- --pf-l-flex--spacer: 0;
945
+ .pf-v5-l-flex.pf-m-space-items-sm > :last-child {
946
+ --pf-v5-l-flex--spacer: 0;
947
947
  }
948
- .pf-l-flex.pf-m-space-items-md > * {
949
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
948
+ .pf-v5-l-flex.pf-m-space-items-md > * {
949
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
950
950
  }
951
- .pf-l-flex.pf-m-space-items-md > :last-child {
952
- --pf-l-flex--spacer: 0;
951
+ .pf-v5-l-flex.pf-m-space-items-md > :last-child {
952
+ --pf-v5-l-flex--spacer: 0;
953
953
  }
954
- .pf-l-flex.pf-m-space-items-lg > * {
955
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
954
+ .pf-v5-l-flex.pf-m-space-items-lg > * {
955
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
956
956
  }
957
- .pf-l-flex.pf-m-space-items-lg > :last-child {
958
- --pf-l-flex--spacer: 0;
957
+ .pf-v5-l-flex.pf-m-space-items-lg > :last-child {
958
+ --pf-v5-l-flex--spacer: 0;
959
959
  }
960
- .pf-l-flex.pf-m-space-items-xl > * {
961
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
960
+ .pf-v5-l-flex.pf-m-space-items-xl > * {
961
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
962
962
  }
963
- .pf-l-flex.pf-m-space-items-xl > :last-child {
964
- --pf-l-flex--spacer: 0;
963
+ .pf-v5-l-flex.pf-m-space-items-xl > :last-child {
964
+ --pf-v5-l-flex--spacer: 0;
965
965
  }
966
- .pf-l-flex.pf-m-space-items-2xl > * {
967
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
966
+ .pf-v5-l-flex.pf-m-space-items-2xl > * {
967
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
968
968
  }
969
- .pf-l-flex.pf-m-space-items-2xl > :last-child {
970
- --pf-l-flex--spacer: 0;
969
+ .pf-v5-l-flex.pf-m-space-items-2xl > :last-child {
970
+ --pf-v5-l-flex--spacer: 0;
971
971
  }
972
- .pf-l-flex.pf-m-space-items-3xl > * {
973
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
972
+ .pf-v5-l-flex.pf-m-space-items-3xl > * {
973
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
974
974
  }
975
- .pf-l-flex.pf-m-space-items-3xl > :last-child {
976
- --pf-l-flex--spacer: 0;
975
+ .pf-v5-l-flex.pf-m-space-items-3xl > :last-child {
976
+ --pf-v5-l-flex--spacer: 0;
977
977
  }
978
- .pf-l-flex.pf-m-space-items-4xl > * {
979
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
978
+ .pf-v5-l-flex.pf-m-space-items-4xl > * {
979
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
980
980
  }
981
- .pf-l-flex.pf-m-space-items-4xl > :last-child {
982
- --pf-l-flex--spacer: 0;
981
+ .pf-v5-l-flex.pf-m-space-items-4xl > :last-child {
982
+ --pf-v5-l-flex--spacer: 0;
983
983
  }
984
984
  @media (min-width: 576px) {
985
- .pf-l-flex.pf-m-space-items-none-on-sm > * {
986
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
985
+ .pf-v5-l-flex.pf-m-space-items-none-on-sm > * {
986
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
987
987
  }
988
- .pf-l-flex.pf-m-space-items-none-on-sm > :last-child {
989
- --pf-l-flex--spacer: 0;
988
+ .pf-v5-l-flex.pf-m-space-items-none-on-sm > :last-child {
989
+ --pf-v5-l-flex--spacer: 0;
990
990
  }
991
- .pf-l-flex.pf-m-space-items-xs-on-sm > * {
992
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
991
+ .pf-v5-l-flex.pf-m-space-items-xs-on-sm > * {
992
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
993
993
  }
994
- .pf-l-flex.pf-m-space-items-xs-on-sm > :last-child {
995
- --pf-l-flex--spacer: 0;
994
+ .pf-v5-l-flex.pf-m-space-items-xs-on-sm > :last-child {
995
+ --pf-v5-l-flex--spacer: 0;
996
996
  }
997
- .pf-l-flex.pf-m-space-items-sm-on-sm > * {
998
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
997
+ .pf-v5-l-flex.pf-m-space-items-sm-on-sm > * {
998
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
999
999
  }
1000
- .pf-l-flex.pf-m-space-items-sm-on-sm > :last-child {
1001
- --pf-l-flex--spacer: 0;
1000
+ .pf-v5-l-flex.pf-m-space-items-sm-on-sm > :last-child {
1001
+ --pf-v5-l-flex--spacer: 0;
1002
1002
  }
1003
- .pf-l-flex.pf-m-space-items-md-on-sm > * {
1004
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1003
+ .pf-v5-l-flex.pf-m-space-items-md-on-sm > * {
1004
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1005
1005
  }
1006
- .pf-l-flex.pf-m-space-items-md-on-sm > :last-child {
1007
- --pf-l-flex--spacer: 0;
1006
+ .pf-v5-l-flex.pf-m-space-items-md-on-sm > :last-child {
1007
+ --pf-v5-l-flex--spacer: 0;
1008
1008
  }
1009
- .pf-l-flex.pf-m-space-items-lg-on-sm > * {
1010
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1009
+ .pf-v5-l-flex.pf-m-space-items-lg-on-sm > * {
1010
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1011
1011
  }
1012
- .pf-l-flex.pf-m-space-items-lg-on-sm > :last-child {
1013
- --pf-l-flex--spacer: 0;
1012
+ .pf-v5-l-flex.pf-m-space-items-lg-on-sm > :last-child {
1013
+ --pf-v5-l-flex--spacer: 0;
1014
1014
  }
1015
- .pf-l-flex.pf-m-space-items-xl-on-sm > * {
1016
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1015
+ .pf-v5-l-flex.pf-m-space-items-xl-on-sm > * {
1016
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1017
1017
  }
1018
- .pf-l-flex.pf-m-space-items-xl-on-sm > :last-child {
1019
- --pf-l-flex--spacer: 0;
1018
+ .pf-v5-l-flex.pf-m-space-items-xl-on-sm > :last-child {
1019
+ --pf-v5-l-flex--spacer: 0;
1020
1020
  }
1021
- .pf-l-flex.pf-m-space-items-2xl-on-sm > * {
1022
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1021
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-sm > * {
1022
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1023
1023
  }
1024
- .pf-l-flex.pf-m-space-items-2xl-on-sm > :last-child {
1025
- --pf-l-flex--spacer: 0;
1024
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-sm > :last-child {
1025
+ --pf-v5-l-flex--spacer: 0;
1026
1026
  }
1027
- .pf-l-flex.pf-m-space-items-3xl-on-sm > * {
1028
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1027
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-sm > * {
1028
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1029
1029
  }
1030
- .pf-l-flex.pf-m-space-items-3xl-on-sm > :last-child {
1031
- --pf-l-flex--spacer: 0;
1030
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-sm > :last-child {
1031
+ --pf-v5-l-flex--spacer: 0;
1032
1032
  }
1033
- .pf-l-flex.pf-m-space-items-4xl-on-sm > * {
1034
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1033
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-sm > * {
1034
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1035
1035
  }
1036
- .pf-l-flex.pf-m-space-items-4xl-on-sm > :last-child {
1037
- --pf-l-flex--spacer: 0;
1036
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-sm > :last-child {
1037
+ --pf-v5-l-flex--spacer: 0;
1038
1038
  }
1039
1039
  }
1040
1040
  @media (min-width: 768px) {
1041
- .pf-l-flex.pf-m-space-items-none-on-md > * {
1042
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1041
+ .pf-v5-l-flex.pf-m-space-items-none-on-md > * {
1042
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1043
1043
  }
1044
- .pf-l-flex.pf-m-space-items-none-on-md > :last-child {
1045
- --pf-l-flex--spacer: 0;
1044
+ .pf-v5-l-flex.pf-m-space-items-none-on-md > :last-child {
1045
+ --pf-v5-l-flex--spacer: 0;
1046
1046
  }
1047
- .pf-l-flex.pf-m-space-items-xs-on-md > * {
1048
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1047
+ .pf-v5-l-flex.pf-m-space-items-xs-on-md > * {
1048
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1049
1049
  }
1050
- .pf-l-flex.pf-m-space-items-xs-on-md > :last-child {
1051
- --pf-l-flex--spacer: 0;
1050
+ .pf-v5-l-flex.pf-m-space-items-xs-on-md > :last-child {
1051
+ --pf-v5-l-flex--spacer: 0;
1052
1052
  }
1053
- .pf-l-flex.pf-m-space-items-sm-on-md > * {
1054
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1053
+ .pf-v5-l-flex.pf-m-space-items-sm-on-md > * {
1054
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1055
1055
  }
1056
- .pf-l-flex.pf-m-space-items-sm-on-md > :last-child {
1057
- --pf-l-flex--spacer: 0;
1056
+ .pf-v5-l-flex.pf-m-space-items-sm-on-md > :last-child {
1057
+ --pf-v5-l-flex--spacer: 0;
1058
1058
  }
1059
- .pf-l-flex.pf-m-space-items-md-on-md > * {
1060
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1059
+ .pf-v5-l-flex.pf-m-space-items-md-on-md > * {
1060
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1061
1061
  }
1062
- .pf-l-flex.pf-m-space-items-md-on-md > :last-child {
1063
- --pf-l-flex--spacer: 0;
1062
+ .pf-v5-l-flex.pf-m-space-items-md-on-md > :last-child {
1063
+ --pf-v5-l-flex--spacer: 0;
1064
1064
  }
1065
- .pf-l-flex.pf-m-space-items-lg-on-md > * {
1066
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1065
+ .pf-v5-l-flex.pf-m-space-items-lg-on-md > * {
1066
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1067
1067
  }
1068
- .pf-l-flex.pf-m-space-items-lg-on-md > :last-child {
1069
- --pf-l-flex--spacer: 0;
1068
+ .pf-v5-l-flex.pf-m-space-items-lg-on-md > :last-child {
1069
+ --pf-v5-l-flex--spacer: 0;
1070
1070
  }
1071
- .pf-l-flex.pf-m-space-items-xl-on-md > * {
1072
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1071
+ .pf-v5-l-flex.pf-m-space-items-xl-on-md > * {
1072
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1073
1073
  }
1074
- .pf-l-flex.pf-m-space-items-xl-on-md > :last-child {
1075
- --pf-l-flex--spacer: 0;
1074
+ .pf-v5-l-flex.pf-m-space-items-xl-on-md > :last-child {
1075
+ --pf-v5-l-flex--spacer: 0;
1076
1076
  }
1077
- .pf-l-flex.pf-m-space-items-2xl-on-md > * {
1078
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1077
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-md > * {
1078
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1079
1079
  }
1080
- .pf-l-flex.pf-m-space-items-2xl-on-md > :last-child {
1081
- --pf-l-flex--spacer: 0;
1080
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-md > :last-child {
1081
+ --pf-v5-l-flex--spacer: 0;
1082
1082
  }
1083
- .pf-l-flex.pf-m-space-items-3xl-on-md > * {
1084
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1083
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-md > * {
1084
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1085
1085
  }
1086
- .pf-l-flex.pf-m-space-items-3xl-on-md > :last-child {
1087
- --pf-l-flex--spacer: 0;
1086
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-md > :last-child {
1087
+ --pf-v5-l-flex--spacer: 0;
1088
1088
  }
1089
- .pf-l-flex.pf-m-space-items-4xl-on-md > * {
1090
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1089
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-md > * {
1090
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1091
1091
  }
1092
- .pf-l-flex.pf-m-space-items-4xl-on-md > :last-child {
1093
- --pf-l-flex--spacer: 0;
1092
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-md > :last-child {
1093
+ --pf-v5-l-flex--spacer: 0;
1094
1094
  }
1095
1095
  }
1096
1096
  @media (min-width: 992px) {
1097
- .pf-l-flex.pf-m-space-items-none-on-lg > * {
1098
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1097
+ .pf-v5-l-flex.pf-m-space-items-none-on-lg > * {
1098
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1099
1099
  }
1100
- .pf-l-flex.pf-m-space-items-none-on-lg > :last-child {
1101
- --pf-l-flex--spacer: 0;
1100
+ .pf-v5-l-flex.pf-m-space-items-none-on-lg > :last-child {
1101
+ --pf-v5-l-flex--spacer: 0;
1102
1102
  }
1103
- .pf-l-flex.pf-m-space-items-xs-on-lg > * {
1104
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1103
+ .pf-v5-l-flex.pf-m-space-items-xs-on-lg > * {
1104
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1105
1105
  }
1106
- .pf-l-flex.pf-m-space-items-xs-on-lg > :last-child {
1107
- --pf-l-flex--spacer: 0;
1106
+ .pf-v5-l-flex.pf-m-space-items-xs-on-lg > :last-child {
1107
+ --pf-v5-l-flex--spacer: 0;
1108
1108
  }
1109
- .pf-l-flex.pf-m-space-items-sm-on-lg > * {
1110
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1109
+ .pf-v5-l-flex.pf-m-space-items-sm-on-lg > * {
1110
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1111
1111
  }
1112
- .pf-l-flex.pf-m-space-items-sm-on-lg > :last-child {
1113
- --pf-l-flex--spacer: 0;
1112
+ .pf-v5-l-flex.pf-m-space-items-sm-on-lg > :last-child {
1113
+ --pf-v5-l-flex--spacer: 0;
1114
1114
  }
1115
- .pf-l-flex.pf-m-space-items-md-on-lg > * {
1116
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1115
+ .pf-v5-l-flex.pf-m-space-items-md-on-lg > * {
1116
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1117
1117
  }
1118
- .pf-l-flex.pf-m-space-items-md-on-lg > :last-child {
1119
- --pf-l-flex--spacer: 0;
1118
+ .pf-v5-l-flex.pf-m-space-items-md-on-lg > :last-child {
1119
+ --pf-v5-l-flex--spacer: 0;
1120
1120
  }
1121
- .pf-l-flex.pf-m-space-items-lg-on-lg > * {
1122
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1121
+ .pf-v5-l-flex.pf-m-space-items-lg-on-lg > * {
1122
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1123
1123
  }
1124
- .pf-l-flex.pf-m-space-items-lg-on-lg > :last-child {
1125
- --pf-l-flex--spacer: 0;
1124
+ .pf-v5-l-flex.pf-m-space-items-lg-on-lg > :last-child {
1125
+ --pf-v5-l-flex--spacer: 0;
1126
1126
  }
1127
- .pf-l-flex.pf-m-space-items-xl-on-lg > * {
1128
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1127
+ .pf-v5-l-flex.pf-m-space-items-xl-on-lg > * {
1128
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1129
1129
  }
1130
- .pf-l-flex.pf-m-space-items-xl-on-lg > :last-child {
1131
- --pf-l-flex--spacer: 0;
1130
+ .pf-v5-l-flex.pf-m-space-items-xl-on-lg > :last-child {
1131
+ --pf-v5-l-flex--spacer: 0;
1132
1132
  }
1133
- .pf-l-flex.pf-m-space-items-2xl-on-lg > * {
1134
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1133
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-lg > * {
1134
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1135
1135
  }
1136
- .pf-l-flex.pf-m-space-items-2xl-on-lg > :last-child {
1137
- --pf-l-flex--spacer: 0;
1136
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-lg > :last-child {
1137
+ --pf-v5-l-flex--spacer: 0;
1138
1138
  }
1139
- .pf-l-flex.pf-m-space-items-3xl-on-lg > * {
1140
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1139
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-lg > * {
1140
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1141
1141
  }
1142
- .pf-l-flex.pf-m-space-items-3xl-on-lg > :last-child {
1143
- --pf-l-flex--spacer: 0;
1142
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-lg > :last-child {
1143
+ --pf-v5-l-flex--spacer: 0;
1144
1144
  }
1145
- .pf-l-flex.pf-m-space-items-4xl-on-lg > * {
1146
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1145
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-lg > * {
1146
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1147
1147
  }
1148
- .pf-l-flex.pf-m-space-items-4xl-on-lg > :last-child {
1149
- --pf-l-flex--spacer: 0;
1148
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-lg > :last-child {
1149
+ --pf-v5-l-flex--spacer: 0;
1150
1150
  }
1151
1151
  }
1152
1152
  @media (min-width: 1200px) {
1153
- .pf-l-flex.pf-m-space-items-none-on-xl > * {
1154
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1153
+ .pf-v5-l-flex.pf-m-space-items-none-on-xl > * {
1154
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1155
1155
  }
1156
- .pf-l-flex.pf-m-space-items-none-on-xl > :last-child {
1157
- --pf-l-flex--spacer: 0;
1156
+ .pf-v5-l-flex.pf-m-space-items-none-on-xl > :last-child {
1157
+ --pf-v5-l-flex--spacer: 0;
1158
1158
  }
1159
- .pf-l-flex.pf-m-space-items-xs-on-xl > * {
1160
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1159
+ .pf-v5-l-flex.pf-m-space-items-xs-on-xl > * {
1160
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1161
1161
  }
1162
- .pf-l-flex.pf-m-space-items-xs-on-xl > :last-child {
1163
- --pf-l-flex--spacer: 0;
1162
+ .pf-v5-l-flex.pf-m-space-items-xs-on-xl > :last-child {
1163
+ --pf-v5-l-flex--spacer: 0;
1164
1164
  }
1165
- .pf-l-flex.pf-m-space-items-sm-on-xl > * {
1166
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1165
+ .pf-v5-l-flex.pf-m-space-items-sm-on-xl > * {
1166
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1167
1167
  }
1168
- .pf-l-flex.pf-m-space-items-sm-on-xl > :last-child {
1169
- --pf-l-flex--spacer: 0;
1168
+ .pf-v5-l-flex.pf-m-space-items-sm-on-xl > :last-child {
1169
+ --pf-v5-l-flex--spacer: 0;
1170
1170
  }
1171
- .pf-l-flex.pf-m-space-items-md-on-xl > * {
1172
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1171
+ .pf-v5-l-flex.pf-m-space-items-md-on-xl > * {
1172
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1173
1173
  }
1174
- .pf-l-flex.pf-m-space-items-md-on-xl > :last-child {
1175
- --pf-l-flex--spacer: 0;
1174
+ .pf-v5-l-flex.pf-m-space-items-md-on-xl > :last-child {
1175
+ --pf-v5-l-flex--spacer: 0;
1176
1176
  }
1177
- .pf-l-flex.pf-m-space-items-lg-on-xl > * {
1178
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1177
+ .pf-v5-l-flex.pf-m-space-items-lg-on-xl > * {
1178
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1179
1179
  }
1180
- .pf-l-flex.pf-m-space-items-lg-on-xl > :last-child {
1181
- --pf-l-flex--spacer: 0;
1180
+ .pf-v5-l-flex.pf-m-space-items-lg-on-xl > :last-child {
1181
+ --pf-v5-l-flex--spacer: 0;
1182
1182
  }
1183
- .pf-l-flex.pf-m-space-items-xl-on-xl > * {
1184
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1183
+ .pf-v5-l-flex.pf-m-space-items-xl-on-xl > * {
1184
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1185
1185
  }
1186
- .pf-l-flex.pf-m-space-items-xl-on-xl > :last-child {
1187
- --pf-l-flex--spacer: 0;
1186
+ .pf-v5-l-flex.pf-m-space-items-xl-on-xl > :last-child {
1187
+ --pf-v5-l-flex--spacer: 0;
1188
1188
  }
1189
- .pf-l-flex.pf-m-space-items-2xl-on-xl > * {
1190
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1189
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-xl > * {
1190
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1191
1191
  }
1192
- .pf-l-flex.pf-m-space-items-2xl-on-xl > :last-child {
1193
- --pf-l-flex--spacer: 0;
1192
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-xl > :last-child {
1193
+ --pf-v5-l-flex--spacer: 0;
1194
1194
  }
1195
- .pf-l-flex.pf-m-space-items-3xl-on-xl > * {
1196
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1195
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-xl > * {
1196
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1197
1197
  }
1198
- .pf-l-flex.pf-m-space-items-3xl-on-xl > :last-child {
1199
- --pf-l-flex--spacer: 0;
1198
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-xl > :last-child {
1199
+ --pf-v5-l-flex--spacer: 0;
1200
1200
  }
1201
- .pf-l-flex.pf-m-space-items-4xl-on-xl > * {
1202
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1201
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-xl > * {
1202
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1203
1203
  }
1204
- .pf-l-flex.pf-m-space-items-4xl-on-xl > :last-child {
1205
- --pf-l-flex--spacer: 0;
1204
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-xl > :last-child {
1205
+ --pf-v5-l-flex--spacer: 0;
1206
1206
  }
1207
1207
  }
1208
1208
  @media (min-width: 1450px) {
1209
- .pf-l-flex.pf-m-space-items-none-on-2xl > * {
1210
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1209
+ .pf-v5-l-flex.pf-m-space-items-none-on-2xl > * {
1210
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1211
1211
  }
1212
- .pf-l-flex.pf-m-space-items-none-on-2xl > :last-child {
1213
- --pf-l-flex--spacer: 0;
1212
+ .pf-v5-l-flex.pf-m-space-items-none-on-2xl > :last-child {
1213
+ --pf-v5-l-flex--spacer: 0;
1214
1214
  }
1215
- .pf-l-flex.pf-m-space-items-xs-on-2xl > * {
1216
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1215
+ .pf-v5-l-flex.pf-m-space-items-xs-on-2xl > * {
1216
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1217
1217
  }
1218
- .pf-l-flex.pf-m-space-items-xs-on-2xl > :last-child {
1219
- --pf-l-flex--spacer: 0;
1218
+ .pf-v5-l-flex.pf-m-space-items-xs-on-2xl > :last-child {
1219
+ --pf-v5-l-flex--spacer: 0;
1220
1220
  }
1221
- .pf-l-flex.pf-m-space-items-sm-on-2xl > * {
1222
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1221
+ .pf-v5-l-flex.pf-m-space-items-sm-on-2xl > * {
1222
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1223
1223
  }
1224
- .pf-l-flex.pf-m-space-items-sm-on-2xl > :last-child {
1225
- --pf-l-flex--spacer: 0;
1224
+ .pf-v5-l-flex.pf-m-space-items-sm-on-2xl > :last-child {
1225
+ --pf-v5-l-flex--spacer: 0;
1226
1226
  }
1227
- .pf-l-flex.pf-m-space-items-md-on-2xl > * {
1228
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1227
+ .pf-v5-l-flex.pf-m-space-items-md-on-2xl > * {
1228
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1229
1229
  }
1230
- .pf-l-flex.pf-m-space-items-md-on-2xl > :last-child {
1231
- --pf-l-flex--spacer: 0;
1230
+ .pf-v5-l-flex.pf-m-space-items-md-on-2xl > :last-child {
1231
+ --pf-v5-l-flex--spacer: 0;
1232
1232
  }
1233
- .pf-l-flex.pf-m-space-items-lg-on-2xl > * {
1234
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1233
+ .pf-v5-l-flex.pf-m-space-items-lg-on-2xl > * {
1234
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1235
1235
  }
1236
- .pf-l-flex.pf-m-space-items-lg-on-2xl > :last-child {
1237
- --pf-l-flex--spacer: 0;
1236
+ .pf-v5-l-flex.pf-m-space-items-lg-on-2xl > :last-child {
1237
+ --pf-v5-l-flex--spacer: 0;
1238
1238
  }
1239
- .pf-l-flex.pf-m-space-items-xl-on-2xl > * {
1240
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1239
+ .pf-v5-l-flex.pf-m-space-items-xl-on-2xl > * {
1240
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1241
1241
  }
1242
- .pf-l-flex.pf-m-space-items-xl-on-2xl > :last-child {
1243
- --pf-l-flex--spacer: 0;
1242
+ .pf-v5-l-flex.pf-m-space-items-xl-on-2xl > :last-child {
1243
+ --pf-v5-l-flex--spacer: 0;
1244
1244
  }
1245
- .pf-l-flex.pf-m-space-items-2xl-on-2xl > * {
1246
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1245
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-2xl > * {
1246
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1247
1247
  }
1248
- .pf-l-flex.pf-m-space-items-2xl-on-2xl > :last-child {
1249
- --pf-l-flex--spacer: 0;
1248
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-2xl > :last-child {
1249
+ --pf-v5-l-flex--spacer: 0;
1250
1250
  }
1251
- .pf-l-flex.pf-m-space-items-3xl-on-2xl > * {
1252
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1251
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-2xl > * {
1252
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1253
1253
  }
1254
- .pf-l-flex.pf-m-space-items-3xl-on-2xl > :last-child {
1255
- --pf-l-flex--spacer: 0;
1254
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-2xl > :last-child {
1255
+ --pf-v5-l-flex--spacer: 0;
1256
1256
  }
1257
- .pf-l-flex.pf-m-space-items-4xl-on-2xl > * {
1258
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1257
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-2xl > * {
1258
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1259
1259
  }
1260
- .pf-l-flex.pf-m-space-items-4xl-on-2xl > :last-child {
1261
- --pf-l-flex--spacer: 0;
1260
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-2xl > :last-child {
1261
+ --pf-v5-l-flex--spacer: 0;
1262
1262
  }
1263
1263
  }
1264
- .pf-l-flex .pf-m-spacer-none {
1265
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1264
+ .pf-v5-l-flex .pf-m-spacer-none {
1265
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1266
1266
  }
1267
- .pf-l-flex .pf-m-spacer-none:last-child {
1268
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1267
+ .pf-v5-l-flex .pf-m-spacer-none:last-child {
1268
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1269
1269
  }
1270
- .pf-l-flex .pf-m-spacer-xs {
1271
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1270
+ .pf-v5-l-flex .pf-m-spacer-xs {
1271
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1272
1272
  }
1273
- .pf-l-flex .pf-m-spacer-xs:last-child {
1274
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1273
+ .pf-v5-l-flex .pf-m-spacer-xs:last-child {
1274
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1275
1275
  }
1276
- .pf-l-flex .pf-m-spacer-sm {
1277
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1276
+ .pf-v5-l-flex .pf-m-spacer-sm {
1277
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1278
1278
  }
1279
- .pf-l-flex .pf-m-spacer-sm:last-child {
1280
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1279
+ .pf-v5-l-flex .pf-m-spacer-sm:last-child {
1280
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1281
1281
  }
1282
- .pf-l-flex .pf-m-spacer-md {
1283
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1282
+ .pf-v5-l-flex .pf-m-spacer-md {
1283
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1284
1284
  }
1285
- .pf-l-flex .pf-m-spacer-md:last-child {
1286
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1285
+ .pf-v5-l-flex .pf-m-spacer-md:last-child {
1286
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1287
1287
  }
1288
- .pf-l-flex .pf-m-spacer-lg {
1289
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1288
+ .pf-v5-l-flex .pf-m-spacer-lg {
1289
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1290
1290
  }
1291
- .pf-l-flex .pf-m-spacer-lg:last-child {
1292
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1291
+ .pf-v5-l-flex .pf-m-spacer-lg:last-child {
1292
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1293
1293
  }
1294
- .pf-l-flex .pf-m-spacer-xl {
1295
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1294
+ .pf-v5-l-flex .pf-m-spacer-xl {
1295
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1296
1296
  }
1297
- .pf-l-flex .pf-m-spacer-xl:last-child {
1298
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1297
+ .pf-v5-l-flex .pf-m-spacer-xl:last-child {
1298
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1299
1299
  }
1300
- .pf-l-flex .pf-m-spacer-2xl {
1301
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1300
+ .pf-v5-l-flex .pf-m-spacer-2xl {
1301
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1302
1302
  }
1303
- .pf-l-flex .pf-m-spacer-2xl:last-child {
1304
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1303
+ .pf-v5-l-flex .pf-m-spacer-2xl:last-child {
1304
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1305
1305
  }
1306
- .pf-l-flex .pf-m-spacer-3xl {
1307
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1306
+ .pf-v5-l-flex .pf-m-spacer-3xl {
1307
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1308
1308
  }
1309
- .pf-l-flex .pf-m-spacer-3xl:last-child {
1310
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1309
+ .pf-v5-l-flex .pf-m-spacer-3xl:last-child {
1310
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1311
1311
  }
1312
- .pf-l-flex .pf-m-spacer-4xl {
1313
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1312
+ .pf-v5-l-flex .pf-m-spacer-4xl {
1313
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1314
1314
  }
1315
- .pf-l-flex .pf-m-spacer-4xl:last-child {
1316
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1315
+ .pf-v5-l-flex .pf-m-spacer-4xl:last-child {
1316
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1317
1317
  }
1318
1318
  @media (min-width: 576px) {
1319
- .pf-l-flex .pf-m-spacer-none-on-sm {
1320
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1319
+ .pf-v5-l-flex .pf-m-spacer-none-on-sm {
1320
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1321
1321
  }
1322
- .pf-l-flex .pf-m-spacer-none-on-sm:last-child {
1323
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1322
+ .pf-v5-l-flex .pf-m-spacer-none-on-sm:last-child {
1323
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1324
1324
  }
1325
- .pf-l-flex .pf-m-spacer-xs-on-sm {
1326
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1325
+ .pf-v5-l-flex .pf-m-spacer-xs-on-sm {
1326
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1327
1327
  }
1328
- .pf-l-flex .pf-m-spacer-xs-on-sm:last-child {
1329
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1328
+ .pf-v5-l-flex .pf-m-spacer-xs-on-sm:last-child {
1329
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1330
1330
  }
1331
- .pf-l-flex .pf-m-spacer-sm-on-sm {
1332
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1331
+ .pf-v5-l-flex .pf-m-spacer-sm-on-sm {
1332
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1333
1333
  }
1334
- .pf-l-flex .pf-m-spacer-sm-on-sm:last-child {
1335
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1334
+ .pf-v5-l-flex .pf-m-spacer-sm-on-sm:last-child {
1335
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1336
1336
  }
1337
- .pf-l-flex .pf-m-spacer-md-on-sm {
1338
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1337
+ .pf-v5-l-flex .pf-m-spacer-md-on-sm {
1338
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1339
1339
  }
1340
- .pf-l-flex .pf-m-spacer-md-on-sm:last-child {
1341
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1340
+ .pf-v5-l-flex .pf-m-spacer-md-on-sm:last-child {
1341
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1342
1342
  }
1343
- .pf-l-flex .pf-m-spacer-lg-on-sm {
1344
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1343
+ .pf-v5-l-flex .pf-m-spacer-lg-on-sm {
1344
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1345
1345
  }
1346
- .pf-l-flex .pf-m-spacer-lg-on-sm:last-child {
1347
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1346
+ .pf-v5-l-flex .pf-m-spacer-lg-on-sm:last-child {
1347
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1348
1348
  }
1349
- .pf-l-flex .pf-m-spacer-xl-on-sm {
1350
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1349
+ .pf-v5-l-flex .pf-m-spacer-xl-on-sm {
1350
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1351
1351
  }
1352
- .pf-l-flex .pf-m-spacer-xl-on-sm:last-child {
1353
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1352
+ .pf-v5-l-flex .pf-m-spacer-xl-on-sm:last-child {
1353
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1354
1354
  }
1355
- .pf-l-flex .pf-m-spacer-2xl-on-sm {
1356
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1355
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-sm {
1356
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1357
1357
  }
1358
- .pf-l-flex .pf-m-spacer-2xl-on-sm:last-child {
1359
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1358
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-sm:last-child {
1359
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1360
1360
  }
1361
- .pf-l-flex .pf-m-spacer-3xl-on-sm {
1362
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1361
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-sm {
1362
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1363
1363
  }
1364
- .pf-l-flex .pf-m-spacer-3xl-on-sm:last-child {
1365
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1364
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-sm:last-child {
1365
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1366
1366
  }
1367
- .pf-l-flex .pf-m-spacer-4xl-on-sm {
1368
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1367
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-sm {
1368
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1369
1369
  }
1370
- .pf-l-flex .pf-m-spacer-4xl-on-sm:last-child {
1371
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1370
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-sm:last-child {
1371
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1372
1372
  }
1373
1373
  }
1374
1374
  @media (min-width: 768px) {
1375
- .pf-l-flex .pf-m-spacer-none-on-md {
1376
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1375
+ .pf-v5-l-flex .pf-m-spacer-none-on-md {
1376
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1377
1377
  }
1378
- .pf-l-flex .pf-m-spacer-none-on-md:last-child {
1379
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1378
+ .pf-v5-l-flex .pf-m-spacer-none-on-md:last-child {
1379
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1380
1380
  }
1381
- .pf-l-flex .pf-m-spacer-xs-on-md {
1382
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1381
+ .pf-v5-l-flex .pf-m-spacer-xs-on-md {
1382
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1383
1383
  }
1384
- .pf-l-flex .pf-m-spacer-xs-on-md:last-child {
1385
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1384
+ .pf-v5-l-flex .pf-m-spacer-xs-on-md:last-child {
1385
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1386
1386
  }
1387
- .pf-l-flex .pf-m-spacer-sm-on-md {
1388
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1387
+ .pf-v5-l-flex .pf-m-spacer-sm-on-md {
1388
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1389
1389
  }
1390
- .pf-l-flex .pf-m-spacer-sm-on-md:last-child {
1391
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1390
+ .pf-v5-l-flex .pf-m-spacer-sm-on-md:last-child {
1391
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1392
1392
  }
1393
- .pf-l-flex .pf-m-spacer-md-on-md {
1394
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1393
+ .pf-v5-l-flex .pf-m-spacer-md-on-md {
1394
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1395
1395
  }
1396
- .pf-l-flex .pf-m-spacer-md-on-md:last-child {
1397
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1396
+ .pf-v5-l-flex .pf-m-spacer-md-on-md:last-child {
1397
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1398
1398
  }
1399
- .pf-l-flex .pf-m-spacer-lg-on-md {
1400
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1399
+ .pf-v5-l-flex .pf-m-spacer-lg-on-md {
1400
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1401
1401
  }
1402
- .pf-l-flex .pf-m-spacer-lg-on-md:last-child {
1403
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1402
+ .pf-v5-l-flex .pf-m-spacer-lg-on-md:last-child {
1403
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1404
1404
  }
1405
- .pf-l-flex .pf-m-spacer-xl-on-md {
1406
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1405
+ .pf-v5-l-flex .pf-m-spacer-xl-on-md {
1406
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1407
1407
  }
1408
- .pf-l-flex .pf-m-spacer-xl-on-md:last-child {
1409
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1408
+ .pf-v5-l-flex .pf-m-spacer-xl-on-md:last-child {
1409
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1410
1410
  }
1411
- .pf-l-flex .pf-m-spacer-2xl-on-md {
1412
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1411
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-md {
1412
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1413
1413
  }
1414
- .pf-l-flex .pf-m-spacer-2xl-on-md:last-child {
1415
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1414
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-md:last-child {
1415
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1416
1416
  }
1417
- .pf-l-flex .pf-m-spacer-3xl-on-md {
1418
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1417
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-md {
1418
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1419
1419
  }
1420
- .pf-l-flex .pf-m-spacer-3xl-on-md:last-child {
1421
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1420
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-md:last-child {
1421
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1422
1422
  }
1423
- .pf-l-flex .pf-m-spacer-4xl-on-md {
1424
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1423
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-md {
1424
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1425
1425
  }
1426
- .pf-l-flex .pf-m-spacer-4xl-on-md:last-child {
1427
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1426
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-md:last-child {
1427
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1428
1428
  }
1429
1429
  }
1430
1430
  @media (min-width: 992px) {
1431
- .pf-l-flex .pf-m-spacer-none-on-lg {
1432
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1431
+ .pf-v5-l-flex .pf-m-spacer-none-on-lg {
1432
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1433
1433
  }
1434
- .pf-l-flex .pf-m-spacer-none-on-lg:last-child {
1435
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1434
+ .pf-v5-l-flex .pf-m-spacer-none-on-lg:last-child {
1435
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1436
1436
  }
1437
- .pf-l-flex .pf-m-spacer-xs-on-lg {
1438
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1437
+ .pf-v5-l-flex .pf-m-spacer-xs-on-lg {
1438
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1439
1439
  }
1440
- .pf-l-flex .pf-m-spacer-xs-on-lg:last-child {
1441
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1440
+ .pf-v5-l-flex .pf-m-spacer-xs-on-lg:last-child {
1441
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1442
1442
  }
1443
- .pf-l-flex .pf-m-spacer-sm-on-lg {
1444
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1443
+ .pf-v5-l-flex .pf-m-spacer-sm-on-lg {
1444
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1445
1445
  }
1446
- .pf-l-flex .pf-m-spacer-sm-on-lg:last-child {
1447
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1446
+ .pf-v5-l-flex .pf-m-spacer-sm-on-lg:last-child {
1447
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1448
1448
  }
1449
- .pf-l-flex .pf-m-spacer-md-on-lg {
1450
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1449
+ .pf-v5-l-flex .pf-m-spacer-md-on-lg {
1450
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1451
1451
  }
1452
- .pf-l-flex .pf-m-spacer-md-on-lg:last-child {
1453
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1452
+ .pf-v5-l-flex .pf-m-spacer-md-on-lg:last-child {
1453
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1454
1454
  }
1455
- .pf-l-flex .pf-m-spacer-lg-on-lg {
1456
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1455
+ .pf-v5-l-flex .pf-m-spacer-lg-on-lg {
1456
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1457
1457
  }
1458
- .pf-l-flex .pf-m-spacer-lg-on-lg:last-child {
1459
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1458
+ .pf-v5-l-flex .pf-m-spacer-lg-on-lg:last-child {
1459
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1460
1460
  }
1461
- .pf-l-flex .pf-m-spacer-xl-on-lg {
1462
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1461
+ .pf-v5-l-flex .pf-m-spacer-xl-on-lg {
1462
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1463
1463
  }
1464
- .pf-l-flex .pf-m-spacer-xl-on-lg:last-child {
1465
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1464
+ .pf-v5-l-flex .pf-m-spacer-xl-on-lg:last-child {
1465
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1466
1466
  }
1467
- .pf-l-flex .pf-m-spacer-2xl-on-lg {
1468
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1467
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-lg {
1468
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1469
1469
  }
1470
- .pf-l-flex .pf-m-spacer-2xl-on-lg:last-child {
1471
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1470
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-lg:last-child {
1471
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1472
1472
  }
1473
- .pf-l-flex .pf-m-spacer-3xl-on-lg {
1474
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1473
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-lg {
1474
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1475
1475
  }
1476
- .pf-l-flex .pf-m-spacer-3xl-on-lg:last-child {
1477
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1476
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-lg:last-child {
1477
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1478
1478
  }
1479
- .pf-l-flex .pf-m-spacer-4xl-on-lg {
1480
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1479
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-lg {
1480
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1481
1481
  }
1482
- .pf-l-flex .pf-m-spacer-4xl-on-lg:last-child {
1483
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1482
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-lg:last-child {
1483
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1484
1484
  }
1485
1485
  }
1486
1486
  @media (min-width: 1200px) {
1487
- .pf-l-flex .pf-m-spacer-none-on-xl {
1488
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1487
+ .pf-v5-l-flex .pf-m-spacer-none-on-xl {
1488
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1489
1489
  }
1490
- .pf-l-flex .pf-m-spacer-none-on-xl:last-child {
1491
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1490
+ .pf-v5-l-flex .pf-m-spacer-none-on-xl:last-child {
1491
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1492
1492
  }
1493
- .pf-l-flex .pf-m-spacer-xs-on-xl {
1494
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1493
+ .pf-v5-l-flex .pf-m-spacer-xs-on-xl {
1494
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1495
1495
  }
1496
- .pf-l-flex .pf-m-spacer-xs-on-xl:last-child {
1497
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1496
+ .pf-v5-l-flex .pf-m-spacer-xs-on-xl:last-child {
1497
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1498
1498
  }
1499
- .pf-l-flex .pf-m-spacer-sm-on-xl {
1500
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1499
+ .pf-v5-l-flex .pf-m-spacer-sm-on-xl {
1500
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1501
1501
  }
1502
- .pf-l-flex .pf-m-spacer-sm-on-xl:last-child {
1503
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1502
+ .pf-v5-l-flex .pf-m-spacer-sm-on-xl:last-child {
1503
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1504
1504
  }
1505
- .pf-l-flex .pf-m-spacer-md-on-xl {
1506
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1505
+ .pf-v5-l-flex .pf-m-spacer-md-on-xl {
1506
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1507
1507
  }
1508
- .pf-l-flex .pf-m-spacer-md-on-xl:last-child {
1509
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1508
+ .pf-v5-l-flex .pf-m-spacer-md-on-xl:last-child {
1509
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1510
1510
  }
1511
- .pf-l-flex .pf-m-spacer-lg-on-xl {
1512
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1511
+ .pf-v5-l-flex .pf-m-spacer-lg-on-xl {
1512
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1513
1513
  }
1514
- .pf-l-flex .pf-m-spacer-lg-on-xl:last-child {
1515
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1514
+ .pf-v5-l-flex .pf-m-spacer-lg-on-xl:last-child {
1515
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1516
1516
  }
1517
- .pf-l-flex .pf-m-spacer-xl-on-xl {
1518
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1517
+ .pf-v5-l-flex .pf-m-spacer-xl-on-xl {
1518
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1519
1519
  }
1520
- .pf-l-flex .pf-m-spacer-xl-on-xl:last-child {
1521
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1520
+ .pf-v5-l-flex .pf-m-spacer-xl-on-xl:last-child {
1521
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1522
1522
  }
1523
- .pf-l-flex .pf-m-spacer-2xl-on-xl {
1524
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1523
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-xl {
1524
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1525
1525
  }
1526
- .pf-l-flex .pf-m-spacer-2xl-on-xl:last-child {
1527
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1526
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-xl:last-child {
1527
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1528
1528
  }
1529
- .pf-l-flex .pf-m-spacer-3xl-on-xl {
1530
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1529
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-xl {
1530
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1531
1531
  }
1532
- .pf-l-flex .pf-m-spacer-3xl-on-xl:last-child {
1533
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1532
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-xl:last-child {
1533
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1534
1534
  }
1535
- .pf-l-flex .pf-m-spacer-4xl-on-xl {
1536
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1535
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-xl {
1536
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1537
1537
  }
1538
- .pf-l-flex .pf-m-spacer-4xl-on-xl:last-child {
1539
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1538
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-xl:last-child {
1539
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1540
1540
  }
1541
1541
  }
1542
1542
  @media (min-width: 1450px) {
1543
- .pf-l-flex .pf-m-spacer-none-on-2xl {
1544
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1543
+ .pf-v5-l-flex .pf-m-spacer-none-on-2xl {
1544
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1545
1545
  }
1546
- .pf-l-flex .pf-m-spacer-none-on-2xl:last-child {
1547
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1546
+ .pf-v5-l-flex .pf-m-spacer-none-on-2xl:last-child {
1547
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1548
1548
  }
1549
- .pf-l-flex .pf-m-spacer-xs-on-2xl {
1550
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1549
+ .pf-v5-l-flex .pf-m-spacer-xs-on-2xl {
1550
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1551
1551
  }
1552
- .pf-l-flex .pf-m-spacer-xs-on-2xl:last-child {
1553
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1552
+ .pf-v5-l-flex .pf-m-spacer-xs-on-2xl:last-child {
1553
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1554
1554
  }
1555
- .pf-l-flex .pf-m-spacer-sm-on-2xl {
1556
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1555
+ .pf-v5-l-flex .pf-m-spacer-sm-on-2xl {
1556
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1557
1557
  }
1558
- .pf-l-flex .pf-m-spacer-sm-on-2xl:last-child {
1559
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1558
+ .pf-v5-l-flex .pf-m-spacer-sm-on-2xl:last-child {
1559
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1560
1560
  }
1561
- .pf-l-flex .pf-m-spacer-md-on-2xl {
1562
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1561
+ .pf-v5-l-flex .pf-m-spacer-md-on-2xl {
1562
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1563
1563
  }
1564
- .pf-l-flex .pf-m-spacer-md-on-2xl:last-child {
1565
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1564
+ .pf-v5-l-flex .pf-m-spacer-md-on-2xl:last-child {
1565
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1566
1566
  }
1567
- .pf-l-flex .pf-m-spacer-lg-on-2xl {
1568
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1567
+ .pf-v5-l-flex .pf-m-spacer-lg-on-2xl {
1568
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1569
1569
  }
1570
- .pf-l-flex .pf-m-spacer-lg-on-2xl:last-child {
1571
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1570
+ .pf-v5-l-flex .pf-m-spacer-lg-on-2xl:last-child {
1571
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1572
1572
  }
1573
- .pf-l-flex .pf-m-spacer-xl-on-2xl {
1574
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1573
+ .pf-v5-l-flex .pf-m-spacer-xl-on-2xl {
1574
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1575
1575
  }
1576
- .pf-l-flex .pf-m-spacer-xl-on-2xl:last-child {
1577
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1576
+ .pf-v5-l-flex .pf-m-spacer-xl-on-2xl:last-child {
1577
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1578
1578
  }
1579
- .pf-l-flex .pf-m-spacer-2xl-on-2xl {
1580
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1579
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-2xl {
1580
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1581
1581
  }
1582
- .pf-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
1583
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1582
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
1583
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1584
1584
  }
1585
- .pf-l-flex .pf-m-spacer-3xl-on-2xl {
1586
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1585
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-2xl {
1586
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1587
1587
  }
1588
- .pf-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
1589
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1588
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
1589
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1590
1590
  }
1591
- .pf-l-flex .pf-m-spacer-4xl-on-2xl {
1592
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1591
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-2xl {
1592
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1593
1593
  }
1594
- .pf-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
1595
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1594
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
1595
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1596
1596
  }
1597
1597
  }