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

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