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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (627) hide show
  1. package/CHANGELOG.md +99 -1
  2. package/css/assets/images/pfbg-icon.svg +1 -0
  3. package/css/components/AboutModalBox/about-modal-box.css +134 -182
  4. package/css/components/AboutModalBox/about-modal-box.d.ts +9 -11
  5. package/css/components/AboutModalBox/about-modal-box.js +9 -11
  6. package/css/components/AboutModalBox/about-modal-box.mjs +9 -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 +11 -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 +51 -53
  56. package/css/components/Breadcrumb/breadcrumb.d.ts +9 -10
  57. package/css/components/Breadcrumb/breadcrumb.js +9 -10
  58. package/css/components/Breadcrumb/breadcrumb.mjs +9 -10
  59. package/css/components/Button/button.css +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-group.css +91 -0
  76. package/css/components/Chip/chip-group.d.ts +13 -0
  77. package/css/components/Chip/chip-group.js +14 -0
  78. package/css/components/Chip/chip-group.mjs +12 -0
  79. package/css/components/Chip/chip.css +83 -74
  80. package/css/components/Chip/chip.d.ts +7 -6
  81. package/css/components/Chip/chip.js +7 -6
  82. package/css/components/Chip/chip.mjs +7 -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 +302 -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 +91 -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-group.css +137 -0
  192. package/css/components/Label/label-group.d.ts +18 -0
  193. package/css/components/Label/label-group.js +19 -0
  194. package/css/components/Label/label-group.mjs +17 -0
  195. package/css/components/Label/label.css +397 -384
  196. package/css/components/Label/label.d.ts +7 -6
  197. package/css/components/Label/label.js +7 -6
  198. package/css/components/Label/label.mjs +7 -6
  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 +139 -180
  204. package/css/components/LogViewer/log-viewer.d.ts +13 -16
  205. package/css/components/LogViewer/log-viewer.js +13 -16
  206. package/css/components/LogViewer/log-viewer.mjs +13 -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/Select/select.css +413 -413
  284. package/css/components/Select/select.d.ts +34 -34
  285. package/css/components/Select/select.js +34 -34
  286. package/css/components/Select/select.mjs +34 -34
  287. package/css/components/Sidebar/sidebar.css +238 -195
  288. package/css/components/Sidebar/sidebar.d.ts +6 -4
  289. package/css/components/Sidebar/sidebar.js +6 -4
  290. package/css/components/Sidebar/sidebar.mjs +6 -4
  291. package/css/components/SimpleList/simple-list.css +65 -65
  292. package/css/components/SimpleList/simple-list.d.ts +5 -5
  293. package/css/components/SimpleList/simple-list.js +5 -5
  294. package/css/components/SimpleList/simple-list.mjs +5 -5
  295. package/css/components/Skeleton/skeleton.css +115 -115
  296. package/css/components/Skeleton/skeleton.d.ts +2 -2
  297. package/css/components/Skeleton/skeleton.js +2 -2
  298. package/css/components/Skeleton/skeleton.mjs +2 -2
  299. package/css/components/SkipToContent/skip-to-content.css +8 -8
  300. package/css/components/SkipToContent/skip-to-content.d.ts +1 -1
  301. package/css/components/SkipToContent/skip-to-content.js +1 -1
  302. package/css/components/SkipToContent/skip-to-content.mjs +1 -1
  303. package/css/components/Slider/slider.css +132 -132
  304. package/css/components/Slider/slider.d.ts +12 -12
  305. package/css/components/Slider/slider.js +12 -12
  306. package/css/components/Slider/slider.mjs +12 -12
  307. package/css/components/Spinner/spinner.css +57 -186
  308. package/css/components/Spinner/spinner.d.ts +2 -5
  309. package/css/components/Spinner/spinner.js +2 -5
  310. package/css/components/Spinner/spinner.mjs +2 -5
  311. package/css/components/Switch/switch.css +87 -87
  312. package/css/components/Switch/switch.d.ts +6 -6
  313. package/css/components/Switch/switch.js +6 -6
  314. package/css/components/Switch/switch.mjs +6 -6
  315. package/css/components/TabContent/tab-content.css +28 -28
  316. package/css/components/TabContent/tab-content.d.ts +2 -2
  317. package/css/components/TabContent/tab-content.js +2 -2
  318. package/css/components/TabContent/tab-content.mjs +2 -2
  319. package/css/components/Table/inline-edit.css +23 -19
  320. package/css/components/Table/table-grid.css +845 -845
  321. package/css/components/Table/table-grid.d.ts +14 -14
  322. package/css/components/Table/table-grid.js +14 -14
  323. package/css/components/Table/table-grid.mjs +14 -14
  324. package/css/components/Table/table-scrollable.css +38 -33
  325. package/css/components/Table/table-scrollable.d.ts +6 -5
  326. package/css/components/Table/table-scrollable.js +6 -5
  327. package/css/components/Table/table-scrollable.mjs +6 -5
  328. package/css/components/Table/table-tree-view.css +494 -484
  329. package/css/components/Table/table-tree-view.d.ts +13 -12
  330. package/css/components/Table/table-tree-view.js +13 -12
  331. package/css/components/Table/table-tree-view.mjs +13 -12
  332. package/css/components/Table/table.css +746 -744
  333. package/css/components/Table/table.d.ts +26 -26
  334. package/css/components/Table/table.js +26 -26
  335. package/css/components/Table/table.mjs +26 -26
  336. package/css/components/Tabs/tabs.css +605 -609
  337. package/css/components/Tabs/tabs.d.ts +17 -18
  338. package/css/components/Tabs/tabs.js +17 -18
  339. package/css/components/Tabs/tabs.mjs +17 -18
  340. package/css/components/TextInputGroup/text-input-group.css +92 -94
  341. package/css/components/TextInputGroup/text-input-group.d.ts +9 -9
  342. package/css/components/TextInputGroup/text-input-group.js +9 -9
  343. package/css/components/TextInputGroup/text-input-group.mjs +9 -9
  344. package/css/components/Tile/tile.css +100 -100
  345. package/css/components/Tile/tile.d.ts +6 -6
  346. package/css/components/Tile/tile.js +6 -6
  347. package/css/components/Tile/tile.mjs +6 -6
  348. package/css/components/Timestamp/timestamp.css +28 -28
  349. package/css/components/Timestamp/timestamp.d.ts +1 -1
  350. package/css/components/Timestamp/timestamp.js +1 -1
  351. package/css/components/Timestamp/timestamp.mjs +1 -1
  352. package/css/components/Title/title.css +45 -45
  353. package/css/components/Title/title.d.ts +1 -1
  354. package/css/components/Title/title.js +1 -1
  355. package/css/components/Title/title.mjs +1 -1
  356. package/css/components/ToggleGroup/toggle-group.css +81 -81
  357. package/css/components/ToggleGroup/toggle-group.d.ts +6 -6
  358. package/css/components/ToggleGroup/toggle-group.js +6 -6
  359. package/css/components/ToggleGroup/toggle-group.mjs +6 -6
  360. package/css/components/Toolbar/toolbar.css +720 -685
  361. package/css/components/Toolbar/toolbar.d.ts +16 -12
  362. package/css/components/Toolbar/toolbar.js +16 -12
  363. package/css/components/Toolbar/toolbar.mjs +16 -12
  364. package/css/components/Tooltip/tooltip.css +56 -61
  365. package/css/components/Tooltip/tooltip.d.ts +4 -4
  366. package/css/components/Tooltip/tooltip.js +4 -4
  367. package/css/components/Tooltip/tooltip.mjs +4 -4
  368. package/css/components/TreeView/tree-view.css +365 -373
  369. package/css/components/TreeView/tree-view.d.ts +17 -17
  370. package/css/components/TreeView/tree-view.js +17 -17
  371. package/css/components/TreeView/tree-view.mjs +17 -17
  372. package/css/components/Truncate/truncate.css +11 -11
  373. package/css/components/Truncate/truncate.d.ts +3 -3
  374. package/css/components/Truncate/truncate.js +3 -3
  375. package/css/components/Truncate/truncate.mjs +3 -3
  376. package/css/components/Wizard/wizard.css +321 -344
  377. package/css/components/Wizard/wizard.d.ts +29 -30
  378. package/css/components/Wizard/wizard.js +29 -30
  379. package/css/components/Wizard/wizard.mjs +29 -30
  380. package/css/docs/components/Avatar/examples/Avatar.css +1 -1
  381. package/css/docs/components/Button/examples/Button.css +1 -1
  382. package/css/docs/components/Button/examples/Button.d.ts +1 -1
  383. package/css/docs/components/Button/examples/Button.js +1 -1
  384. package/css/docs/components/Button/examples/Button.mjs +1 -1
  385. package/css/docs/components/ContextSelector/examples/context-selector.css +5 -1
  386. package/css/docs/components/DragDrop/examples/DragDrop.css +3 -3
  387. package/css/docs/components/DragDrop/examples/DragDrop.d.ts +1 -1
  388. package/css/docs/components/DragDrop/examples/DragDrop.js +1 -1
  389. package/css/docs/components/DragDrop/examples/DragDrop.mjs +1 -1
  390. package/css/docs/components/Dropdown/examples/Dropdown.css +6 -3
  391. package/css/docs/components/Dropdown/examples/Dropdown.d.ts +1 -1
  392. package/css/docs/components/Dropdown/examples/Dropdown.js +1 -1
  393. package/css/docs/components/Dropdown/examples/Dropdown.mjs +1 -1
  394. package/css/docs/components/FormControl/examples/FormControl.css +3 -3
  395. package/css/docs/components/Label/examples/Label.css +2 -2
  396. package/css/docs/components/Label/examples/Label.d.ts +1 -1
  397. package/css/docs/components/Label/examples/Label.js +1 -1
  398. package/css/docs/components/Label/examples/Label.mjs +1 -1
  399. package/css/docs/components/LogViewer/examples/LogViewer.css +2 -2
  400. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +1 -1
  401. package/css/docs/components/LogViewer/examples/LogViewer.js +1 -1
  402. package/css/docs/components/LogViewer/examples/LogViewer.mjs +1 -1
  403. package/css/docs/components/ModalBox/examples/ModalBox.css +2 -2
  404. package/css/docs/components/ModalBox/examples/ModalBox.d.ts +1 -1
  405. package/css/docs/components/ModalBox/examples/ModalBox.js +1 -1
  406. package/css/docs/components/ModalBox/examples/ModalBox.mjs +1 -1
  407. package/css/docs/components/Nav/examples/Navigation.css +13 -13
  408. package/css/docs/components/Nav/examples/Navigation.d.ts +4 -4
  409. package/css/docs/components/Nav/examples/Navigation.js +4 -4
  410. package/css/docs/components/Nav/examples/Navigation.mjs +4 -4
  411. package/css/docs/components/NotificationBadge/examples/NotificationBadge.css +1 -1
  412. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
  413. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  414. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  415. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  416. package/css/docs/components/Page/examples/Page.css +11 -5
  417. package/css/docs/components/Page/examples/Page.d.ts +3 -3
  418. package/css/docs/components/Page/examples/Page.js +3 -3
  419. package/css/docs/components/Page/examples/Page.mjs +3 -3
  420. package/css/docs/components/Popover/examples/Popover.css +1 -1
  421. package/css/docs/components/Popover/examples/Popover.d.ts +1 -1
  422. package/css/docs/components/Popover/examples/Popover.js +1 -1
  423. package/css/docs/components/Popover/examples/Popover.mjs +1 -1
  424. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  425. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  426. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  427. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  428. package/css/docs/components/Table/examples/Table.css +5 -1
  429. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  430. package/css/docs/components/Table/examples/Table.js +1 -1
  431. package/css/docs/components/Table/examples/Table.mjs +1 -1
  432. package/css/docs/components/Tabs/examples/Tabs.css +1 -1
  433. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +2 -15
  434. package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts +2 -2
  435. package/css/docs/components/TextInputGroup/examples/TextInputGroup.js +2 -2
  436. package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs +2 -2
  437. package/css/docs/components/Tile/examples/Tile.css +5 -5
  438. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  439. package/css/docs/components/Tile/examples/Tile.js +1 -1
  440. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  441. package/css/docs/components/ToggleGroup/examples/toggle-group.css +1 -1
  442. package/css/docs/components/Toolbar/examples/Toolbar.css +34 -34
  443. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +3 -3
  444. package/css/docs/components/Toolbar/examples/Toolbar.js +3 -3
  445. package/css/docs/components/Toolbar/examples/Toolbar.mjs +3 -3
  446. package/css/docs/components/Truncate/examples/Truncate.css +3 -3
  447. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  448. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  449. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  450. package/css/docs/demos/Card/examples/Card.css +6 -6
  451. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  452. package/css/docs/demos/Card/examples/Card.js +2 -2
  453. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  454. package/css/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  455. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  456. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  457. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  458. package/css/docs/layouts/Flex/examples/Flex.css +2 -2
  459. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  460. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  461. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  462. package/css/docs/layouts/Gallery/examples/Gallery.css +2 -2
  463. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  464. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  465. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  466. package/css/docs/layouts/Grid/examples/Grid.css +1 -1
  467. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  468. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  469. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  470. package/css/docs/layouts/Level/examples/Level.css +3 -3
  471. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  472. package/css/docs/layouts/Level/examples/Level.js +2 -2
  473. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  474. package/css/docs/layouts/Split/examples/Split.css +2 -2
  475. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  476. package/css/docs/layouts/Split/examples/Split.js +2 -2
  477. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  478. package/css/docs/layouts/Stack/examples/Stack.css +3 -3
  479. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  480. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  481. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  482. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  483. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  484. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  485. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  486. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  487. package/css/docs/utilities/Display/examples/Display.css +8 -8
  488. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  489. package/css/docs/utilities/Display/examples/Display.js +8 -8
  490. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  491. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  492. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  493. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  494. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  495. package/css/docs/utilities/Float/examples/Float.css +2 -2
  496. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  497. package/css/docs/utilities/Float/examples/Float.js +2 -2
  498. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  499. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  500. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  501. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  502. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  503. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  504. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  505. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  506. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  507. package/css/layouts/Bullseye/bullseye.css +3 -3
  508. package/css/layouts/Bullseye/bullseye.d.ts +1 -1
  509. package/css/layouts/Bullseye/bullseye.js +1 -1
  510. package/css/layouts/Bullseye/bullseye.mjs +1 -1
  511. package/css/layouts/Flex/flex.css +1443 -796
  512. package/css/layouts/Flex/flex.d.ts +149 -2
  513. package/css/layouts/Flex/flex.js +149 -2
  514. package/css/layouts/Flex/flex.mjs +149 -2
  515. package/css/layouts/Gallery/gallery.css +34 -34
  516. package/css/layouts/Gallery/gallery.d.ts +1 -1
  517. package/css/layouts/Gallery/gallery.js +1 -1
  518. package/css/layouts/Gallery/gallery.mjs +1 -1
  519. package/css/layouts/Grid/grid.css +531 -531
  520. package/css/layouts/Grid/grid.d.ts +2 -2
  521. package/css/layouts/Grid/grid.js +2 -2
  522. package/css/layouts/Grid/grid.mjs +2 -2
  523. package/css/layouts/Level/level.css +4 -4
  524. package/css/layouts/Level/level.d.ts +1 -1
  525. package/css/layouts/Level/level.js +1 -1
  526. package/css/layouts/Level/level.mjs +1 -1
  527. package/css/layouts/Split/split.css +6 -6
  528. package/css/layouts/Split/split.d.ts +2 -2
  529. package/css/layouts/Split/split.js +2 -2
  530. package/css/layouts/Split/split.mjs +2 -2
  531. package/css/layouts/Stack/stack.css +5 -5
  532. package/css/layouts/Stack/stack.d.ts +2 -2
  533. package/css/layouts/Stack/stack.js +2 -2
  534. package/css/layouts/Stack/stack.mjs +2 -2
  535. package/css/layouts/Toolbar/toolbar.css +20 -14
  536. package/css/utilities/Accessibility/accessibility.css +18 -18
  537. package/css/utilities/Accessibility/accessibility.d.ts +18 -18
  538. package/css/utilities/Accessibility/accessibility.js +18 -18
  539. package/css/utilities/Accessibility/accessibility.mjs +18 -18
  540. package/css/utilities/Alignment/alignment.css +24 -24
  541. package/css/utilities/Alignment/alignment.d.ts +24 -24
  542. package/css/utilities/Alignment/alignment.js +24 -24
  543. package/css/utilities/Alignment/alignment.mjs +24 -24
  544. package/css/utilities/BackgroundColor/BackgroundColor.css +252 -252
  545. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +97 -97
  546. package/css/utilities/BackgroundColor/BackgroundColor.js +97 -97
  547. package/css/utilities/BackgroundColor/BackgroundColor.mjs +97 -97
  548. package/css/utilities/BoxShadow/box-shadow.css +42 -42
  549. package/css/utilities/BoxShadow/box-shadow.d.ts +21 -21
  550. package/css/utilities/BoxShadow/box-shadow.js +21 -21
  551. package/css/utilities/BoxShadow/box-shadow.mjs +21 -21
  552. package/css/utilities/Display/display.css +54 -54
  553. package/css/utilities/Display/display.d.ts +54 -54
  554. package/css/utilities/Display/display.js +54 -54
  555. package/css/utilities/Display/display.mjs +54 -54
  556. package/css/utilities/Flex/flex.css +228 -228
  557. package/css/utilities/Flex/flex.d.ts +228 -228
  558. package/css/utilities/Flex/flex.js +228 -228
  559. package/css/utilities/Flex/flex.mjs +228 -228
  560. package/css/utilities/Float/float.css +12 -12
  561. package/css/utilities/Float/float.d.ts +12 -12
  562. package/css/utilities/Float/float.js +12 -12
  563. package/css/utilities/Float/float.mjs +12 -12
  564. package/css/utilities/Sizing/sizing.css +244 -244
  565. package/css/utilities/Sizing/sizing.d.ts +196 -196
  566. package/css/utilities/Sizing/sizing.js +196 -196
  567. package/css/utilities/Sizing/sizing.mjs +196 -196
  568. package/css/utilities/Spacing/spacing.css +1704 -1704
  569. package/css/utilities/Spacing/spacing.d.ts +840 -840
  570. package/css/utilities/Spacing/spacing.js +840 -840
  571. package/css/utilities/Spacing/spacing.mjs +840 -840
  572. package/css/utilities/Text/text.css +643 -643
  573. package/css/utilities/Text/text.d.ts +284 -284
  574. package/css/utilities/Text/text.js +284 -284
  575. package/css/utilities/Text/text.mjs +284 -284
  576. package/package.json +4 -4
  577. package/scripts/generateClassMaps.js +5 -5
  578. package/src/css/components/Consoles/AccessConsoles.css +5 -4
  579. package/src/css/components/Consoles/DesktopViewer.css +1 -2
  580. package/src/css/components/Consoles/SerialConsole.css +1 -1
  581. package/src/css/components/Consoles/VncConsole.css +1 -1
  582. package/src/css/components/Table/inline-edit.css +23 -19
  583. package/src/css/layouts/Toolbar/toolbar.css +20 -14
  584. package/css/components/AlertGroup/alert-group.css +0 -54
  585. package/css/components/AlertGroup/alert-group.d.ts +0 -9
  586. package/css/components/AlertGroup/alert-group.mjs +0 -8
  587. package/css/components/ChipGroup/chip-group.css +0 -81
  588. package/css/components/ChipGroup/chip-group.d.ts +0 -13
  589. package/css/components/ChipGroup/chip-group.js +0 -14
  590. package/css/components/ChipGroup/chip-group.mjs +0 -12
  591. package/css/components/LabelGroup/label-group.css +0 -133
  592. package/css/components/LabelGroup/label-group.d.ts +0 -18
  593. package/css/components/LabelGroup/label-group.js +0 -19
  594. package/css/components/LabelGroup/label-group.mjs +0 -17
  595. package/css/components/SearchInput/search-input.css +0 -197
  596. package/css/components/SearchInput/search-input.d.ts +0 -24
  597. package/css/components/SearchInput/search-input.js +0 -25
  598. package/css/components/SearchInput/search-input.mjs +0 -23
  599. package/css/components/Topology/topology-components.css +0 -832
  600. package/css/components/Topology/topology-components.d.ts +0 -67
  601. package/css/components/Topology/topology-components.js +0 -68
  602. package/css/components/Topology/topology-components.mjs +0 -66
  603. package/css/components/Topology/topology-controlbar.css +0 -22
  604. package/css/components/Topology/topology-controlbar.d.ts +0 -11
  605. package/css/components/Topology/topology-controlbar.js +0 -12
  606. package/css/components/Topology/topology-controlbar.mjs +0 -10
  607. package/css/components/Topology/topology-pipelines.css +0 -554
  608. package/css/components/Topology/topology-pipelines.d.ts +0 -30
  609. package/css/components/Topology/topology-pipelines.js +0 -31
  610. package/css/components/Topology/topology-pipelines.mjs +0 -29
  611. package/css/components/Topology/topology-side-bar.css +0 -73
  612. package/css/components/Topology/topology-side-bar.d.ts +0 -14
  613. package/css/components/Topology/topology-side-bar.js +0 -15
  614. package/css/components/Topology/topology-side-bar.mjs +0 -13
  615. package/css/components/Topology/topology-view.css +0 -13
  616. package/css/components/Topology/topology-view.d.ts +0 -6
  617. package/css/components/Topology/topology-view.js +0 -7
  618. package/css/components/Topology/topology-view.mjs +0 -5
  619. package/css/docs/components/SearchInput/examples/SearchInput.css +0 -12
  620. package/css/docs/components/SearchInput/examples/SearchInput.d.ts +0 -3
  621. package/css/docs/components/SearchInput/examples/SearchInput.js +0 -4
  622. package/css/docs/components/SearchInput/examples/SearchInput.mjs +0 -2
  623. package/src/css/components/Topology/topology-components.css +0 -832
  624. package/src/css/components/Topology/topology-controlbar.css +0 -22
  625. package/src/css/components/Topology/topology-pipelines.css +0 -554
  626. package/src/css/components/Topology/topology-side-bar.css +0 -73
  627. package/src/css/components/Topology/topology-view.css +0 -13
package/css/layouts/Flex/flex.css CHANGED
@@ -1,1597 +1,2244 @@
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--column--base: var(--pf-v5-global--spacer--lg);
9
+ --pf-v5-l-flex--spacer--row--base: var(--pf-v5-global--spacer--sm);
10
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--spacer--row--base);
11
+ --pf-v5-l-flex--ColumnGap: 0;
12
+ --pf-v5-l-flex--m-gap--RowGap: var(--pf-v5-l-flex--spacer--row--base);
13
+ --pf-v5-l-flex--m-gap--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
14
+ --pf-v5-l-flex--m-row-gap--RowGap: var(--pf-v5-l-flex--spacer--row--base);
15
+ --pf-v5-l-flex--m-column-gap--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
16
+ --pf-v5-l-flex--spacer--none: 0;
17
+ --pf-v5-l-flex--spacer--xs: var(--pf-v5-global--spacer--xs);
18
+ --pf-v5-l-flex--spacer--sm: var(--pf-v5-global--spacer--sm);
19
+ --pf-v5-l-flex--spacer--md: var(--pf-v5-global--spacer--md);
20
+ --pf-v5-l-flex--spacer--lg: var(--pf-v5-global--spacer--lg);
21
+ --pf-v5-l-flex--spacer--xl: var(--pf-v5-global--spacer--xl);
22
+ --pf-v5-l-flex--spacer--2xl: var(--pf-v5-global--spacer--2xl);
23
+ --pf-v5-l-flex--spacer--3xl: var(--pf-v5-global--spacer--3xl);
24
+ --pf-v5-l-flex--spacer--4xl: var(--pf-v5-global--spacer--4xl);
25
+ display: var(--pf-v5-l-flex--Display);
26
+ flex-wrap: var(--pf-v5-l-flex--FlexWrap);
27
+ gap: var(--pf-v5-l-flex--RowGap) var(--pf-v5-l-flex--ColumnGap);
28
+ align-items: var(--pf-v5-l-flex--AlignItems);
25
29
  }
26
30
 
27
- .pf-l-flex > * {
28
- --pf-l-flex--spacer: var(--pf-l-flex--spacer-base);
29
- order: var(--pf-l-flex--item--Order);
31
+ .pf-v5-l-flex > * {
32
+ --pf-v5-l-flex--spacer--column: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--column--base));
33
+ --pf-v5-l-flex--spacer--row: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--row--base));
34
+ order: var(--pf-v5-l-flex--item--Order);
30
35
  max-width: 100%;
31
- margin-right: var(--pf-l-flex--spacer);
36
+ margin-right: var(--pf-v5-l-flex--spacer--column);
32
37
  }
33
38
  @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));
39
+ .pf-v5-l-flex > * {
40
+ order: var(--pf-v5-l-flex--item--Order-on-sm, var(--pf-v5-l-flex--item--Order));
36
41
  }
37
42
  }
38
43
  @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)));
44
+ .pf-v5-l-flex > * {
45
+ 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
46
  }
42
47
  }
43
48
  @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))));
49
+ .pf-v5-l-flex > * {
50
+ 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
51
  }
47
52
  }
48
53
  @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)))));
54
+ .pf-v5-l-flex > * {
55
+ 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
56
  }
52
57
  }
53
58
  @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))))));
59
+ .pf-v5-l-flex > * {
60
+ 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
61
  }
57
62
  }
58
- .pf-l-flex > *:last-child {
59
- --pf-l-flex--spacer: 0;
63
+ .pf-v5-l-flex > *:last-child {
64
+ --pf-v5-l-flex--spacer: 0;
60
65
  }
61
66
 
62
- .pf-l-flex.pf-m-flex {
63
- display: var(--pf-l-flex--Display);
67
+ .pf-v5-l-flex.pf-m-flex {
68
+ display: var(--pf-v5-l-flex--Display);
64
69
  }
65
- .pf-l-flex.pf-m-inline-flex {
66
- --pf-l-flex--Display: inline-flex;
70
+ .pf-v5-l-flex.pf-m-inline-flex {
71
+ --pf-v5-l-flex--Display: inline-flex;
67
72
  }
68
- .pf-l-flex.pf-m-column {
73
+ .pf-v5-l-flex.pf-m-column {
74
+ --pf-v5-l-flex--RowGap: 0;
75
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
69
76
  flex-direction: column;
70
77
  align-items: normal;
71
78
  }
72
- .pf-l-flex.pf-m-column > * {
73
- margin: 0 0 var(--pf-l-flex--spacer) 0;
79
+ .pf-v5-l-flex.pf-m-column > * {
80
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
74
81
  }
75
- .pf-l-flex.pf-m-column-reverse {
82
+ .pf-v5-l-flex.pf-m-column-reverse {
76
83
  flex-direction: column-reverse;
77
84
  align-items: normal;
78
85
  }
79
- .pf-l-flex.pf-m-column-reverse > * {
80
- margin: var(--pf-l-flex--spacer) 0 0 0;
86
+ .pf-v5-l-flex.pf-m-column-reverse > * {
87
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
81
88
  }
82
- .pf-l-flex.pf-m-row {
89
+ .pf-v5-l-flex.pf-m-row {
83
90
  flex-direction: row;
84
- align-items: var(--pf-l-flex--m-row--AlignItems);
91
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
85
92
  }
86
- .pf-l-flex.pf-m-row > * {
87
- margin: 0 var(--pf-l-flex--spacer) 0 0;
93
+ .pf-v5-l-flex.pf-m-row > * {
94
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
88
95
  }
89
- .pf-l-flex.pf-m-row-reverse {
96
+ .pf-v5-l-flex.pf-m-row-reverse {
90
97
  flex-direction: row-reverse;
91
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
98
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
92
99
  }
93
- .pf-l-flex.pf-m-row-reverse > * {
94
- margin: 0 0 0 var(--pf-l-flex--spacer);
100
+ .pf-v5-l-flex.pf-m-row-reverse > * {
101
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
95
102
  }
96
- .pf-l-flex.pf-m-wrap {
103
+ .pf-v5-l-flex.pf-m-wrap {
97
104
  flex-wrap: wrap;
98
105
  }
99
- .pf-l-flex.pf-m-wrap-reverse {
106
+ .pf-v5-l-flex.pf-m-wrap-reverse {
100
107
  flex-wrap: wrap-reverse;
101
108
  }
102
- .pf-l-flex.pf-m-nowrap {
109
+ .pf-v5-l-flex.pf-m-nowrap {
103
110
  flex-wrap: nowrap;
104
111
  }
105
- .pf-l-flex.pf-m-justify-content-flex-start {
112
+ .pf-v5-l-flex.pf-m-justify-content-flex-start {
106
113
  justify-content: flex-start;
107
114
  }
108
- .pf-l-flex.pf-m-justify-content-flex-end {
115
+ .pf-v5-l-flex.pf-m-justify-content-flex-end {
109
116
  justify-content: flex-end;
110
117
  }
111
- .pf-l-flex.pf-m-justify-content-center {
118
+ .pf-v5-l-flex.pf-m-justify-content-center {
112
119
  justify-content: center;
113
120
  }
114
- .pf-l-flex.pf-m-justify-content-space-between {
121
+ .pf-v5-l-flex.pf-m-justify-content-space-between {
115
122
  justify-content: space-between;
116
123
  }
117
- .pf-l-flex.pf-m-justify-content-space-around {
124
+ .pf-v5-l-flex.pf-m-justify-content-space-around {
118
125
  justify-content: space-around;
119
126
  }
120
- .pf-l-flex.pf-m-justify-content-space-evenly {
127
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly {
121
128
  justify-content: space-evenly;
122
129
  }
123
- .pf-l-flex.pf-m-align-items-flex-start {
130
+ .pf-v5-l-flex.pf-m-align-items-flex-start {
124
131
  align-items: flex-start;
125
132
  }
126
- .pf-l-flex.pf-m-align-items-flex-end {
133
+ .pf-v5-l-flex.pf-m-align-items-flex-end {
127
134
  align-items: flex-end;
128
135
  }
129
- .pf-l-flex.pf-m-align-items-center {
136
+ .pf-v5-l-flex.pf-m-align-items-center {
130
137
  align-items: center;
131
138
  }
132
- .pf-l-flex.pf-m-align-items-stretch {
139
+ .pf-v5-l-flex.pf-m-align-items-stretch {
133
140
  align-items: stretch;
134
141
  }
135
- .pf-l-flex.pf-m-align-items-baseline {
142
+ .pf-v5-l-flex.pf-m-align-items-baseline {
136
143
  align-items: baseline;
137
144
  }
138
- .pf-l-flex.pf-m-align-content-flex-start {
145
+ .pf-v5-l-flex.pf-m-align-content-flex-start {
139
146
  align-content: flex-start;
140
147
  }
141
- .pf-l-flex.pf-m-align-content-flex-end {
148
+ .pf-v5-l-flex.pf-m-align-content-flex-end {
142
149
  align-content: flex-end;
143
150
  }
144
- .pf-l-flex.pf-m-align-content-center {
151
+ .pf-v5-l-flex.pf-m-align-content-center {
145
152
  align-content: center;
146
153
  }
147
- .pf-l-flex.pf-m-align-content-stretch {
154
+ .pf-v5-l-flex.pf-m-align-content-stretch {
148
155
  align-content: stretch;
149
156
  }
150
- .pf-l-flex.pf-m-align-content-space-between {
157
+ .pf-v5-l-flex.pf-m-align-content-space-between {
151
158
  align-content: space-between;
152
159
  }
153
- .pf-l-flex.pf-m-align-content-space-around {
160
+ .pf-v5-l-flex.pf-m-align-content-space-around {
154
161
  align-content: space-around;
155
162
  }
156
- .pf-l-flex > .pf-m-align-right {
163
+ .pf-v5-l-flex > .pf-m-align-right {
157
164
  margin-left: auto;
158
165
  }
159
- .pf-l-flex > .pf-m-align-left {
166
+ .pf-v5-l-flex > .pf-m-align-left {
160
167
  margin-left: 0;
161
168
  }
162
- .pf-l-flex > .pf-m-grow {
169
+ .pf-v5-l-flex > .pf-m-grow {
163
170
  flex-grow: 1;
164
171
  }
165
- .pf-l-flex > .pf-m-shrink {
172
+ .pf-v5-l-flex > .pf-m-shrink {
166
173
  flex-shrink: 1;
167
174
  }
168
- .pf-l-flex > .pf-m-full-width {
175
+ .pf-v5-l-flex > .pf-m-full-width {
169
176
  width: 100%;
170
177
  margin-right: 0;
171
178
  }
172
- .pf-l-flex > .pf-m-flex-1 {
179
+ .pf-v5-l-flex > .pf-m-flex-1 {
173
180
  flex: 1 0 0;
174
181
  }
175
- .pf-l-flex > .pf-m-flex-2 {
182
+ .pf-v5-l-flex > .pf-m-flex-2 {
176
183
  flex: 2 0 0;
177
184
  }
178
- .pf-l-flex > .pf-m-flex-3 {
185
+ .pf-v5-l-flex > .pf-m-flex-3 {
179
186
  flex: 3 0 0;
180
187
  }
181
- .pf-l-flex > .pf-m-flex-4 {
188
+ .pf-v5-l-flex > .pf-m-flex-4 {
182
189
  flex: 4 0 0;
183
190
  }
184
- .pf-l-flex > .pf-m-flex-default {
191
+ .pf-v5-l-flex > .pf-m-flex-default {
185
192
  flex: 0 1 auto;
186
193
  }
187
- .pf-l-flex > .pf-m-flex-none {
194
+ .pf-v5-l-flex > .pf-m-flex-none {
188
195
  flex: none;
189
196
  }
190
- .pf-l-flex > .pf-m-align-self-flex-start {
197
+ .pf-v5-l-flex > .pf-m-align-self-flex-start {
191
198
  align-self: flex-start;
192
199
  }
193
- .pf-l-flex > .pf-m-align-self-flex-end {
200
+ .pf-v5-l-flex > .pf-m-align-self-flex-end {
194
201
  align-self: flex-end;
195
202
  }
196
- .pf-l-flex > .pf-m-align-self-center {
203
+ .pf-v5-l-flex > .pf-m-align-self-center {
197
204
  align-self: center;
198
205
  }
199
- .pf-l-flex > .pf-m-align-self-baseline {
206
+ .pf-v5-l-flex > .pf-m-align-self-baseline {
200
207
  align-self: baseline;
201
208
  }
202
- .pf-l-flex > .pf-m-align-self-stretch {
209
+ .pf-v5-l-flex > .pf-m-align-self-stretch {
203
210
  align-self: stretch;
204
211
  }
205
212
  @media (min-width: 576px) {
206
- .pf-l-flex.pf-m-flex-on-sm {
207
- display: var(--pf-l-flex--Display);
213
+ .pf-v5-l-flex.pf-m-flex-on-sm {
214
+ display: var(--pf-v5-l-flex--Display);
208
215
  }
209
- .pf-l-flex.pf-m-inline-flex-on-sm {
210
- --pf-l-flex--Display: inline-flex;
216
+ .pf-v5-l-flex.pf-m-inline-flex-on-sm {
217
+ --pf-v5-l-flex--Display: inline-flex;
211
218
  }
212
- .pf-l-flex.pf-m-column-on-sm {
219
+ .pf-v5-l-flex.pf-m-column-on-sm {
220
+ --pf-v5-l-flex--RowGap: 0;
221
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
213
222
  flex-direction: column;
214
223
  align-items: normal;
215
224
  }
216
- .pf-l-flex.pf-m-column-on-sm > * {
217
- margin: 0 0 var(--pf-l-flex--spacer) 0;
225
+ .pf-v5-l-flex.pf-m-column-on-sm > * {
226
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
218
227
  }
219
- .pf-l-flex.pf-m-column-reverse-on-sm {
228
+ .pf-v5-l-flex.pf-m-column-reverse-on-sm {
220
229
  flex-direction: column-reverse;
221
230
  align-items: normal;
222
231
  }
223
- .pf-l-flex.pf-m-column-reverse-on-sm > * {
224
- margin: var(--pf-l-flex--spacer) 0 0 0;
232
+ .pf-v5-l-flex.pf-m-column-reverse-on-sm > * {
233
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
225
234
  }
226
- .pf-l-flex.pf-m-row-on-sm {
235
+ .pf-v5-l-flex.pf-m-row-on-sm {
227
236
  flex-direction: row;
228
- align-items: var(--pf-l-flex--m-row--AlignItems);
237
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
229
238
  }
230
- .pf-l-flex.pf-m-row-on-sm > * {
231
- margin: 0 var(--pf-l-flex--spacer) 0 0;
239
+ .pf-v5-l-flex.pf-m-row-on-sm > * {
240
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
232
241
  }
233
- .pf-l-flex.pf-m-row-reverse-on-sm {
242
+ .pf-v5-l-flex.pf-m-row-reverse-on-sm {
234
243
  flex-direction: row-reverse;
235
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
244
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
236
245
  }
237
- .pf-l-flex.pf-m-row-reverse-on-sm > * {
238
- margin: 0 0 0 var(--pf-l-flex--spacer);
246
+ .pf-v5-l-flex.pf-m-row-reverse-on-sm > * {
247
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
239
248
  }
240
- .pf-l-flex.pf-m-wrap-on-sm {
249
+ .pf-v5-l-flex.pf-m-wrap-on-sm {
241
250
  flex-wrap: wrap;
242
251
  }
243
- .pf-l-flex.pf-m-wrap-reverse-on-sm {
252
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-sm {
244
253
  flex-wrap: wrap-reverse;
245
254
  }
246
- .pf-l-flex.pf-m-nowrap-on-sm {
255
+ .pf-v5-l-flex.pf-m-nowrap-on-sm {
247
256
  flex-wrap: nowrap;
248
257
  }
249
- .pf-l-flex.pf-m-justify-content-flex-start-on-sm {
258
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-sm {
250
259
  justify-content: flex-start;
251
260
  }
252
- .pf-l-flex.pf-m-justify-content-flex-end-on-sm {
261
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-sm {
253
262
  justify-content: flex-end;
254
263
  }
255
- .pf-l-flex.pf-m-justify-content-center-on-sm {
264
+ .pf-v5-l-flex.pf-m-justify-content-center-on-sm {
256
265
  justify-content: center;
257
266
  }
258
- .pf-l-flex.pf-m-justify-content-space-between-on-sm {
267
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-sm {
259
268
  justify-content: space-between;
260
269
  }
261
- .pf-l-flex.pf-m-justify-content-space-around-on-sm {
270
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-sm {
262
271
  justify-content: space-around;
263
272
  }
264
- .pf-l-flex.pf-m-justify-content-space-evenly-on-sm {
273
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-sm {
265
274
  justify-content: space-evenly;
266
275
  }
267
- .pf-l-flex.pf-m-align-items-flex-start-on-sm {
276
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-sm {
268
277
  align-items: flex-start;
269
278
  }
270
- .pf-l-flex.pf-m-align-items-flex-end-on-sm {
279
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-sm {
271
280
  align-items: flex-end;
272
281
  }
273
- .pf-l-flex.pf-m-align-items-center-on-sm {
282
+ .pf-v5-l-flex.pf-m-align-items-center-on-sm {
274
283
  align-items: center;
275
284
  }
276
- .pf-l-flex.pf-m-align-items-stretch-on-sm {
285
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-sm {
277
286
  align-items: stretch;
278
287
  }
279
- .pf-l-flex.pf-m-align-items-baseline-on-sm {
288
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-sm {
280
289
  align-items: baseline;
281
290
  }
282
- .pf-l-flex.pf-m-align-content-flex-start-on-sm {
291
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-sm {
283
292
  align-content: flex-start;
284
293
  }
285
- .pf-l-flex.pf-m-align-content-flex-end-on-sm {
294
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-sm {
286
295
  align-content: flex-end;
287
296
  }
288
- .pf-l-flex.pf-m-align-content-center-on-sm {
297
+ .pf-v5-l-flex.pf-m-align-content-center-on-sm {
289
298
  align-content: center;
290
299
  }
291
- .pf-l-flex.pf-m-align-content-stretch-on-sm {
300
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-sm {
292
301
  align-content: stretch;
293
302
  }
294
- .pf-l-flex.pf-m-align-content-space-between-on-sm {
303
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-sm {
295
304
  align-content: space-between;
296
305
  }
297
- .pf-l-flex.pf-m-align-content-space-around-on-sm {
306
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-sm {
298
307
  align-content: space-around;
299
308
  }
300
- .pf-l-flex > .pf-m-align-right-on-sm {
309
+ .pf-v5-l-flex > .pf-m-align-right-on-sm {
301
310
  margin-left: auto;
302
311
  }
303
- .pf-l-flex > .pf-m-align-left-on-sm {
312
+ .pf-v5-l-flex > .pf-m-align-left-on-sm {
304
313
  margin-left: 0;
305
314
  }
306
- .pf-l-flex > .pf-m-grow-on-sm {
315
+ .pf-v5-l-flex > .pf-m-grow-on-sm {
307
316
  flex-grow: 1;
308
317
  }
309
- .pf-l-flex > .pf-m-shrink-on-sm {
318
+ .pf-v5-l-flex > .pf-m-shrink-on-sm {
310
319
  flex-shrink: 1;
311
320
  }
312
- .pf-l-flex > .pf-m-full-width-on-sm {
321
+ .pf-v5-l-flex > .pf-m-full-width-on-sm {
313
322
  width: 100%;
314
323
  margin-right: 0;
315
324
  }
316
- .pf-l-flex > .pf-m-flex-1-on-sm {
325
+ .pf-v5-l-flex > .pf-m-flex-1-on-sm {
317
326
  flex: 1 0 0;
318
327
  }
319
- .pf-l-flex > .pf-m-flex-2-on-sm {
328
+ .pf-v5-l-flex > .pf-m-flex-2-on-sm {
320
329
  flex: 2 0 0;
321
330
  }
322
- .pf-l-flex > .pf-m-flex-3-on-sm {
331
+ .pf-v5-l-flex > .pf-m-flex-3-on-sm {
323
332
  flex: 3 0 0;
324
333
  }
325
- .pf-l-flex > .pf-m-flex-4-on-sm {
334
+ .pf-v5-l-flex > .pf-m-flex-4-on-sm {
326
335
  flex: 4 0 0;
327
336
  }
328
- .pf-l-flex > .pf-m-flex-default-on-sm {
337
+ .pf-v5-l-flex > .pf-m-flex-default-on-sm {
329
338
  flex: 0 1 auto;
330
339
  }
331
- .pf-l-flex > .pf-m-flex-none-on-sm {
340
+ .pf-v5-l-flex > .pf-m-flex-none-on-sm {
332
341
  flex: none;
333
342
  }
334
- .pf-l-flex > .pf-m-align-self-flex-start-on-sm {
343
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-sm {
335
344
  align-self: flex-start;
336
345
  }
337
- .pf-l-flex > .pf-m-align-self-flex-end-on-sm {
346
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-sm {
338
347
  align-self: flex-end;
339
348
  }
340
- .pf-l-flex > .pf-m-align-self-center-on-sm {
349
+ .pf-v5-l-flex > .pf-m-align-self-center-on-sm {
341
350
  align-self: center;
342
351
  }
343
- .pf-l-flex > .pf-m-align-self-baseline-on-sm {
352
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-sm {
344
353
  align-self: baseline;
345
354
  }
346
- .pf-l-flex > .pf-m-align-self-stretch-on-sm {
355
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-sm {
347
356
  align-self: stretch;
348
357
  }
349
358
  }
350
359
  @media (min-width: 768px) {
351
- .pf-l-flex.pf-m-flex-on-md {
352
- display: var(--pf-l-flex--Display);
360
+ .pf-v5-l-flex.pf-m-flex-on-md {
361
+ display: var(--pf-v5-l-flex--Display);
353
362
  }
354
- .pf-l-flex.pf-m-inline-flex-on-md {
355
- --pf-l-flex--Display: inline-flex;
363
+ .pf-v5-l-flex.pf-m-inline-flex-on-md {
364
+ --pf-v5-l-flex--Display: inline-flex;
356
365
  }
357
- .pf-l-flex.pf-m-column-on-md {
366
+ .pf-v5-l-flex.pf-m-column-on-md {
367
+ --pf-v5-l-flex--RowGap: 0;
368
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
358
369
  flex-direction: column;
359
370
  align-items: normal;
360
371
  }
361
- .pf-l-flex.pf-m-column-on-md > * {
362
- margin: 0 0 var(--pf-l-flex--spacer) 0;
372
+ .pf-v5-l-flex.pf-m-column-on-md > * {
373
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
363
374
  }
364
- .pf-l-flex.pf-m-column-reverse-on-md {
375
+ .pf-v5-l-flex.pf-m-column-reverse-on-md {
365
376
  flex-direction: column-reverse;
366
377
  align-items: normal;
367
378
  }
368
- .pf-l-flex.pf-m-column-reverse-on-md > * {
369
- margin: var(--pf-l-flex--spacer) 0 0 0;
379
+ .pf-v5-l-flex.pf-m-column-reverse-on-md > * {
380
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
370
381
  }
371
- .pf-l-flex.pf-m-row-on-md {
382
+ .pf-v5-l-flex.pf-m-row-on-md {
372
383
  flex-direction: row;
373
- align-items: var(--pf-l-flex--m-row--AlignItems);
384
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
374
385
  }
375
- .pf-l-flex.pf-m-row-on-md > * {
376
- margin: 0 var(--pf-l-flex--spacer) 0 0;
386
+ .pf-v5-l-flex.pf-m-row-on-md > * {
387
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
377
388
  }
378
- .pf-l-flex.pf-m-row-reverse-on-md {
389
+ .pf-v5-l-flex.pf-m-row-reverse-on-md {
379
390
  flex-direction: row-reverse;
380
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
391
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
381
392
  }
382
- .pf-l-flex.pf-m-row-reverse-on-md > * {
383
- margin: 0 0 0 var(--pf-l-flex--spacer);
393
+ .pf-v5-l-flex.pf-m-row-reverse-on-md > * {
394
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
384
395
  }
385
- .pf-l-flex.pf-m-wrap-on-md {
396
+ .pf-v5-l-flex.pf-m-wrap-on-md {
386
397
  flex-wrap: wrap;
387
398
  }
388
- .pf-l-flex.pf-m-wrap-reverse-on-md {
399
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-md {
389
400
  flex-wrap: wrap-reverse;
390
401
  }
391
- .pf-l-flex.pf-m-nowrap-on-md {
402
+ .pf-v5-l-flex.pf-m-nowrap-on-md {
392
403
  flex-wrap: nowrap;
393
404
  }
394
- .pf-l-flex.pf-m-justify-content-flex-start-on-md {
405
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-md {
395
406
  justify-content: flex-start;
396
407
  }
397
- .pf-l-flex.pf-m-justify-content-flex-end-on-md {
408
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-md {
398
409
  justify-content: flex-end;
399
410
  }
400
- .pf-l-flex.pf-m-justify-content-center-on-md {
411
+ .pf-v5-l-flex.pf-m-justify-content-center-on-md {
401
412
  justify-content: center;
402
413
  }
403
- .pf-l-flex.pf-m-justify-content-space-between-on-md {
414
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-md {
404
415
  justify-content: space-between;
405
416
  }
406
- .pf-l-flex.pf-m-justify-content-space-around-on-md {
417
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-md {
407
418
  justify-content: space-around;
408
419
  }
409
- .pf-l-flex.pf-m-justify-content-space-evenly-on-md {
420
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-md {
410
421
  justify-content: space-evenly;
411
422
  }
412
- .pf-l-flex.pf-m-align-items-flex-start-on-md {
423
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-md {
413
424
  align-items: flex-start;
414
425
  }
415
- .pf-l-flex.pf-m-align-items-flex-end-on-md {
426
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-md {
416
427
  align-items: flex-end;
417
428
  }
418
- .pf-l-flex.pf-m-align-items-center-on-md {
429
+ .pf-v5-l-flex.pf-m-align-items-center-on-md {
419
430
  align-items: center;
420
431
  }
421
- .pf-l-flex.pf-m-align-items-stretch-on-md {
432
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-md {
422
433
  align-items: stretch;
423
434
  }
424
- .pf-l-flex.pf-m-align-items-baseline-on-md {
435
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-md {
425
436
  align-items: baseline;
426
437
  }
427
- .pf-l-flex.pf-m-align-content-flex-start-on-md {
438
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-md {
428
439
  align-content: flex-start;
429
440
  }
430
- .pf-l-flex.pf-m-align-content-flex-end-on-md {
441
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-md {
431
442
  align-content: flex-end;
432
443
  }
433
- .pf-l-flex.pf-m-align-content-center-on-md {
444
+ .pf-v5-l-flex.pf-m-align-content-center-on-md {
434
445
  align-content: center;
435
446
  }
436
- .pf-l-flex.pf-m-align-content-stretch-on-md {
447
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-md {
437
448
  align-content: stretch;
438
449
  }
439
- .pf-l-flex.pf-m-align-content-space-between-on-md {
450
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-md {
440
451
  align-content: space-between;
441
452
  }
442
- .pf-l-flex.pf-m-align-content-space-around-on-md {
453
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-md {
443
454
  align-content: space-around;
444
455
  }
445
- .pf-l-flex > .pf-m-align-right-on-md {
456
+ .pf-v5-l-flex > .pf-m-align-right-on-md {
446
457
  margin-left: auto;
447
458
  }
448
- .pf-l-flex > .pf-m-align-left-on-md {
459
+ .pf-v5-l-flex > .pf-m-align-left-on-md {
449
460
  margin-left: 0;
450
461
  }
451
- .pf-l-flex > .pf-m-grow-on-md {
462
+ .pf-v5-l-flex > .pf-m-grow-on-md {
452
463
  flex-grow: 1;
453
464
  }
454
- .pf-l-flex > .pf-m-shrink-on-md {
465
+ .pf-v5-l-flex > .pf-m-shrink-on-md {
455
466
  flex-shrink: 1;
456
467
  }
457
- .pf-l-flex > .pf-m-full-width-on-md {
468
+ .pf-v5-l-flex > .pf-m-full-width-on-md {
458
469
  width: 100%;
459
470
  margin-right: 0;
460
471
  }
461
- .pf-l-flex > .pf-m-flex-1-on-md {
472
+ .pf-v5-l-flex > .pf-m-flex-1-on-md {
462
473
  flex: 1 0 0;
463
474
  }
464
- .pf-l-flex > .pf-m-flex-2-on-md {
475
+ .pf-v5-l-flex > .pf-m-flex-2-on-md {
465
476
  flex: 2 0 0;
466
477
  }
467
- .pf-l-flex > .pf-m-flex-3-on-md {
478
+ .pf-v5-l-flex > .pf-m-flex-3-on-md {
468
479
  flex: 3 0 0;
469
480
  }
470
- .pf-l-flex > .pf-m-flex-4-on-md {
481
+ .pf-v5-l-flex > .pf-m-flex-4-on-md {
471
482
  flex: 4 0 0;
472
483
  }
473
- .pf-l-flex > .pf-m-flex-default-on-md {
484
+ .pf-v5-l-flex > .pf-m-flex-default-on-md {
474
485
  flex: 0 1 auto;
475
486
  }
476
- .pf-l-flex > .pf-m-flex-none-on-md {
487
+ .pf-v5-l-flex > .pf-m-flex-none-on-md {
477
488
  flex: none;
478
489
  }
479
- .pf-l-flex > .pf-m-align-self-flex-start-on-md {
490
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-md {
480
491
  align-self: flex-start;
481
492
  }
482
- .pf-l-flex > .pf-m-align-self-flex-end-on-md {
493
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-md {
483
494
  align-self: flex-end;
484
495
  }
485
- .pf-l-flex > .pf-m-align-self-center-on-md {
496
+ .pf-v5-l-flex > .pf-m-align-self-center-on-md {
486
497
  align-self: center;
487
498
  }
488
- .pf-l-flex > .pf-m-align-self-baseline-on-md {
499
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-md {
489
500
  align-self: baseline;
490
501
  }
491
- .pf-l-flex > .pf-m-align-self-stretch-on-md {
502
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-md {
492
503
  align-self: stretch;
493
504
  }
494
505
  }
495
506
  @media (min-width: 992px) {
496
- .pf-l-flex.pf-m-flex-on-lg {
497
- display: var(--pf-l-flex--Display);
507
+ .pf-v5-l-flex.pf-m-flex-on-lg {
508
+ display: var(--pf-v5-l-flex--Display);
498
509
  }
499
- .pf-l-flex.pf-m-inline-flex-on-lg {
500
- --pf-l-flex--Display: inline-flex;
510
+ .pf-v5-l-flex.pf-m-inline-flex-on-lg {
511
+ --pf-v5-l-flex--Display: inline-flex;
501
512
  }
502
- .pf-l-flex.pf-m-column-on-lg {
513
+ .pf-v5-l-flex.pf-m-column-on-lg {
514
+ --pf-v5-l-flex--RowGap: 0;
515
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
503
516
  flex-direction: column;
504
517
  align-items: normal;
505
518
  }
506
- .pf-l-flex.pf-m-column-on-lg > * {
507
- margin: 0 0 var(--pf-l-flex--spacer) 0;
519
+ .pf-v5-l-flex.pf-m-column-on-lg > * {
520
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
508
521
  }
509
- .pf-l-flex.pf-m-column-reverse-on-lg {
522
+ .pf-v5-l-flex.pf-m-column-reverse-on-lg {
510
523
  flex-direction: column-reverse;
511
524
  align-items: normal;
512
525
  }
513
- .pf-l-flex.pf-m-column-reverse-on-lg > * {
514
- margin: var(--pf-l-flex--spacer) 0 0 0;
526
+ .pf-v5-l-flex.pf-m-column-reverse-on-lg > * {
527
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
515
528
  }
516
- .pf-l-flex.pf-m-row-on-lg {
529
+ .pf-v5-l-flex.pf-m-row-on-lg {
517
530
  flex-direction: row;
518
- align-items: var(--pf-l-flex--m-row--AlignItems);
531
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
519
532
  }
520
- .pf-l-flex.pf-m-row-on-lg > * {
521
- margin: 0 var(--pf-l-flex--spacer) 0 0;
533
+ .pf-v5-l-flex.pf-m-row-on-lg > * {
534
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
522
535
  }
523
- .pf-l-flex.pf-m-row-reverse-on-lg {
536
+ .pf-v5-l-flex.pf-m-row-reverse-on-lg {
524
537
  flex-direction: row-reverse;
525
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
538
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
526
539
  }
527
- .pf-l-flex.pf-m-row-reverse-on-lg > * {
528
- margin: 0 0 0 var(--pf-l-flex--spacer);
540
+ .pf-v5-l-flex.pf-m-row-reverse-on-lg > * {
541
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
529
542
  }
530
- .pf-l-flex.pf-m-wrap-on-lg {
543
+ .pf-v5-l-flex.pf-m-wrap-on-lg {
531
544
  flex-wrap: wrap;
532
545
  }
533
- .pf-l-flex.pf-m-wrap-reverse-on-lg {
546
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-lg {
534
547
  flex-wrap: wrap-reverse;
535
548
  }
536
- .pf-l-flex.pf-m-nowrap-on-lg {
549
+ .pf-v5-l-flex.pf-m-nowrap-on-lg {
537
550
  flex-wrap: nowrap;
538
551
  }
539
- .pf-l-flex.pf-m-justify-content-flex-start-on-lg {
552
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-lg {
540
553
  justify-content: flex-start;
541
554
  }
542
- .pf-l-flex.pf-m-justify-content-flex-end-on-lg {
555
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-lg {
543
556
  justify-content: flex-end;
544
557
  }
545
- .pf-l-flex.pf-m-justify-content-center-on-lg {
558
+ .pf-v5-l-flex.pf-m-justify-content-center-on-lg {
546
559
  justify-content: center;
547
560
  }
548
- .pf-l-flex.pf-m-justify-content-space-between-on-lg {
561
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-lg {
549
562
  justify-content: space-between;
550
563
  }
551
- .pf-l-flex.pf-m-justify-content-space-around-on-lg {
564
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-lg {
552
565
  justify-content: space-around;
553
566
  }
554
- .pf-l-flex.pf-m-justify-content-space-evenly-on-lg {
567
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-lg {
555
568
  justify-content: space-evenly;
556
569
  }
557
- .pf-l-flex.pf-m-align-items-flex-start-on-lg {
570
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-lg {
558
571
  align-items: flex-start;
559
572
  }
560
- .pf-l-flex.pf-m-align-items-flex-end-on-lg {
573
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-lg {
561
574
  align-items: flex-end;
562
575
  }
563
- .pf-l-flex.pf-m-align-items-center-on-lg {
576
+ .pf-v5-l-flex.pf-m-align-items-center-on-lg {
564
577
  align-items: center;
565
578
  }
566
- .pf-l-flex.pf-m-align-items-stretch-on-lg {
579
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-lg {
567
580
  align-items: stretch;
568
581
  }
569
- .pf-l-flex.pf-m-align-items-baseline-on-lg {
582
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-lg {
570
583
  align-items: baseline;
571
584
  }
572
- .pf-l-flex.pf-m-align-content-flex-start-on-lg {
585
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-lg {
573
586
  align-content: flex-start;
574
587
  }
575
- .pf-l-flex.pf-m-align-content-flex-end-on-lg {
588
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-lg {
576
589
  align-content: flex-end;
577
590
  }
578
- .pf-l-flex.pf-m-align-content-center-on-lg {
591
+ .pf-v5-l-flex.pf-m-align-content-center-on-lg {
579
592
  align-content: center;
580
593
  }
581
- .pf-l-flex.pf-m-align-content-stretch-on-lg {
594
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-lg {
582
595
  align-content: stretch;
583
596
  }
584
- .pf-l-flex.pf-m-align-content-space-between-on-lg {
597
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-lg {
585
598
  align-content: space-between;
586
599
  }
587
- .pf-l-flex.pf-m-align-content-space-around-on-lg {
600
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-lg {
588
601
  align-content: space-around;
589
602
  }
590
- .pf-l-flex > .pf-m-align-right-on-lg {
603
+ .pf-v5-l-flex > .pf-m-align-right-on-lg {
591
604
  margin-left: auto;
592
605
  }
593
- .pf-l-flex > .pf-m-align-left-on-lg {
606
+ .pf-v5-l-flex > .pf-m-align-left-on-lg {
594
607
  margin-left: 0;
595
608
  }
596
- .pf-l-flex > .pf-m-grow-on-lg {
609
+ .pf-v5-l-flex > .pf-m-grow-on-lg {
597
610
  flex-grow: 1;
598
611
  }
599
- .pf-l-flex > .pf-m-shrink-on-lg {
612
+ .pf-v5-l-flex > .pf-m-shrink-on-lg {
600
613
  flex-shrink: 1;
601
614
  }
602
- .pf-l-flex > .pf-m-full-width-on-lg {
615
+ .pf-v5-l-flex > .pf-m-full-width-on-lg {
603
616
  width: 100%;
604
617
  margin-right: 0;
605
618
  }
606
- .pf-l-flex > .pf-m-flex-1-on-lg {
619
+ .pf-v5-l-flex > .pf-m-flex-1-on-lg {
607
620
  flex: 1 0 0;
608
621
  }
609
- .pf-l-flex > .pf-m-flex-2-on-lg {
622
+ .pf-v5-l-flex > .pf-m-flex-2-on-lg {
610
623
  flex: 2 0 0;
611
624
  }
612
- .pf-l-flex > .pf-m-flex-3-on-lg {
625
+ .pf-v5-l-flex > .pf-m-flex-3-on-lg {
613
626
  flex: 3 0 0;
614
627
  }
615
- .pf-l-flex > .pf-m-flex-4-on-lg {
628
+ .pf-v5-l-flex > .pf-m-flex-4-on-lg {
616
629
  flex: 4 0 0;
617
630
  }
618
- .pf-l-flex > .pf-m-flex-default-on-lg {
631
+ .pf-v5-l-flex > .pf-m-flex-default-on-lg {
619
632
  flex: 0 1 auto;
620
633
  }
621
- .pf-l-flex > .pf-m-flex-none-on-lg {
634
+ .pf-v5-l-flex > .pf-m-flex-none-on-lg {
622
635
  flex: none;
623
636
  }
624
- .pf-l-flex > .pf-m-align-self-flex-start-on-lg {
637
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-lg {
625
638
  align-self: flex-start;
626
639
  }
627
- .pf-l-flex > .pf-m-align-self-flex-end-on-lg {
640
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-lg {
628
641
  align-self: flex-end;
629
642
  }
630
- .pf-l-flex > .pf-m-align-self-center-on-lg {
643
+ .pf-v5-l-flex > .pf-m-align-self-center-on-lg {
631
644
  align-self: center;
632
645
  }
633
- .pf-l-flex > .pf-m-align-self-baseline-on-lg {
646
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-lg {
634
647
  align-self: baseline;
635
648
  }
636
- .pf-l-flex > .pf-m-align-self-stretch-on-lg {
649
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-lg {
637
650
  align-self: stretch;
638
651
  }
639
652
  }
640
653
  @media (min-width: 1200px) {
641
- .pf-l-flex.pf-m-flex-on-xl {
642
- display: var(--pf-l-flex--Display);
654
+ .pf-v5-l-flex.pf-m-flex-on-xl {
655
+ display: var(--pf-v5-l-flex--Display);
643
656
  }
644
- .pf-l-flex.pf-m-inline-flex-on-xl {
645
- --pf-l-flex--Display: inline-flex;
657
+ .pf-v5-l-flex.pf-m-inline-flex-on-xl {
658
+ --pf-v5-l-flex--Display: inline-flex;
646
659
  }
647
- .pf-l-flex.pf-m-column-on-xl {
660
+ .pf-v5-l-flex.pf-m-column-on-xl {
661
+ --pf-v5-l-flex--RowGap: 0;
662
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
648
663
  flex-direction: column;
649
664
  align-items: normal;
650
665
  }
651
- .pf-l-flex.pf-m-column-on-xl > * {
652
- margin: 0 0 var(--pf-l-flex--spacer) 0;
666
+ .pf-v5-l-flex.pf-m-column-on-xl > * {
667
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
653
668
  }
654
- .pf-l-flex.pf-m-column-reverse-on-xl {
669
+ .pf-v5-l-flex.pf-m-column-reverse-on-xl {
655
670
  flex-direction: column-reverse;
656
671
  align-items: normal;
657
672
  }
658
- .pf-l-flex.pf-m-column-reverse-on-xl > * {
659
- margin: var(--pf-l-flex--spacer) 0 0 0;
673
+ .pf-v5-l-flex.pf-m-column-reverse-on-xl > * {
674
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
660
675
  }
661
- .pf-l-flex.pf-m-row-on-xl {
676
+ .pf-v5-l-flex.pf-m-row-on-xl {
662
677
  flex-direction: row;
663
- align-items: var(--pf-l-flex--m-row--AlignItems);
678
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
664
679
  }
665
- .pf-l-flex.pf-m-row-on-xl > * {
666
- margin: 0 var(--pf-l-flex--spacer) 0 0;
680
+ .pf-v5-l-flex.pf-m-row-on-xl > * {
681
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
667
682
  }
668
- .pf-l-flex.pf-m-row-reverse-on-xl {
683
+ .pf-v5-l-flex.pf-m-row-reverse-on-xl {
669
684
  flex-direction: row-reverse;
670
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
685
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
671
686
  }
672
- .pf-l-flex.pf-m-row-reverse-on-xl > * {
673
- margin: 0 0 0 var(--pf-l-flex--spacer);
687
+ .pf-v5-l-flex.pf-m-row-reverse-on-xl > * {
688
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
674
689
  }
675
- .pf-l-flex.pf-m-wrap-on-xl {
690
+ .pf-v5-l-flex.pf-m-wrap-on-xl {
676
691
  flex-wrap: wrap;
677
692
  }
678
- .pf-l-flex.pf-m-wrap-reverse-on-xl {
693
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-xl {
679
694
  flex-wrap: wrap-reverse;
680
695
  }
681
- .pf-l-flex.pf-m-nowrap-on-xl {
696
+ .pf-v5-l-flex.pf-m-nowrap-on-xl {
682
697
  flex-wrap: nowrap;
683
698
  }
684
- .pf-l-flex.pf-m-justify-content-flex-start-on-xl {
699
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-xl {
685
700
  justify-content: flex-start;
686
701
  }
687
- .pf-l-flex.pf-m-justify-content-flex-end-on-xl {
702
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-xl {
688
703
  justify-content: flex-end;
689
704
  }
690
- .pf-l-flex.pf-m-justify-content-center-on-xl {
705
+ .pf-v5-l-flex.pf-m-justify-content-center-on-xl {
691
706
  justify-content: center;
692
707
  }
693
- .pf-l-flex.pf-m-justify-content-space-between-on-xl {
708
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-xl {
694
709
  justify-content: space-between;
695
710
  }
696
- .pf-l-flex.pf-m-justify-content-space-around-on-xl {
711
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-xl {
697
712
  justify-content: space-around;
698
713
  }
699
- .pf-l-flex.pf-m-justify-content-space-evenly-on-xl {
714
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-xl {
700
715
  justify-content: space-evenly;
701
716
  }
702
- .pf-l-flex.pf-m-align-items-flex-start-on-xl {
717
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-xl {
703
718
  align-items: flex-start;
704
719
  }
705
- .pf-l-flex.pf-m-align-items-flex-end-on-xl {
720
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-xl {
706
721
  align-items: flex-end;
707
722
  }
708
- .pf-l-flex.pf-m-align-items-center-on-xl {
723
+ .pf-v5-l-flex.pf-m-align-items-center-on-xl {
709
724
  align-items: center;
710
725
  }
711
- .pf-l-flex.pf-m-align-items-stretch-on-xl {
726
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-xl {
712
727
  align-items: stretch;
713
728
  }
714
- .pf-l-flex.pf-m-align-items-baseline-on-xl {
729
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-xl {
715
730
  align-items: baseline;
716
731
  }
717
- .pf-l-flex.pf-m-align-content-flex-start-on-xl {
732
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-xl {
718
733
  align-content: flex-start;
719
734
  }
720
- .pf-l-flex.pf-m-align-content-flex-end-on-xl {
735
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-xl {
721
736
  align-content: flex-end;
722
737
  }
723
- .pf-l-flex.pf-m-align-content-center-on-xl {
738
+ .pf-v5-l-flex.pf-m-align-content-center-on-xl {
724
739
  align-content: center;
725
740
  }
726
- .pf-l-flex.pf-m-align-content-stretch-on-xl {
741
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-xl {
727
742
  align-content: stretch;
728
743
  }
729
- .pf-l-flex.pf-m-align-content-space-between-on-xl {
744
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-xl {
730
745
  align-content: space-between;
731
746
  }
732
- .pf-l-flex.pf-m-align-content-space-around-on-xl {
747
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-xl {
733
748
  align-content: space-around;
734
749
  }
735
- .pf-l-flex > .pf-m-align-right-on-xl {
750
+ .pf-v5-l-flex > .pf-m-align-right-on-xl {
736
751
  margin-left: auto;
737
752
  }
738
- .pf-l-flex > .pf-m-align-left-on-xl {
753
+ .pf-v5-l-flex > .pf-m-align-left-on-xl {
739
754
  margin-left: 0;
740
755
  }
741
- .pf-l-flex > .pf-m-grow-on-xl {
756
+ .pf-v5-l-flex > .pf-m-grow-on-xl {
742
757
  flex-grow: 1;
743
758
  }
744
- .pf-l-flex > .pf-m-shrink-on-xl {
759
+ .pf-v5-l-flex > .pf-m-shrink-on-xl {
745
760
  flex-shrink: 1;
746
761
  }
747
- .pf-l-flex > .pf-m-full-width-on-xl {
762
+ .pf-v5-l-flex > .pf-m-full-width-on-xl {
748
763
  width: 100%;
749
764
  margin-right: 0;
750
765
  }
751
- .pf-l-flex > .pf-m-flex-1-on-xl {
766
+ .pf-v5-l-flex > .pf-m-flex-1-on-xl {
752
767
  flex: 1 0 0;
753
768
  }
754
- .pf-l-flex > .pf-m-flex-2-on-xl {
769
+ .pf-v5-l-flex > .pf-m-flex-2-on-xl {
755
770
  flex: 2 0 0;
756
771
  }
757
- .pf-l-flex > .pf-m-flex-3-on-xl {
772
+ .pf-v5-l-flex > .pf-m-flex-3-on-xl {
758
773
  flex: 3 0 0;
759
774
  }
760
- .pf-l-flex > .pf-m-flex-4-on-xl {
775
+ .pf-v5-l-flex > .pf-m-flex-4-on-xl {
761
776
  flex: 4 0 0;
762
777
  }
763
- .pf-l-flex > .pf-m-flex-default-on-xl {
778
+ .pf-v5-l-flex > .pf-m-flex-default-on-xl {
764
779
  flex: 0 1 auto;
765
780
  }
766
- .pf-l-flex > .pf-m-flex-none-on-xl {
781
+ .pf-v5-l-flex > .pf-m-flex-none-on-xl {
767
782
  flex: none;
768
783
  }
769
- .pf-l-flex > .pf-m-align-self-flex-start-on-xl {
784
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-xl {
770
785
  align-self: flex-start;
771
786
  }
772
- .pf-l-flex > .pf-m-align-self-flex-end-on-xl {
787
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-xl {
773
788
  align-self: flex-end;
774
789
  }
775
- .pf-l-flex > .pf-m-align-self-center-on-xl {
790
+ .pf-v5-l-flex > .pf-m-align-self-center-on-xl {
776
791
  align-self: center;
777
792
  }
778
- .pf-l-flex > .pf-m-align-self-baseline-on-xl {
793
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-xl {
779
794
  align-self: baseline;
780
795
  }
781
- .pf-l-flex > .pf-m-align-self-stretch-on-xl {
796
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-xl {
782
797
  align-self: stretch;
783
798
  }
784
799
  }
785
800
  @media (min-width: 1450px) {
786
- .pf-l-flex.pf-m-flex-on-2xl {
787
- display: var(--pf-l-flex--Display);
801
+ .pf-v5-l-flex.pf-m-flex-on-2xl {
802
+ display: var(--pf-v5-l-flex--Display);
788
803
  }
789
- .pf-l-flex.pf-m-inline-flex-on-2xl {
790
- --pf-l-flex--Display: inline-flex;
804
+ .pf-v5-l-flex.pf-m-inline-flex-on-2xl {
805
+ --pf-v5-l-flex--Display: inline-flex;
791
806
  }
792
- .pf-l-flex.pf-m-column-on-2xl {
807
+ .pf-v5-l-flex.pf-m-column-on-2xl {
808
+ --pf-v5-l-flex--RowGap: 0;
809
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
793
810
  flex-direction: column;
794
811
  align-items: normal;
795
812
  }
796
- .pf-l-flex.pf-m-column-on-2xl > * {
797
- margin: 0 0 var(--pf-l-flex--spacer) 0;
813
+ .pf-v5-l-flex.pf-m-column-on-2xl > * {
814
+ margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
798
815
  }
799
- .pf-l-flex.pf-m-column-reverse-on-2xl {
816
+ .pf-v5-l-flex.pf-m-column-reverse-on-2xl {
800
817
  flex-direction: column-reverse;
801
818
  align-items: normal;
802
819
  }
803
- .pf-l-flex.pf-m-column-reverse-on-2xl > * {
804
- margin: var(--pf-l-flex--spacer) 0 0 0;
820
+ .pf-v5-l-flex.pf-m-column-reverse-on-2xl > * {
821
+ margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
805
822
  }
806
- .pf-l-flex.pf-m-row-on-2xl {
823
+ .pf-v5-l-flex.pf-m-row-on-2xl {
807
824
  flex-direction: row;
808
- align-items: var(--pf-l-flex--m-row--AlignItems);
825
+ align-items: var(--pf-v5-l-flex--m-row--AlignItems);
809
826
  }
810
- .pf-l-flex.pf-m-row-on-2xl > * {
811
- margin: 0 var(--pf-l-flex--spacer) 0 0;
827
+ .pf-v5-l-flex.pf-m-row-on-2xl > * {
828
+ margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
812
829
  }
813
- .pf-l-flex.pf-m-row-reverse-on-2xl {
830
+ .pf-v5-l-flex.pf-m-row-reverse-on-2xl {
814
831
  flex-direction: row-reverse;
815
- align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
832
+ align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
816
833
  }
817
- .pf-l-flex.pf-m-row-reverse-on-2xl > * {
818
- margin: 0 0 0 var(--pf-l-flex--spacer);
834
+ .pf-v5-l-flex.pf-m-row-reverse-on-2xl > * {
835
+ margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
819
836
  }
820
- .pf-l-flex.pf-m-wrap-on-2xl {
837
+ .pf-v5-l-flex.pf-m-wrap-on-2xl {
821
838
  flex-wrap: wrap;
822
839
  }
823
- .pf-l-flex.pf-m-wrap-reverse-on-2xl {
840
+ .pf-v5-l-flex.pf-m-wrap-reverse-on-2xl {
824
841
  flex-wrap: wrap-reverse;
825
842
  }
826
- .pf-l-flex.pf-m-nowrap-on-2xl {
843
+ .pf-v5-l-flex.pf-m-nowrap-on-2xl {
827
844
  flex-wrap: nowrap;
828
845
  }
829
- .pf-l-flex.pf-m-justify-content-flex-start-on-2xl {
846
+ .pf-v5-l-flex.pf-m-justify-content-flex-start-on-2xl {
830
847
  justify-content: flex-start;
831
848
  }
832
- .pf-l-flex.pf-m-justify-content-flex-end-on-2xl {
849
+ .pf-v5-l-flex.pf-m-justify-content-flex-end-on-2xl {
833
850
  justify-content: flex-end;
834
851
  }
835
- .pf-l-flex.pf-m-justify-content-center-on-2xl {
852
+ .pf-v5-l-flex.pf-m-justify-content-center-on-2xl {
836
853
  justify-content: center;
837
854
  }
838
- .pf-l-flex.pf-m-justify-content-space-between-on-2xl {
855
+ .pf-v5-l-flex.pf-m-justify-content-space-between-on-2xl {
839
856
  justify-content: space-between;
840
857
  }
841
- .pf-l-flex.pf-m-justify-content-space-around-on-2xl {
858
+ .pf-v5-l-flex.pf-m-justify-content-space-around-on-2xl {
842
859
  justify-content: space-around;
843
860
  }
844
- .pf-l-flex.pf-m-justify-content-space-evenly-on-2xl {
861
+ .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-2xl {
845
862
  justify-content: space-evenly;
846
863
  }
847
- .pf-l-flex.pf-m-align-items-flex-start-on-2xl {
864
+ .pf-v5-l-flex.pf-m-align-items-flex-start-on-2xl {
848
865
  align-items: flex-start;
849
866
  }
850
- .pf-l-flex.pf-m-align-items-flex-end-on-2xl {
867
+ .pf-v5-l-flex.pf-m-align-items-flex-end-on-2xl {
851
868
  align-items: flex-end;
852
869
  }
853
- .pf-l-flex.pf-m-align-items-center-on-2xl {
870
+ .pf-v5-l-flex.pf-m-align-items-center-on-2xl {
854
871
  align-items: center;
855
872
  }
856
- .pf-l-flex.pf-m-align-items-stretch-on-2xl {
873
+ .pf-v5-l-flex.pf-m-align-items-stretch-on-2xl {
857
874
  align-items: stretch;
858
875
  }
859
- .pf-l-flex.pf-m-align-items-baseline-on-2xl {
876
+ .pf-v5-l-flex.pf-m-align-items-baseline-on-2xl {
860
877
  align-items: baseline;
861
878
  }
862
- .pf-l-flex.pf-m-align-content-flex-start-on-2xl {
879
+ .pf-v5-l-flex.pf-m-align-content-flex-start-on-2xl {
863
880
  align-content: flex-start;
864
881
  }
865
- .pf-l-flex.pf-m-align-content-flex-end-on-2xl {
882
+ .pf-v5-l-flex.pf-m-align-content-flex-end-on-2xl {
866
883
  align-content: flex-end;
867
884
  }
868
- .pf-l-flex.pf-m-align-content-center-on-2xl {
885
+ .pf-v5-l-flex.pf-m-align-content-center-on-2xl {
869
886
  align-content: center;
870
887
  }
871
- .pf-l-flex.pf-m-align-content-stretch-on-2xl {
888
+ .pf-v5-l-flex.pf-m-align-content-stretch-on-2xl {
872
889
  align-content: stretch;
873
890
  }
874
- .pf-l-flex.pf-m-align-content-space-between-on-2xl {
891
+ .pf-v5-l-flex.pf-m-align-content-space-between-on-2xl {
875
892
  align-content: space-between;
876
893
  }
877
- .pf-l-flex.pf-m-align-content-space-around-on-2xl {
894
+ .pf-v5-l-flex.pf-m-align-content-space-around-on-2xl {
878
895
  align-content: space-around;
879
896
  }
880
- .pf-l-flex > .pf-m-align-right-on-2xl {
897
+ .pf-v5-l-flex > .pf-m-align-right-on-2xl {
881
898
  margin-left: auto;
882
899
  }
883
- .pf-l-flex > .pf-m-align-left-on-2xl {
900
+ .pf-v5-l-flex > .pf-m-align-left-on-2xl {
884
901
  margin-left: 0;
885
902
  }
886
- .pf-l-flex > .pf-m-grow-on-2xl {
903
+ .pf-v5-l-flex > .pf-m-grow-on-2xl {
887
904
  flex-grow: 1;
888
905
  }
889
- .pf-l-flex > .pf-m-shrink-on-2xl {
906
+ .pf-v5-l-flex > .pf-m-shrink-on-2xl {
890
907
  flex-shrink: 1;
891
908
  }
892
- .pf-l-flex > .pf-m-full-width-on-2xl {
909
+ .pf-v5-l-flex > .pf-m-full-width-on-2xl {
893
910
  width: 100%;
894
911
  margin-right: 0;
895
912
  }
896
- .pf-l-flex > .pf-m-flex-1-on-2xl {
913
+ .pf-v5-l-flex > .pf-m-flex-1-on-2xl {
897
914
  flex: 1 0 0;
898
915
  }
899
- .pf-l-flex > .pf-m-flex-2-on-2xl {
916
+ .pf-v5-l-flex > .pf-m-flex-2-on-2xl {
900
917
  flex: 2 0 0;
901
918
  }
902
- .pf-l-flex > .pf-m-flex-3-on-2xl {
919
+ .pf-v5-l-flex > .pf-m-flex-3-on-2xl {
903
920
  flex: 3 0 0;
904
921
  }
905
- .pf-l-flex > .pf-m-flex-4-on-2xl {
922
+ .pf-v5-l-flex > .pf-m-flex-4-on-2xl {
906
923
  flex: 4 0 0;
907
924
  }
908
- .pf-l-flex > .pf-m-flex-default-on-2xl {
925
+ .pf-v5-l-flex > .pf-m-flex-default-on-2xl {
909
926
  flex: 0 1 auto;
910
927
  }
911
- .pf-l-flex > .pf-m-flex-none-on-2xl {
928
+ .pf-v5-l-flex > .pf-m-flex-none-on-2xl {
912
929
  flex: none;
913
930
  }
914
- .pf-l-flex > .pf-m-align-self-flex-start-on-2xl {
931
+ .pf-v5-l-flex > .pf-m-align-self-flex-start-on-2xl {
915
932
  align-self: flex-start;
916
933
  }
917
- .pf-l-flex > .pf-m-align-self-flex-end-on-2xl {
934
+ .pf-v5-l-flex > .pf-m-align-self-flex-end-on-2xl {
918
935
  align-self: flex-end;
919
936
  }
920
- .pf-l-flex > .pf-m-align-self-center-on-2xl {
937
+ .pf-v5-l-flex > .pf-m-align-self-center-on-2xl {
921
938
  align-self: center;
922
939
  }
923
- .pf-l-flex > .pf-m-align-self-baseline-on-2xl {
940
+ .pf-v5-l-flex > .pf-m-align-self-baseline-on-2xl {
924
941
  align-self: baseline;
925
942
  }
926
- .pf-l-flex > .pf-m-align-self-stretch-on-2xl {
943
+ .pf-v5-l-flex > .pf-m-align-self-stretch-on-2xl {
927
944
  align-self: stretch;
928
945
  }
929
946
  }
930
- .pf-l-flex.pf-m-space-items-none > * {
931
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
947
+ .pf-v5-l-flex.pf-m-space-items-none > * {
948
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
932
949
  }
933
- .pf-l-flex.pf-m-space-items-none > :last-child {
934
- --pf-l-flex--spacer: 0;
950
+ .pf-v5-l-flex.pf-m-space-items-none > :last-child {
951
+ --pf-v5-l-flex--spacer: 0;
935
952
  }
936
- .pf-l-flex.pf-m-space-items-xs > * {
937
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
953
+ .pf-v5-l-flex.pf-m-space-items-xs > * {
954
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
938
955
  }
939
- .pf-l-flex.pf-m-space-items-xs > :last-child {
940
- --pf-l-flex--spacer: 0;
956
+ .pf-v5-l-flex.pf-m-space-items-xs > :last-child {
957
+ --pf-v5-l-flex--spacer: 0;
941
958
  }
942
- .pf-l-flex.pf-m-space-items-sm > * {
943
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
959
+ .pf-v5-l-flex.pf-m-space-items-sm > * {
960
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
944
961
  }
945
- .pf-l-flex.pf-m-space-items-sm > :last-child {
946
- --pf-l-flex--spacer: 0;
962
+ .pf-v5-l-flex.pf-m-space-items-sm > :last-child {
963
+ --pf-v5-l-flex--spacer: 0;
947
964
  }
948
- .pf-l-flex.pf-m-space-items-md > * {
949
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
965
+ .pf-v5-l-flex.pf-m-space-items-md > * {
966
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
950
967
  }
951
- .pf-l-flex.pf-m-space-items-md > :last-child {
952
- --pf-l-flex--spacer: 0;
968
+ .pf-v5-l-flex.pf-m-space-items-md > :last-child {
969
+ --pf-v5-l-flex--spacer: 0;
953
970
  }
954
- .pf-l-flex.pf-m-space-items-lg > * {
955
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
971
+ .pf-v5-l-flex.pf-m-space-items-lg > * {
972
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
956
973
  }
957
- .pf-l-flex.pf-m-space-items-lg > :last-child {
958
- --pf-l-flex--spacer: 0;
974
+ .pf-v5-l-flex.pf-m-space-items-lg > :last-child {
975
+ --pf-v5-l-flex--spacer: 0;
959
976
  }
960
- .pf-l-flex.pf-m-space-items-xl > * {
961
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
977
+ .pf-v5-l-flex.pf-m-space-items-xl > * {
978
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
962
979
  }
963
- .pf-l-flex.pf-m-space-items-xl > :last-child {
964
- --pf-l-flex--spacer: 0;
980
+ .pf-v5-l-flex.pf-m-space-items-xl > :last-child {
981
+ --pf-v5-l-flex--spacer: 0;
965
982
  }
966
- .pf-l-flex.pf-m-space-items-2xl > * {
967
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
983
+ .pf-v5-l-flex.pf-m-space-items-2xl > * {
984
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
968
985
  }
969
- .pf-l-flex.pf-m-space-items-2xl > :last-child {
970
- --pf-l-flex--spacer: 0;
986
+ .pf-v5-l-flex.pf-m-space-items-2xl > :last-child {
987
+ --pf-v5-l-flex--spacer: 0;
971
988
  }
972
- .pf-l-flex.pf-m-space-items-3xl > * {
973
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
989
+ .pf-v5-l-flex.pf-m-space-items-3xl > * {
990
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
974
991
  }
975
- .pf-l-flex.pf-m-space-items-3xl > :last-child {
976
- --pf-l-flex--spacer: 0;
992
+ .pf-v5-l-flex.pf-m-space-items-3xl > :last-child {
993
+ --pf-v5-l-flex--spacer: 0;
977
994
  }
978
- .pf-l-flex.pf-m-space-items-4xl > * {
979
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
995
+ .pf-v5-l-flex.pf-m-space-items-4xl > * {
996
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
980
997
  }
981
- .pf-l-flex.pf-m-space-items-4xl > :last-child {
982
- --pf-l-flex--spacer: 0;
998
+ .pf-v5-l-flex.pf-m-space-items-4xl > :last-child {
999
+ --pf-v5-l-flex--spacer: 0;
983
1000
  }
984
1001
  @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);
1002
+ .pf-v5-l-flex.pf-m-space-items-none-on-sm > * {
1003
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
987
1004
  }
988
- .pf-l-flex.pf-m-space-items-none-on-sm > :last-child {
989
- --pf-l-flex--spacer: 0;
1005
+ .pf-v5-l-flex.pf-m-space-items-none-on-sm > :last-child {
1006
+ --pf-v5-l-flex--spacer: 0;
990
1007
  }
991
- .pf-l-flex.pf-m-space-items-xs-on-sm > * {
992
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1008
+ .pf-v5-l-flex.pf-m-space-items-xs-on-sm > * {
1009
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
993
1010
  }
994
- .pf-l-flex.pf-m-space-items-xs-on-sm > :last-child {
995
- --pf-l-flex--spacer: 0;
1011
+ .pf-v5-l-flex.pf-m-space-items-xs-on-sm > :last-child {
1012
+ --pf-v5-l-flex--spacer: 0;
996
1013
  }
997
- .pf-l-flex.pf-m-space-items-sm-on-sm > * {
998
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1014
+ .pf-v5-l-flex.pf-m-space-items-sm-on-sm > * {
1015
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
999
1016
  }
1000
- .pf-l-flex.pf-m-space-items-sm-on-sm > :last-child {
1001
- --pf-l-flex--spacer: 0;
1017
+ .pf-v5-l-flex.pf-m-space-items-sm-on-sm > :last-child {
1018
+ --pf-v5-l-flex--spacer: 0;
1002
1019
  }
1003
- .pf-l-flex.pf-m-space-items-md-on-sm > * {
1004
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1020
+ .pf-v5-l-flex.pf-m-space-items-md-on-sm > * {
1021
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1005
1022
  }
1006
- .pf-l-flex.pf-m-space-items-md-on-sm > :last-child {
1007
- --pf-l-flex--spacer: 0;
1023
+ .pf-v5-l-flex.pf-m-space-items-md-on-sm > :last-child {
1024
+ --pf-v5-l-flex--spacer: 0;
1008
1025
  }
1009
- .pf-l-flex.pf-m-space-items-lg-on-sm > * {
1010
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1026
+ .pf-v5-l-flex.pf-m-space-items-lg-on-sm > * {
1027
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1011
1028
  }
1012
- .pf-l-flex.pf-m-space-items-lg-on-sm > :last-child {
1013
- --pf-l-flex--spacer: 0;
1029
+ .pf-v5-l-flex.pf-m-space-items-lg-on-sm > :last-child {
1030
+ --pf-v5-l-flex--spacer: 0;
1014
1031
  }
1015
- .pf-l-flex.pf-m-space-items-xl-on-sm > * {
1016
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1032
+ .pf-v5-l-flex.pf-m-space-items-xl-on-sm > * {
1033
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1017
1034
  }
1018
- .pf-l-flex.pf-m-space-items-xl-on-sm > :last-child {
1019
- --pf-l-flex--spacer: 0;
1035
+ .pf-v5-l-flex.pf-m-space-items-xl-on-sm > :last-child {
1036
+ --pf-v5-l-flex--spacer: 0;
1020
1037
  }
1021
- .pf-l-flex.pf-m-space-items-2xl-on-sm > * {
1022
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1038
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-sm > * {
1039
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1023
1040
  }
1024
- .pf-l-flex.pf-m-space-items-2xl-on-sm > :last-child {
1025
- --pf-l-flex--spacer: 0;
1041
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-sm > :last-child {
1042
+ --pf-v5-l-flex--spacer: 0;
1026
1043
  }
1027
- .pf-l-flex.pf-m-space-items-3xl-on-sm > * {
1028
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1044
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-sm > * {
1045
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1029
1046
  }
1030
- .pf-l-flex.pf-m-space-items-3xl-on-sm > :last-child {
1031
- --pf-l-flex--spacer: 0;
1047
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-sm > :last-child {
1048
+ --pf-v5-l-flex--spacer: 0;
1032
1049
  }
1033
- .pf-l-flex.pf-m-space-items-4xl-on-sm > * {
1034
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1050
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-sm > * {
1051
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1035
1052
  }
1036
- .pf-l-flex.pf-m-space-items-4xl-on-sm > :last-child {
1037
- --pf-l-flex--spacer: 0;
1053
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-sm > :last-child {
1054
+ --pf-v5-l-flex--spacer: 0;
1038
1055
  }
1039
1056
  }
1040
1057
  @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);
1058
+ .pf-v5-l-flex.pf-m-space-items-none-on-md > * {
1059
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1043
1060
  }
1044
- .pf-l-flex.pf-m-space-items-none-on-md > :last-child {
1045
- --pf-l-flex--spacer: 0;
1061
+ .pf-v5-l-flex.pf-m-space-items-none-on-md > :last-child {
1062
+ --pf-v5-l-flex--spacer: 0;
1046
1063
  }
1047
- .pf-l-flex.pf-m-space-items-xs-on-md > * {
1048
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1064
+ .pf-v5-l-flex.pf-m-space-items-xs-on-md > * {
1065
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1049
1066
  }
1050
- .pf-l-flex.pf-m-space-items-xs-on-md > :last-child {
1051
- --pf-l-flex--spacer: 0;
1067
+ .pf-v5-l-flex.pf-m-space-items-xs-on-md > :last-child {
1068
+ --pf-v5-l-flex--spacer: 0;
1052
1069
  }
1053
- .pf-l-flex.pf-m-space-items-sm-on-md > * {
1054
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1070
+ .pf-v5-l-flex.pf-m-space-items-sm-on-md > * {
1071
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1055
1072
  }
1056
- .pf-l-flex.pf-m-space-items-sm-on-md > :last-child {
1057
- --pf-l-flex--spacer: 0;
1073
+ .pf-v5-l-flex.pf-m-space-items-sm-on-md > :last-child {
1074
+ --pf-v5-l-flex--spacer: 0;
1058
1075
  }
1059
- .pf-l-flex.pf-m-space-items-md-on-md > * {
1060
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1076
+ .pf-v5-l-flex.pf-m-space-items-md-on-md > * {
1077
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1061
1078
  }
1062
- .pf-l-flex.pf-m-space-items-md-on-md > :last-child {
1063
- --pf-l-flex--spacer: 0;
1079
+ .pf-v5-l-flex.pf-m-space-items-md-on-md > :last-child {
1080
+ --pf-v5-l-flex--spacer: 0;
1064
1081
  }
1065
- .pf-l-flex.pf-m-space-items-lg-on-md > * {
1066
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1082
+ .pf-v5-l-flex.pf-m-space-items-lg-on-md > * {
1083
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1067
1084
  }
1068
- .pf-l-flex.pf-m-space-items-lg-on-md > :last-child {
1069
- --pf-l-flex--spacer: 0;
1085
+ .pf-v5-l-flex.pf-m-space-items-lg-on-md > :last-child {
1086
+ --pf-v5-l-flex--spacer: 0;
1070
1087
  }
1071
- .pf-l-flex.pf-m-space-items-xl-on-md > * {
1072
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1088
+ .pf-v5-l-flex.pf-m-space-items-xl-on-md > * {
1089
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1073
1090
  }
1074
- .pf-l-flex.pf-m-space-items-xl-on-md > :last-child {
1075
- --pf-l-flex--spacer: 0;
1091
+ .pf-v5-l-flex.pf-m-space-items-xl-on-md > :last-child {
1092
+ --pf-v5-l-flex--spacer: 0;
1076
1093
  }
1077
- .pf-l-flex.pf-m-space-items-2xl-on-md > * {
1078
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1094
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-md > * {
1095
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1079
1096
  }
1080
- .pf-l-flex.pf-m-space-items-2xl-on-md > :last-child {
1081
- --pf-l-flex--spacer: 0;
1097
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-md > :last-child {
1098
+ --pf-v5-l-flex--spacer: 0;
1082
1099
  }
1083
- .pf-l-flex.pf-m-space-items-3xl-on-md > * {
1084
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1100
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-md > * {
1101
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1085
1102
  }
1086
- .pf-l-flex.pf-m-space-items-3xl-on-md > :last-child {
1087
- --pf-l-flex--spacer: 0;
1103
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-md > :last-child {
1104
+ --pf-v5-l-flex--spacer: 0;
1088
1105
  }
1089
- .pf-l-flex.pf-m-space-items-4xl-on-md > * {
1090
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1106
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-md > * {
1107
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1091
1108
  }
1092
- .pf-l-flex.pf-m-space-items-4xl-on-md > :last-child {
1093
- --pf-l-flex--spacer: 0;
1109
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-md > :last-child {
1110
+ --pf-v5-l-flex--spacer: 0;
1094
1111
  }
1095
1112
  }
1096
1113
  @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);
1114
+ .pf-v5-l-flex.pf-m-space-items-none-on-lg > * {
1115
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1099
1116
  }
1100
- .pf-l-flex.pf-m-space-items-none-on-lg > :last-child {
1101
- --pf-l-flex--spacer: 0;
1117
+ .pf-v5-l-flex.pf-m-space-items-none-on-lg > :last-child {
1118
+ --pf-v5-l-flex--spacer: 0;
1102
1119
  }
1103
- .pf-l-flex.pf-m-space-items-xs-on-lg > * {
1104
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1120
+ .pf-v5-l-flex.pf-m-space-items-xs-on-lg > * {
1121
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1105
1122
  }
1106
- .pf-l-flex.pf-m-space-items-xs-on-lg > :last-child {
1107
- --pf-l-flex--spacer: 0;
1123
+ .pf-v5-l-flex.pf-m-space-items-xs-on-lg > :last-child {
1124
+ --pf-v5-l-flex--spacer: 0;
1108
1125
  }
1109
- .pf-l-flex.pf-m-space-items-sm-on-lg > * {
1110
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1126
+ .pf-v5-l-flex.pf-m-space-items-sm-on-lg > * {
1127
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1111
1128
  }
1112
- .pf-l-flex.pf-m-space-items-sm-on-lg > :last-child {
1113
- --pf-l-flex--spacer: 0;
1129
+ .pf-v5-l-flex.pf-m-space-items-sm-on-lg > :last-child {
1130
+ --pf-v5-l-flex--spacer: 0;
1114
1131
  }
1115
- .pf-l-flex.pf-m-space-items-md-on-lg > * {
1116
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1132
+ .pf-v5-l-flex.pf-m-space-items-md-on-lg > * {
1133
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1117
1134
  }
1118
- .pf-l-flex.pf-m-space-items-md-on-lg > :last-child {
1119
- --pf-l-flex--spacer: 0;
1135
+ .pf-v5-l-flex.pf-m-space-items-md-on-lg > :last-child {
1136
+ --pf-v5-l-flex--spacer: 0;
1120
1137
  }
1121
- .pf-l-flex.pf-m-space-items-lg-on-lg > * {
1122
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1138
+ .pf-v5-l-flex.pf-m-space-items-lg-on-lg > * {
1139
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1123
1140
  }
1124
- .pf-l-flex.pf-m-space-items-lg-on-lg > :last-child {
1125
- --pf-l-flex--spacer: 0;
1141
+ .pf-v5-l-flex.pf-m-space-items-lg-on-lg > :last-child {
1142
+ --pf-v5-l-flex--spacer: 0;
1126
1143
  }
1127
- .pf-l-flex.pf-m-space-items-xl-on-lg > * {
1128
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1144
+ .pf-v5-l-flex.pf-m-space-items-xl-on-lg > * {
1145
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1129
1146
  }
1130
- .pf-l-flex.pf-m-space-items-xl-on-lg > :last-child {
1131
- --pf-l-flex--spacer: 0;
1147
+ .pf-v5-l-flex.pf-m-space-items-xl-on-lg > :last-child {
1148
+ --pf-v5-l-flex--spacer: 0;
1132
1149
  }
1133
- .pf-l-flex.pf-m-space-items-2xl-on-lg > * {
1134
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1150
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-lg > * {
1151
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1135
1152
  }
1136
- .pf-l-flex.pf-m-space-items-2xl-on-lg > :last-child {
1137
- --pf-l-flex--spacer: 0;
1153
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-lg > :last-child {
1154
+ --pf-v5-l-flex--spacer: 0;
1138
1155
  }
1139
- .pf-l-flex.pf-m-space-items-3xl-on-lg > * {
1140
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1156
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-lg > * {
1157
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1141
1158
  }
1142
- .pf-l-flex.pf-m-space-items-3xl-on-lg > :last-child {
1143
- --pf-l-flex--spacer: 0;
1159
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-lg > :last-child {
1160
+ --pf-v5-l-flex--spacer: 0;
1144
1161
  }
1145
- .pf-l-flex.pf-m-space-items-4xl-on-lg > * {
1146
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1162
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-lg > * {
1163
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1147
1164
  }
1148
- .pf-l-flex.pf-m-space-items-4xl-on-lg > :last-child {
1149
- --pf-l-flex--spacer: 0;
1165
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-lg > :last-child {
1166
+ --pf-v5-l-flex--spacer: 0;
1150
1167
  }
1151
1168
  }
1152
1169
  @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);
1170
+ .pf-v5-l-flex.pf-m-space-items-none-on-xl > * {
1171
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1155
1172
  }
1156
- .pf-l-flex.pf-m-space-items-none-on-xl > :last-child {
1157
- --pf-l-flex--spacer: 0;
1173
+ .pf-v5-l-flex.pf-m-space-items-none-on-xl > :last-child {
1174
+ --pf-v5-l-flex--spacer: 0;
1158
1175
  }
1159
- .pf-l-flex.pf-m-space-items-xs-on-xl > * {
1160
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1176
+ .pf-v5-l-flex.pf-m-space-items-xs-on-xl > * {
1177
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1161
1178
  }
1162
- .pf-l-flex.pf-m-space-items-xs-on-xl > :last-child {
1163
- --pf-l-flex--spacer: 0;
1179
+ .pf-v5-l-flex.pf-m-space-items-xs-on-xl > :last-child {
1180
+ --pf-v5-l-flex--spacer: 0;
1164
1181
  }
1165
- .pf-l-flex.pf-m-space-items-sm-on-xl > * {
1166
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1182
+ .pf-v5-l-flex.pf-m-space-items-sm-on-xl > * {
1183
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1167
1184
  }
1168
- .pf-l-flex.pf-m-space-items-sm-on-xl > :last-child {
1169
- --pf-l-flex--spacer: 0;
1185
+ .pf-v5-l-flex.pf-m-space-items-sm-on-xl > :last-child {
1186
+ --pf-v5-l-flex--spacer: 0;
1170
1187
  }
1171
- .pf-l-flex.pf-m-space-items-md-on-xl > * {
1172
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1188
+ .pf-v5-l-flex.pf-m-space-items-md-on-xl > * {
1189
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1173
1190
  }
1174
- .pf-l-flex.pf-m-space-items-md-on-xl > :last-child {
1175
- --pf-l-flex--spacer: 0;
1191
+ .pf-v5-l-flex.pf-m-space-items-md-on-xl > :last-child {
1192
+ --pf-v5-l-flex--spacer: 0;
1176
1193
  }
1177
- .pf-l-flex.pf-m-space-items-lg-on-xl > * {
1178
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1194
+ .pf-v5-l-flex.pf-m-space-items-lg-on-xl > * {
1195
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1179
1196
  }
1180
- .pf-l-flex.pf-m-space-items-lg-on-xl > :last-child {
1181
- --pf-l-flex--spacer: 0;
1197
+ .pf-v5-l-flex.pf-m-space-items-lg-on-xl > :last-child {
1198
+ --pf-v5-l-flex--spacer: 0;
1182
1199
  }
1183
- .pf-l-flex.pf-m-space-items-xl-on-xl > * {
1184
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1200
+ .pf-v5-l-flex.pf-m-space-items-xl-on-xl > * {
1201
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1185
1202
  }
1186
- .pf-l-flex.pf-m-space-items-xl-on-xl > :last-child {
1187
- --pf-l-flex--spacer: 0;
1203
+ .pf-v5-l-flex.pf-m-space-items-xl-on-xl > :last-child {
1204
+ --pf-v5-l-flex--spacer: 0;
1188
1205
  }
1189
- .pf-l-flex.pf-m-space-items-2xl-on-xl > * {
1190
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1206
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-xl > * {
1207
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1191
1208
  }
1192
- .pf-l-flex.pf-m-space-items-2xl-on-xl > :last-child {
1193
- --pf-l-flex--spacer: 0;
1209
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-xl > :last-child {
1210
+ --pf-v5-l-flex--spacer: 0;
1194
1211
  }
1195
- .pf-l-flex.pf-m-space-items-3xl-on-xl > * {
1196
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1212
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-xl > * {
1213
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1197
1214
  }
1198
- .pf-l-flex.pf-m-space-items-3xl-on-xl > :last-child {
1199
- --pf-l-flex--spacer: 0;
1215
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-xl > :last-child {
1216
+ --pf-v5-l-flex--spacer: 0;
1200
1217
  }
1201
- .pf-l-flex.pf-m-space-items-4xl-on-xl > * {
1202
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1218
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-xl > * {
1219
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1203
1220
  }
1204
- .pf-l-flex.pf-m-space-items-4xl-on-xl > :last-child {
1205
- --pf-l-flex--spacer: 0;
1221
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-xl > :last-child {
1222
+ --pf-v5-l-flex--spacer: 0;
1206
1223
  }
1207
1224
  }
1208
1225
  @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);
1226
+ .pf-v5-l-flex.pf-m-space-items-none-on-2xl > * {
1227
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1211
1228
  }
1212
- .pf-l-flex.pf-m-space-items-none-on-2xl > :last-child {
1213
- --pf-l-flex--spacer: 0;
1229
+ .pf-v5-l-flex.pf-m-space-items-none-on-2xl > :last-child {
1230
+ --pf-v5-l-flex--spacer: 0;
1214
1231
  }
1215
- .pf-l-flex.pf-m-space-items-xs-on-2xl > * {
1216
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1232
+ .pf-v5-l-flex.pf-m-space-items-xs-on-2xl > * {
1233
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1217
1234
  }
1218
- .pf-l-flex.pf-m-space-items-xs-on-2xl > :last-child {
1219
- --pf-l-flex--spacer: 0;
1235
+ .pf-v5-l-flex.pf-m-space-items-xs-on-2xl > :last-child {
1236
+ --pf-v5-l-flex--spacer: 0;
1220
1237
  }
1221
- .pf-l-flex.pf-m-space-items-sm-on-2xl > * {
1222
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1238
+ .pf-v5-l-flex.pf-m-space-items-sm-on-2xl > * {
1239
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1223
1240
  }
1224
- .pf-l-flex.pf-m-space-items-sm-on-2xl > :last-child {
1225
- --pf-l-flex--spacer: 0;
1241
+ .pf-v5-l-flex.pf-m-space-items-sm-on-2xl > :last-child {
1242
+ --pf-v5-l-flex--spacer: 0;
1226
1243
  }
1227
- .pf-l-flex.pf-m-space-items-md-on-2xl > * {
1228
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1244
+ .pf-v5-l-flex.pf-m-space-items-md-on-2xl > * {
1245
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1229
1246
  }
1230
- .pf-l-flex.pf-m-space-items-md-on-2xl > :last-child {
1231
- --pf-l-flex--spacer: 0;
1247
+ .pf-v5-l-flex.pf-m-space-items-md-on-2xl > :last-child {
1248
+ --pf-v5-l-flex--spacer: 0;
1232
1249
  }
1233
- .pf-l-flex.pf-m-space-items-lg-on-2xl > * {
1234
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1250
+ .pf-v5-l-flex.pf-m-space-items-lg-on-2xl > * {
1251
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1235
1252
  }
1236
- .pf-l-flex.pf-m-space-items-lg-on-2xl > :last-child {
1237
- --pf-l-flex--spacer: 0;
1253
+ .pf-v5-l-flex.pf-m-space-items-lg-on-2xl > :last-child {
1254
+ --pf-v5-l-flex--spacer: 0;
1238
1255
  }
1239
- .pf-l-flex.pf-m-space-items-xl-on-2xl > * {
1240
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1256
+ .pf-v5-l-flex.pf-m-space-items-xl-on-2xl > * {
1257
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1241
1258
  }
1242
- .pf-l-flex.pf-m-space-items-xl-on-2xl > :last-child {
1243
- --pf-l-flex--spacer: 0;
1259
+ .pf-v5-l-flex.pf-m-space-items-xl-on-2xl > :last-child {
1260
+ --pf-v5-l-flex--spacer: 0;
1244
1261
  }
1245
- .pf-l-flex.pf-m-space-items-2xl-on-2xl > * {
1246
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1262
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-2xl > * {
1263
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1247
1264
  }
1248
- .pf-l-flex.pf-m-space-items-2xl-on-2xl > :last-child {
1249
- --pf-l-flex--spacer: 0;
1265
+ .pf-v5-l-flex.pf-m-space-items-2xl-on-2xl > :last-child {
1266
+ --pf-v5-l-flex--spacer: 0;
1250
1267
  }
1251
- .pf-l-flex.pf-m-space-items-3xl-on-2xl > * {
1252
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1268
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-2xl > * {
1269
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1253
1270
  }
1254
- .pf-l-flex.pf-m-space-items-3xl-on-2xl > :last-child {
1255
- --pf-l-flex--spacer: 0;
1271
+ .pf-v5-l-flex.pf-m-space-items-3xl-on-2xl > :last-child {
1272
+ --pf-v5-l-flex--spacer: 0;
1256
1273
  }
1257
- .pf-l-flex.pf-m-space-items-4xl-on-2xl > * {
1258
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1274
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-2xl > * {
1275
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1259
1276
  }
1260
- .pf-l-flex.pf-m-space-items-4xl-on-2xl > :last-child {
1261
- --pf-l-flex--spacer: 0;
1277
+ .pf-v5-l-flex.pf-m-space-items-4xl-on-2xl > :last-child {
1278
+ --pf-v5-l-flex--spacer: 0;
1262
1279
  }
1263
1280
  }
1264
- .pf-l-flex .pf-m-spacer-none {
1265
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1281
+ .pf-v5-l-flex .pf-m-spacer-none {
1282
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1266
1283
  }
1267
- .pf-l-flex .pf-m-spacer-none:last-child {
1268
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1284
+ .pf-v5-l-flex .pf-m-spacer-none:last-child {
1285
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1269
1286
  }
1270
- .pf-l-flex .pf-m-spacer-xs {
1271
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1287
+ .pf-v5-l-flex .pf-m-spacer-xs {
1288
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1272
1289
  }
1273
- .pf-l-flex .pf-m-spacer-xs:last-child {
1274
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1290
+ .pf-v5-l-flex .pf-m-spacer-xs:last-child {
1291
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1275
1292
  }
1276
- .pf-l-flex .pf-m-spacer-sm {
1277
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1293
+ .pf-v5-l-flex .pf-m-spacer-sm {
1294
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1278
1295
  }
1279
- .pf-l-flex .pf-m-spacer-sm:last-child {
1280
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1296
+ .pf-v5-l-flex .pf-m-spacer-sm:last-child {
1297
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1281
1298
  }
1282
- .pf-l-flex .pf-m-spacer-md {
1283
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1299
+ .pf-v5-l-flex .pf-m-spacer-md {
1300
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1284
1301
  }
1285
- .pf-l-flex .pf-m-spacer-md:last-child {
1286
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1302
+ .pf-v5-l-flex .pf-m-spacer-md:last-child {
1303
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1287
1304
  }
1288
- .pf-l-flex .pf-m-spacer-lg {
1289
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1305
+ .pf-v5-l-flex .pf-m-spacer-lg {
1306
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1290
1307
  }
1291
- .pf-l-flex .pf-m-spacer-lg:last-child {
1292
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1308
+ .pf-v5-l-flex .pf-m-spacer-lg:last-child {
1309
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1293
1310
  }
1294
- .pf-l-flex .pf-m-spacer-xl {
1295
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1311
+ .pf-v5-l-flex .pf-m-spacer-xl {
1312
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1296
1313
  }
1297
- .pf-l-flex .pf-m-spacer-xl:last-child {
1298
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1314
+ .pf-v5-l-flex .pf-m-spacer-xl:last-child {
1315
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1299
1316
  }
1300
- .pf-l-flex .pf-m-spacer-2xl {
1301
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1317
+ .pf-v5-l-flex .pf-m-spacer-2xl {
1318
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1302
1319
  }
1303
- .pf-l-flex .pf-m-spacer-2xl:last-child {
1304
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1320
+ .pf-v5-l-flex .pf-m-spacer-2xl:last-child {
1321
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1305
1322
  }
1306
- .pf-l-flex .pf-m-spacer-3xl {
1307
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1323
+ .pf-v5-l-flex .pf-m-spacer-3xl {
1324
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1308
1325
  }
1309
- .pf-l-flex .pf-m-spacer-3xl:last-child {
1310
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1326
+ .pf-v5-l-flex .pf-m-spacer-3xl:last-child {
1327
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1311
1328
  }
1312
- .pf-l-flex .pf-m-spacer-4xl {
1313
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1329
+ .pf-v5-l-flex .pf-m-spacer-4xl {
1330
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1314
1331
  }
1315
- .pf-l-flex .pf-m-spacer-4xl:last-child {
1316
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1332
+ .pf-v5-l-flex .pf-m-spacer-4xl:last-child {
1333
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1317
1334
  }
1318
1335
  @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);
1336
+ .pf-v5-l-flex .pf-m-spacer-none-on-sm {
1337
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1321
1338
  }
1322
- .pf-l-flex .pf-m-spacer-none-on-sm:last-child {
1323
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1339
+ .pf-v5-l-flex .pf-m-spacer-none-on-sm:last-child {
1340
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1324
1341
  }
1325
- .pf-l-flex .pf-m-spacer-xs-on-sm {
1326
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1342
+ .pf-v5-l-flex .pf-m-spacer-xs-on-sm {
1343
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1327
1344
  }
1328
- .pf-l-flex .pf-m-spacer-xs-on-sm:last-child {
1329
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1345
+ .pf-v5-l-flex .pf-m-spacer-xs-on-sm:last-child {
1346
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1330
1347
  }
1331
- .pf-l-flex .pf-m-spacer-sm-on-sm {
1332
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1348
+ .pf-v5-l-flex .pf-m-spacer-sm-on-sm {
1349
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1333
1350
  }
1334
- .pf-l-flex .pf-m-spacer-sm-on-sm:last-child {
1335
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1351
+ .pf-v5-l-flex .pf-m-spacer-sm-on-sm:last-child {
1352
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1336
1353
  }
1337
- .pf-l-flex .pf-m-spacer-md-on-sm {
1338
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1354
+ .pf-v5-l-flex .pf-m-spacer-md-on-sm {
1355
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1339
1356
  }
1340
- .pf-l-flex .pf-m-spacer-md-on-sm:last-child {
1341
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1357
+ .pf-v5-l-flex .pf-m-spacer-md-on-sm:last-child {
1358
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1342
1359
  }
1343
- .pf-l-flex .pf-m-spacer-lg-on-sm {
1344
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1360
+ .pf-v5-l-flex .pf-m-spacer-lg-on-sm {
1361
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1345
1362
  }
1346
- .pf-l-flex .pf-m-spacer-lg-on-sm:last-child {
1347
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1363
+ .pf-v5-l-flex .pf-m-spacer-lg-on-sm:last-child {
1364
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1348
1365
  }
1349
- .pf-l-flex .pf-m-spacer-xl-on-sm {
1350
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1366
+ .pf-v5-l-flex .pf-m-spacer-xl-on-sm {
1367
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1351
1368
  }
1352
- .pf-l-flex .pf-m-spacer-xl-on-sm:last-child {
1353
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1369
+ .pf-v5-l-flex .pf-m-spacer-xl-on-sm:last-child {
1370
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1354
1371
  }
1355
- .pf-l-flex .pf-m-spacer-2xl-on-sm {
1356
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1372
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-sm {
1373
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1357
1374
  }
1358
- .pf-l-flex .pf-m-spacer-2xl-on-sm:last-child {
1359
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1375
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-sm:last-child {
1376
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1360
1377
  }
1361
- .pf-l-flex .pf-m-spacer-3xl-on-sm {
1362
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1378
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-sm {
1379
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1363
1380
  }
1364
- .pf-l-flex .pf-m-spacer-3xl-on-sm:last-child {
1365
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1381
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-sm:last-child {
1382
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1366
1383
  }
1367
- .pf-l-flex .pf-m-spacer-4xl-on-sm {
1368
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1384
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-sm {
1385
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1369
1386
  }
1370
- .pf-l-flex .pf-m-spacer-4xl-on-sm:last-child {
1371
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1387
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-sm:last-child {
1388
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1372
1389
  }
1373
1390
  }
1374
1391
  @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);
1392
+ .pf-v5-l-flex .pf-m-spacer-none-on-md {
1393
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1377
1394
  }
1378
- .pf-l-flex .pf-m-spacer-none-on-md:last-child {
1379
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1395
+ .pf-v5-l-flex .pf-m-spacer-none-on-md:last-child {
1396
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1380
1397
  }
1381
- .pf-l-flex .pf-m-spacer-xs-on-md {
1382
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1398
+ .pf-v5-l-flex .pf-m-spacer-xs-on-md {
1399
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1383
1400
  }
1384
- .pf-l-flex .pf-m-spacer-xs-on-md:last-child {
1385
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1401
+ .pf-v5-l-flex .pf-m-spacer-xs-on-md:last-child {
1402
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1386
1403
  }
1387
- .pf-l-flex .pf-m-spacer-sm-on-md {
1388
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1404
+ .pf-v5-l-flex .pf-m-spacer-sm-on-md {
1405
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1389
1406
  }
1390
- .pf-l-flex .pf-m-spacer-sm-on-md:last-child {
1391
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1407
+ .pf-v5-l-flex .pf-m-spacer-sm-on-md:last-child {
1408
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1392
1409
  }
1393
- .pf-l-flex .pf-m-spacer-md-on-md {
1394
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1410
+ .pf-v5-l-flex .pf-m-spacer-md-on-md {
1411
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1395
1412
  }
1396
- .pf-l-flex .pf-m-spacer-md-on-md:last-child {
1397
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1413
+ .pf-v5-l-flex .pf-m-spacer-md-on-md:last-child {
1414
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1398
1415
  }
1399
- .pf-l-flex .pf-m-spacer-lg-on-md {
1400
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1416
+ .pf-v5-l-flex .pf-m-spacer-lg-on-md {
1417
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1401
1418
  }
1402
- .pf-l-flex .pf-m-spacer-lg-on-md:last-child {
1403
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1419
+ .pf-v5-l-flex .pf-m-spacer-lg-on-md:last-child {
1420
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1404
1421
  }
1405
- .pf-l-flex .pf-m-spacer-xl-on-md {
1406
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1422
+ .pf-v5-l-flex .pf-m-spacer-xl-on-md {
1423
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1407
1424
  }
1408
- .pf-l-flex .pf-m-spacer-xl-on-md:last-child {
1409
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1425
+ .pf-v5-l-flex .pf-m-spacer-xl-on-md:last-child {
1426
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1410
1427
  }
1411
- .pf-l-flex .pf-m-spacer-2xl-on-md {
1412
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1428
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-md {
1429
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1413
1430
  }
1414
- .pf-l-flex .pf-m-spacer-2xl-on-md:last-child {
1415
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1431
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-md:last-child {
1432
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1416
1433
  }
1417
- .pf-l-flex .pf-m-spacer-3xl-on-md {
1418
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1434
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-md {
1435
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1419
1436
  }
1420
- .pf-l-flex .pf-m-spacer-3xl-on-md:last-child {
1421
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1437
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-md:last-child {
1438
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1422
1439
  }
1423
- .pf-l-flex .pf-m-spacer-4xl-on-md {
1424
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1440
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-md {
1441
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1425
1442
  }
1426
- .pf-l-flex .pf-m-spacer-4xl-on-md:last-child {
1427
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1443
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-md:last-child {
1444
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1428
1445
  }
1429
1446
  }
1430
1447
  @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);
1448
+ .pf-v5-l-flex .pf-m-spacer-none-on-lg {
1449
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1433
1450
  }
1434
- .pf-l-flex .pf-m-spacer-none-on-lg:last-child {
1435
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1451
+ .pf-v5-l-flex .pf-m-spacer-none-on-lg:last-child {
1452
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1436
1453
  }
1437
- .pf-l-flex .pf-m-spacer-xs-on-lg {
1438
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1454
+ .pf-v5-l-flex .pf-m-spacer-xs-on-lg {
1455
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1439
1456
  }
1440
- .pf-l-flex .pf-m-spacer-xs-on-lg:last-child {
1441
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1457
+ .pf-v5-l-flex .pf-m-spacer-xs-on-lg:last-child {
1458
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1442
1459
  }
1443
- .pf-l-flex .pf-m-spacer-sm-on-lg {
1444
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1460
+ .pf-v5-l-flex .pf-m-spacer-sm-on-lg {
1461
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1445
1462
  }
1446
- .pf-l-flex .pf-m-spacer-sm-on-lg:last-child {
1447
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1463
+ .pf-v5-l-flex .pf-m-spacer-sm-on-lg:last-child {
1464
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1448
1465
  }
1449
- .pf-l-flex .pf-m-spacer-md-on-lg {
1450
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1466
+ .pf-v5-l-flex .pf-m-spacer-md-on-lg {
1467
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1451
1468
  }
1452
- .pf-l-flex .pf-m-spacer-md-on-lg:last-child {
1453
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1469
+ .pf-v5-l-flex .pf-m-spacer-md-on-lg:last-child {
1470
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1454
1471
  }
1455
- .pf-l-flex .pf-m-spacer-lg-on-lg {
1456
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1472
+ .pf-v5-l-flex .pf-m-spacer-lg-on-lg {
1473
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1457
1474
  }
1458
- .pf-l-flex .pf-m-spacer-lg-on-lg:last-child {
1459
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1475
+ .pf-v5-l-flex .pf-m-spacer-lg-on-lg:last-child {
1476
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1460
1477
  }
1461
- .pf-l-flex .pf-m-spacer-xl-on-lg {
1462
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1478
+ .pf-v5-l-flex .pf-m-spacer-xl-on-lg {
1479
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1463
1480
  }
1464
- .pf-l-flex .pf-m-spacer-xl-on-lg:last-child {
1465
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1481
+ .pf-v5-l-flex .pf-m-spacer-xl-on-lg:last-child {
1482
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1466
1483
  }
1467
- .pf-l-flex .pf-m-spacer-2xl-on-lg {
1468
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1484
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-lg {
1485
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1469
1486
  }
1470
- .pf-l-flex .pf-m-spacer-2xl-on-lg:last-child {
1471
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1487
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-lg:last-child {
1488
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1472
1489
  }
1473
- .pf-l-flex .pf-m-spacer-3xl-on-lg {
1474
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1490
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-lg {
1491
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1475
1492
  }
1476
- .pf-l-flex .pf-m-spacer-3xl-on-lg:last-child {
1477
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1493
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-lg:last-child {
1494
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1478
1495
  }
1479
- .pf-l-flex .pf-m-spacer-4xl-on-lg {
1480
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1496
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-lg {
1497
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1481
1498
  }
1482
- .pf-l-flex .pf-m-spacer-4xl-on-lg:last-child {
1483
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1499
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-lg:last-child {
1500
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1484
1501
  }
1485
1502
  }
1486
1503
  @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);
1504
+ .pf-v5-l-flex .pf-m-spacer-none-on-xl {
1505
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1489
1506
  }
1490
- .pf-l-flex .pf-m-spacer-none-on-xl:last-child {
1491
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1507
+ .pf-v5-l-flex .pf-m-spacer-none-on-xl:last-child {
1508
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1492
1509
  }
1493
- .pf-l-flex .pf-m-spacer-xs-on-xl {
1494
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1510
+ .pf-v5-l-flex .pf-m-spacer-xs-on-xl {
1511
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1495
1512
  }
1496
- .pf-l-flex .pf-m-spacer-xs-on-xl:last-child {
1497
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1513
+ .pf-v5-l-flex .pf-m-spacer-xs-on-xl:last-child {
1514
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1498
1515
  }
1499
- .pf-l-flex .pf-m-spacer-sm-on-xl {
1500
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1516
+ .pf-v5-l-flex .pf-m-spacer-sm-on-xl {
1517
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1501
1518
  }
1502
- .pf-l-flex .pf-m-spacer-sm-on-xl:last-child {
1503
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1519
+ .pf-v5-l-flex .pf-m-spacer-sm-on-xl:last-child {
1520
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1504
1521
  }
1505
- .pf-l-flex .pf-m-spacer-md-on-xl {
1506
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1522
+ .pf-v5-l-flex .pf-m-spacer-md-on-xl {
1523
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1507
1524
  }
1508
- .pf-l-flex .pf-m-spacer-md-on-xl:last-child {
1509
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1525
+ .pf-v5-l-flex .pf-m-spacer-md-on-xl:last-child {
1526
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1510
1527
  }
1511
- .pf-l-flex .pf-m-spacer-lg-on-xl {
1512
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1528
+ .pf-v5-l-flex .pf-m-spacer-lg-on-xl {
1529
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1513
1530
  }
1514
- .pf-l-flex .pf-m-spacer-lg-on-xl:last-child {
1515
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1531
+ .pf-v5-l-flex .pf-m-spacer-lg-on-xl:last-child {
1532
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1516
1533
  }
1517
- .pf-l-flex .pf-m-spacer-xl-on-xl {
1518
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1534
+ .pf-v5-l-flex .pf-m-spacer-xl-on-xl {
1535
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1519
1536
  }
1520
- .pf-l-flex .pf-m-spacer-xl-on-xl:last-child {
1521
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1537
+ .pf-v5-l-flex .pf-m-spacer-xl-on-xl:last-child {
1538
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1522
1539
  }
1523
- .pf-l-flex .pf-m-spacer-2xl-on-xl {
1524
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1540
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-xl {
1541
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1525
1542
  }
1526
- .pf-l-flex .pf-m-spacer-2xl-on-xl:last-child {
1527
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1543
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-xl:last-child {
1544
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1528
1545
  }
1529
- .pf-l-flex .pf-m-spacer-3xl-on-xl {
1530
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1546
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-xl {
1547
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1531
1548
  }
1532
- .pf-l-flex .pf-m-spacer-3xl-on-xl:last-child {
1533
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1549
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-xl:last-child {
1550
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1534
1551
  }
1535
- .pf-l-flex .pf-m-spacer-4xl-on-xl {
1536
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1552
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-xl {
1553
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1537
1554
  }
1538
- .pf-l-flex .pf-m-spacer-4xl-on-xl:last-child {
1539
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1555
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-xl:last-child {
1556
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1540
1557
  }
1541
1558
  }
1542
1559
  @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);
1560
+ .pf-v5-l-flex .pf-m-spacer-none-on-2xl {
1561
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1545
1562
  }
1546
- .pf-l-flex .pf-m-spacer-none-on-2xl:last-child {
1547
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--none);
1563
+ .pf-v5-l-flex .pf-m-spacer-none-on-2xl:last-child {
1564
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--none);
1548
1565
  }
1549
- .pf-l-flex .pf-m-spacer-xs-on-2xl {
1550
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1566
+ .pf-v5-l-flex .pf-m-spacer-xs-on-2xl {
1567
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1551
1568
  }
1552
- .pf-l-flex .pf-m-spacer-xs-on-2xl:last-child {
1553
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs);
1569
+ .pf-v5-l-flex .pf-m-spacer-xs-on-2xl:last-child {
1570
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xs);
1554
1571
  }
1555
- .pf-l-flex .pf-m-spacer-sm-on-2xl {
1556
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1572
+ .pf-v5-l-flex .pf-m-spacer-sm-on-2xl {
1573
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1557
1574
  }
1558
- .pf-l-flex .pf-m-spacer-sm-on-2xl:last-child {
1559
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm);
1575
+ .pf-v5-l-flex .pf-m-spacer-sm-on-2xl:last-child {
1576
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--sm);
1560
1577
  }
1561
- .pf-l-flex .pf-m-spacer-md-on-2xl {
1562
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1578
+ .pf-v5-l-flex .pf-m-spacer-md-on-2xl {
1579
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1563
1580
  }
1564
- .pf-l-flex .pf-m-spacer-md-on-2xl:last-child {
1565
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--md);
1581
+ .pf-v5-l-flex .pf-m-spacer-md-on-2xl:last-child {
1582
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--md);
1566
1583
  }
1567
- .pf-l-flex .pf-m-spacer-lg-on-2xl {
1568
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1584
+ .pf-v5-l-flex .pf-m-spacer-lg-on-2xl {
1585
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1569
1586
  }
1570
- .pf-l-flex .pf-m-spacer-lg-on-2xl:last-child {
1571
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg);
1587
+ .pf-v5-l-flex .pf-m-spacer-lg-on-2xl:last-child {
1588
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--lg);
1572
1589
  }
1573
- .pf-l-flex .pf-m-spacer-xl-on-2xl {
1574
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1590
+ .pf-v5-l-flex .pf-m-spacer-xl-on-2xl {
1591
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1575
1592
  }
1576
- .pf-l-flex .pf-m-spacer-xl-on-2xl:last-child {
1577
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl);
1593
+ .pf-v5-l-flex .pf-m-spacer-xl-on-2xl:last-child {
1594
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--xl);
1578
1595
  }
1579
- .pf-l-flex .pf-m-spacer-2xl-on-2xl {
1580
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1596
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-2xl {
1597
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1581
1598
  }
1582
- .pf-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
1583
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl);
1599
+ .pf-v5-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
1600
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--2xl);
1584
1601
  }
1585
- .pf-l-flex .pf-m-spacer-3xl-on-2xl {
1586
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1602
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-2xl {
1603
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1587
1604
  }
1588
- .pf-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
1589
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl);
1605
+ .pf-v5-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
1606
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--3xl);
1590
1607
  }
1591
- .pf-l-flex .pf-m-spacer-4xl-on-2xl {
1592
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1608
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-2xl {
1609
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1593
1610
  }
1594
- .pf-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
1595
- --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
1611
+ .pf-v5-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
1612
+ --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
1613
+ }
1614
+ }
1615
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base {
1616
+ --pf-v5-l-flex--RowGap: ;
1617
+ --pf-v5-l-flex--ColumnGap: ;
1618
+ }
1619
+ .pf-v5-l-flex.pf-m-gap-none {
1620
+ --pf-v5-l-flex--RowGap: 0;
1621
+ --pf-v5-l-flex--ColumnGap: 0;
1622
+ }
1623
+ .pf-v5-l-flex.pf-m-gap-sm {
1624
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1625
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
1626
+ }
1627
+ .pf-v5-l-flex.pf-m-gap-md {
1628
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1629
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
1630
+ }
1631
+ .pf-v5-l-flex.pf-m-gap-lg {
1632
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1633
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
1634
+ }
1635
+ .pf-v5-l-flex.pf-m-gap-xl {
1636
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1637
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
1638
+ }
1639
+ .pf-v5-l-flex.pf-m-gap-2xl {
1640
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1641
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
1642
+ }
1643
+ .pf-v5-l-flex.pf-m-gap-3xl {
1644
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1645
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
1646
+ }
1647
+ .pf-v5-l-flex.pf-m-gap-4xl {
1648
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1649
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
1650
+ }
1651
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base, .pf-m-gap-none, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
1652
+ --pf-v5-l-flex--spacer--row: 0;
1653
+ --pf-v5-l-flex--spacer--column: 0;
1654
+ }
1655
+ @media (min-width: 576px) {
1656
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
1657
+ --pf-v5-l-flex--RowGap: ;
1658
+ --pf-v5-l-flex--ColumnGap: ;
1659
+ }
1660
+ .pf-v5-l-flex.pf-m-gap-none-on-sm {
1661
+ --pf-v5-l-flex--RowGap: 0;
1662
+ --pf-v5-l-flex--ColumnGap: 0;
1663
+ }
1664
+ .pf-v5-l-flex.pf-m-gap-sm-on-sm {
1665
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1666
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
1667
+ }
1668
+ .pf-v5-l-flex.pf-m-gap-md-on-sm {
1669
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1670
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
1671
+ }
1672
+ .pf-v5-l-flex.pf-m-gap-lg-on-sm {
1673
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1674
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
1675
+ }
1676
+ .pf-v5-l-flex.pf-m-gap-xl-on-sm {
1677
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1678
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
1679
+ }
1680
+ .pf-v5-l-flex.pf-m-gap-2xl-on-sm {
1681
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1682
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
1683
+ }
1684
+ .pf-v5-l-flex.pf-m-gap-3xl-on-sm {
1685
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1686
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
1687
+ }
1688
+ .pf-v5-l-flex.pf-m-gap-4xl-on-sm {
1689
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1690
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
1691
+ }
1692
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
1693
+ --pf-v5-l-flex--spacer--row: 0;
1694
+ --pf-v5-l-flex--spacer--column: 0;
1695
+ }
1696
+ }
1697
+ @media (min-width: 768px) {
1698
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
1699
+ --pf-v5-l-flex--RowGap: ;
1700
+ --pf-v5-l-flex--ColumnGap: ;
1701
+ }
1702
+ .pf-v5-l-flex.pf-m-gap-none-on-md {
1703
+ --pf-v5-l-flex--RowGap: 0;
1704
+ --pf-v5-l-flex--ColumnGap: 0;
1705
+ }
1706
+ .pf-v5-l-flex.pf-m-gap-sm-on-md {
1707
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1708
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
1709
+ }
1710
+ .pf-v5-l-flex.pf-m-gap-md-on-md {
1711
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1712
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
1713
+ }
1714
+ .pf-v5-l-flex.pf-m-gap-lg-on-md {
1715
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1716
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
1717
+ }
1718
+ .pf-v5-l-flex.pf-m-gap-xl-on-md {
1719
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1720
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
1721
+ }
1722
+ .pf-v5-l-flex.pf-m-gap-2xl-on-md {
1723
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1724
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
1725
+ }
1726
+ .pf-v5-l-flex.pf-m-gap-3xl-on-md {
1727
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1728
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
1729
+ }
1730
+ .pf-v5-l-flex.pf-m-gap-4xl-on-md {
1731
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1732
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
1733
+ }
1734
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-md, .pf-m-gap-none-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
1735
+ --pf-v5-l-flex--spacer--row: 0;
1736
+ --pf-v5-l-flex--spacer--column: 0;
1737
+ }
1738
+ }
1739
+ @media (min-width: 992px) {
1740
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
1741
+ --pf-v5-l-flex--RowGap: ;
1742
+ --pf-v5-l-flex--ColumnGap: ;
1743
+ }
1744
+ .pf-v5-l-flex.pf-m-gap-none-on-lg {
1745
+ --pf-v5-l-flex--RowGap: 0;
1746
+ --pf-v5-l-flex--ColumnGap: 0;
1747
+ }
1748
+ .pf-v5-l-flex.pf-m-gap-sm-on-lg {
1749
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1750
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
1751
+ }
1752
+ .pf-v5-l-flex.pf-m-gap-md-on-lg {
1753
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1754
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
1755
+ }
1756
+ .pf-v5-l-flex.pf-m-gap-lg-on-lg {
1757
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1758
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
1759
+ }
1760
+ .pf-v5-l-flex.pf-m-gap-xl-on-lg {
1761
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1762
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
1763
+ }
1764
+ .pf-v5-l-flex.pf-m-gap-2xl-on-lg {
1765
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1766
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
1767
+ }
1768
+ .pf-v5-l-flex.pf-m-gap-3xl-on-lg {
1769
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1770
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
1771
+ }
1772
+ .pf-v5-l-flex.pf-m-gap-4xl-on-lg {
1773
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1774
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
1775
+ }
1776
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
1777
+ --pf-v5-l-flex--spacer--row: 0;
1778
+ --pf-v5-l-flex--spacer--column: 0;
1779
+ }
1780
+ }
1781
+ @media (min-width: 1200px) {
1782
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
1783
+ --pf-v5-l-flex--RowGap: ;
1784
+ --pf-v5-l-flex--ColumnGap: ;
1785
+ }
1786
+ .pf-v5-l-flex.pf-m-gap-none-on-xl {
1787
+ --pf-v5-l-flex--RowGap: 0;
1788
+ --pf-v5-l-flex--ColumnGap: 0;
1789
+ }
1790
+ .pf-v5-l-flex.pf-m-gap-sm-on-xl {
1791
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1792
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
1793
+ }
1794
+ .pf-v5-l-flex.pf-m-gap-md-on-xl {
1795
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1796
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
1797
+ }
1798
+ .pf-v5-l-flex.pf-m-gap-lg-on-xl {
1799
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1800
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
1801
+ }
1802
+ .pf-v5-l-flex.pf-m-gap-xl-on-xl {
1803
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1804
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
1805
+ }
1806
+ .pf-v5-l-flex.pf-m-gap-2xl-on-xl {
1807
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1808
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
1809
+ }
1810
+ .pf-v5-l-flex.pf-m-gap-3xl-on-xl {
1811
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1812
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
1813
+ }
1814
+ .pf-v5-l-flex.pf-m-gap-4xl-on-xl {
1815
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1816
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
1817
+ }
1818
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
1819
+ --pf-v5-l-flex--spacer--row: 0;
1820
+ --pf-v5-l-flex--spacer--column: 0;
1821
+ }
1822
+ }
1823
+ @media (min-width: 1450px) {
1824
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
1825
+ --pf-v5-l-flex--RowGap: ;
1826
+ --pf-v5-l-flex--ColumnGap: ;
1827
+ }
1828
+ .pf-v5-l-flex.pf-m-gap-none-on-2xl {
1829
+ --pf-v5-l-flex--RowGap: 0;
1830
+ --pf-v5-l-flex--ColumnGap: 0;
1831
+ }
1832
+ .pf-v5-l-flex.pf-m-gap-sm-on-2xl {
1833
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1834
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
1835
+ }
1836
+ .pf-v5-l-flex.pf-m-gap-md-on-2xl {
1837
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1838
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
1839
+ }
1840
+ .pf-v5-l-flex.pf-m-gap-lg-on-2xl {
1841
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1842
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
1843
+ }
1844
+ .pf-v5-l-flex.pf-m-gap-xl-on-2xl {
1845
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1846
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
1847
+ }
1848
+ .pf-v5-l-flex.pf-m-gap-2xl-on-2xl {
1849
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1850
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
1851
+ }
1852
+ .pf-v5-l-flex.pf-m-gap-3xl-on-2xl {
1853
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1854
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
1855
+ }
1856
+ .pf-v5-l-flex.pf-m-gap-4xl-on-2xl {
1857
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1858
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
1859
+ }
1860
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
1861
+ --pf-v5-l-flex--spacer--row: 0;
1862
+ --pf-v5-l-flex--spacer--column: 0;
1863
+ }
1864
+ }
1865
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
1866
+ --pf-v5-l-flex--RowGap: ;
1867
+ }
1868
+ .pf-v5-l-flex.pf-m-row-gap-none {
1869
+ --pf-v5-l-flex--RowGap: 0;
1870
+ }
1871
+ .pf-v5-l-flex.pf-m-row-gap-sm {
1872
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1873
+ }
1874
+ .pf-v5-l-flex.pf-m-row-gap-md {
1875
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1876
+ }
1877
+ .pf-v5-l-flex.pf-m-row-gap-lg {
1878
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1879
+ }
1880
+ .pf-v5-l-flex.pf-m-row-gap-xl {
1881
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1882
+ }
1883
+ .pf-v5-l-flex.pf-m-row-gap-2xl {
1884
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1885
+ }
1886
+ .pf-v5-l-flex.pf-m-row-gap-3xl {
1887
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1888
+ }
1889
+ .pf-v5-l-flex.pf-m-row-gap-4xl {
1890
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1891
+ }
1892
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base, .pf-m-row-gap-none, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
1893
+ --pf-v5-l-flex--spacer--row: 0;
1894
+ }
1895
+ @media (min-width: 576px) {
1896
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
1897
+ --pf-v5-l-flex--RowGap: ;
1898
+ }
1899
+ .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
1900
+ --pf-v5-l-flex--RowGap: 0;
1901
+ }
1902
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-sm {
1903
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1904
+ }
1905
+ .pf-v5-l-flex.pf-m-row-gap-md-on-sm {
1906
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1907
+ }
1908
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-sm {
1909
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1910
+ }
1911
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-sm {
1912
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1913
+ }
1914
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-sm {
1915
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1916
+ }
1917
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-sm {
1918
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1919
+ }
1920
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
1921
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1922
+ }
1923
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
1924
+ --pf-v5-l-flex--spacer--row: 0;
1925
+ }
1926
+ }
1927
+ @media (min-width: 768px) {
1928
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
1929
+ --pf-v5-l-flex--RowGap: ;
1930
+ }
1931
+ .pf-v5-l-flex.pf-m-row-gap-none-on-md {
1932
+ --pf-v5-l-flex--RowGap: 0;
1933
+ }
1934
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-md {
1935
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1936
+ }
1937
+ .pf-v5-l-flex.pf-m-row-gap-md-on-md {
1938
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1939
+ }
1940
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-md {
1941
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1942
+ }
1943
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-md {
1944
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1945
+ }
1946
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-md {
1947
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1948
+ }
1949
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-md {
1950
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1951
+ }
1952
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
1953
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1954
+ }
1955
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
1956
+ --pf-v5-l-flex--spacer--row: 0;
1957
+ }
1958
+ }
1959
+ @media (min-width: 992px) {
1960
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
1961
+ --pf-v5-l-flex--RowGap: ;
1962
+ }
1963
+ .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
1964
+ --pf-v5-l-flex--RowGap: 0;
1965
+ }
1966
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-lg {
1967
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
1968
+ }
1969
+ .pf-v5-l-flex.pf-m-row-gap-md-on-lg {
1970
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
1971
+ }
1972
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-lg {
1973
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
1974
+ }
1975
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-lg {
1976
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
1977
+ }
1978
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-lg {
1979
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
1980
+ }
1981
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-lg {
1982
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
1983
+ }
1984
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
1985
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
1986
+ }
1987
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
1988
+ --pf-v5-l-flex--spacer--row: 0;
1989
+ }
1990
+ }
1991
+ @media (min-width: 1200px) {
1992
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
1993
+ --pf-v5-l-flex--RowGap: ;
1994
+ }
1995
+ .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
1996
+ --pf-v5-l-flex--RowGap: 0;
1997
+ }
1998
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-xl {
1999
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
2000
+ }
2001
+ .pf-v5-l-flex.pf-m-row-gap-md-on-xl {
2002
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
2003
+ }
2004
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-xl {
2005
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
2006
+ }
2007
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-xl {
2008
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
2009
+ }
2010
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-xl {
2011
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
2012
+ }
2013
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-xl {
2014
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
2015
+ }
2016
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
2017
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
2018
+ }
2019
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
2020
+ --pf-v5-l-flex--spacer--row: 0;
2021
+ }
2022
+ }
2023
+ @media (min-width: 1450px) {
2024
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
2025
+ --pf-v5-l-flex--RowGap: ;
2026
+ }
2027
+ .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
2028
+ --pf-v5-l-flex--RowGap: 0;
2029
+ }
2030
+ .pf-v5-l-flex.pf-m-row-gap-sm-on-2xl {
2031
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
2032
+ }
2033
+ .pf-v5-l-flex.pf-m-row-gap-md-on-2xl {
2034
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
2035
+ }
2036
+ .pf-v5-l-flex.pf-m-row-gap-lg-on-2xl {
2037
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
2038
+ }
2039
+ .pf-v5-l-flex.pf-m-row-gap-xl-on-2xl {
2040
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
2041
+ }
2042
+ .pf-v5-l-flex.pf-m-row-gap-2xl-on-2xl {
2043
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
2044
+ }
2045
+ .pf-v5-l-flex.pf-m-row-gap-3xl-on-2xl {
2046
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
2047
+ }
2048
+ .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
2049
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
2050
+ }
2051
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
2052
+ --pf-v5-l-flex--spacer--row: 0;
2053
+ }
2054
+ }
2055
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
2056
+ --pf-v5-l-flex--ColumnGap: ;
2057
+ }
2058
+ .pf-v5-l-flex.pf-m-column-gap-none {
2059
+ --pf-v5-l-flex--ColumnGap: 0;
2060
+ }
2061
+ .pf-v5-l-flex.pf-m-column-gap-sm {
2062
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
2063
+ }
2064
+ .pf-v5-l-flex.pf-m-column-gap-md {
2065
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
2066
+ }
2067
+ .pf-v5-l-flex.pf-m-column-gap-lg {
2068
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
2069
+ }
2070
+ .pf-v5-l-flex.pf-m-column-gap-xl {
2071
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
2072
+ }
2073
+ .pf-v5-l-flex.pf-m-column-gap-2xl {
2074
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
2075
+ }
2076
+ .pf-v5-l-flex.pf-m-column-gap-3xl {
2077
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
2078
+ }
2079
+ .pf-v5-l-flex.pf-m-column-gap-4xl {
2080
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
2081
+ }
2082
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base, .pf-m-column-gap-none, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
2083
+ --pf-v5-l-flex--spacer--column: 0;
2084
+ }
2085
+ @media (min-width: 576px) {
2086
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
2087
+ --pf-v5-l-flex--ColumnGap: ;
2088
+ }
2089
+ .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
2090
+ --pf-v5-l-flex--ColumnGap: 0;
2091
+ }
2092
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-sm {
2093
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
2094
+ }
2095
+ .pf-v5-l-flex.pf-m-column-gap-md-on-sm {
2096
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
2097
+ }
2098
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-sm {
2099
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
2100
+ }
2101
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-sm {
2102
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
2103
+ }
2104
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-sm {
2105
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
2106
+ }
2107
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-sm {
2108
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
2109
+ }
2110
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
2111
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
2112
+ }
2113
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
2114
+ --pf-v5-l-flex--spacer--column: 0;
2115
+ }
2116
+ }
2117
+ @media (min-width: 768px) {
2118
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
2119
+ --pf-v5-l-flex--ColumnGap: ;
2120
+ }
2121
+ .pf-v5-l-flex.pf-m-column-gap-none-on-md {
2122
+ --pf-v5-l-flex--ColumnGap: 0;
2123
+ }
2124
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-md {
2125
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
2126
+ }
2127
+ .pf-v5-l-flex.pf-m-column-gap-md-on-md {
2128
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
2129
+ }
2130
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-md {
2131
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
2132
+ }
2133
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-md {
2134
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
2135
+ }
2136
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-md {
2137
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
2138
+ }
2139
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-md {
2140
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
2141
+ }
2142
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
2143
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
2144
+ }
2145
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
2146
+ --pf-v5-l-flex--spacer--column: 0;
2147
+ }
2148
+ }
2149
+ @media (min-width: 992px) {
2150
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
2151
+ --pf-v5-l-flex--ColumnGap: ;
2152
+ }
2153
+ .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
2154
+ --pf-v5-l-flex--ColumnGap: 0;
2155
+ }
2156
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-lg {
2157
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
2158
+ }
2159
+ .pf-v5-l-flex.pf-m-column-gap-md-on-lg {
2160
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
2161
+ }
2162
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-lg {
2163
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
2164
+ }
2165
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-lg {
2166
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
2167
+ }
2168
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-lg {
2169
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
2170
+ }
2171
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-lg {
2172
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
2173
+ }
2174
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
2175
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
2176
+ }
2177
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
2178
+ --pf-v5-l-flex--spacer--column: 0;
2179
+ }
2180
+ }
2181
+ @media (min-width: 1200px) {
2182
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
2183
+ --pf-v5-l-flex--ColumnGap: ;
2184
+ }
2185
+ .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
2186
+ --pf-v5-l-flex--ColumnGap: 0;
2187
+ }
2188
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-xl {
2189
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
2190
+ }
2191
+ .pf-v5-l-flex.pf-m-column-gap-md-on-xl {
2192
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
2193
+ }
2194
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-xl {
2195
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
2196
+ }
2197
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-xl {
2198
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
2199
+ }
2200
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-xl {
2201
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
2202
+ }
2203
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-xl {
2204
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
2205
+ }
2206
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
2207
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
2208
+ }
2209
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
2210
+ --pf-v5-l-flex--spacer--column: 0;
2211
+ }
2212
+ }
2213
+ @media (min-width: 1450px) {
2214
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
2215
+ --pf-v5-l-flex--ColumnGap: ;
2216
+ }
2217
+ .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
2218
+ --pf-v5-l-flex--ColumnGap: 0;
2219
+ }
2220
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
2221
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
2222
+ }
2223
+ .pf-v5-l-flex.pf-m-column-gap-md-on-2xl {
2224
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
2225
+ }
2226
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-2xl {
2227
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
2228
+ }
2229
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-2xl {
2230
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
2231
+ }
2232
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-2xl {
2233
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
2234
+ }
2235
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-2xl {
2236
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
2237
+ }
2238
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
2239
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
2240
+ }
2241
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
2242
+ --pf-v5-l-flex--spacer--column: 0;
1596
2243
  }
1597
2244
  }