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

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