@patternfly/react-styles 6.0.0-alpha.9 → 6.0.0-prerelease.2

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