@patternfly/react-core 5.4.0-prerelease.31 → 5.4.0-prerelease.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (309) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/Chip/package.json +1 -1
  21. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  22. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/DragDrop/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hint/package.json +1 -1
  38. package/dist/dynamic/components/Icon/package.json +1 -1
  39. package/dist/dynamic/components/InputGroup/package.json +1 -1
  40. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  41. package/dist/dynamic/components/Label/package.json +1 -1
  42. package/dist/dynamic/components/List/package.json +1 -1
  43. package/dist/dynamic/components/LoginPage/package.json +1 -1
  44. package/dist/dynamic/components/Masthead/package.json +1 -1
  45. package/dist/dynamic/components/Menu/package.json +1 -1
  46. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  47. package/dist/dynamic/components/Modal/package.json +1 -1
  48. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  49. package/dist/dynamic/components/Nav/package.json +1 -1
  50. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  51. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  52. package/dist/dynamic/components/NumberInput/package.json +1 -1
  53. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  54. package/dist/dynamic/components/Page/package.json +1 -1
  55. package/dist/dynamic/components/Pagination/package.json +1 -1
  56. package/dist/dynamic/components/Panel/package.json +1 -1
  57. package/dist/dynamic/components/Popover/package.json +1 -1
  58. package/dist/dynamic/components/Progress/package.json +1 -1
  59. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  60. package/dist/dynamic/components/Radio/package.json +1 -1
  61. package/dist/dynamic/components/SearchInput/package.json +1 -1
  62. package/dist/dynamic/components/Select/package.json +1 -1
  63. package/dist/dynamic/components/Sidebar/package.json +1 -1
  64. package/dist/dynamic/components/SimpleList/package.json +1 -1
  65. package/dist/dynamic/components/Skeleton/package.json +1 -1
  66. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  67. package/dist/dynamic/components/Slider/package.json +1 -1
  68. package/dist/dynamic/components/Spinner/package.json +1 -1
  69. package/dist/dynamic/components/Switch/package.json +1 -1
  70. package/dist/dynamic/components/Tabs/package.json +1 -1
  71. package/dist/dynamic/components/Text/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/Tile/package.json +1 -1
  76. package/dist/dynamic/components/TimePicker/package.json +1 -1
  77. package/dist/dynamic/components/Timestamp/package.json +1 -1
  78. package/dist/dynamic/components/Title/package.json +1 -1
  79. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  80. package/dist/dynamic/components/Toolbar/package.json +1 -1
  81. package/dist/dynamic/components/Tooltip/package.json +1 -1
  82. package/dist/dynamic/components/TreeView/package.json +1 -1
  83. package/dist/dynamic/components/Truncate/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  85. package/dist/dynamic/components/Wizard/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/DualListSelector/package.json +1 -1
  119. package/dist/dynamic/next/components/Modal/package.json +1 -1
  120. package/dist/dynamic/next/components/package.json +1 -1
  121. package/dist/dynamic/styles/package.json +1 -1
  122. package/dist/esm/components/Chip/Chip.js +0 -1
  123. package/dist/esm/components/Chip/Chip.js.map +1 -1
  124. package/dist/esm/components/Chip/ChipGroup.js +0 -1
  125. package/dist/esm/components/Chip/ChipGroup.js.map +1 -1
  126. package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
  127. package/dist/esm/components/ClipboardCopy/ClipboardCopy.js +0 -1
  128. package/dist/esm/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
  129. package/dist/esm/components/DataList/DataListAction.js +1 -3
  130. package/dist/esm/components/DataList/DataListAction.js.map +1 -1
  131. package/dist/esm/components/Drawer/DrawerActions.d.ts.map +1 -1
  132. package/dist/esm/components/Drawer/DrawerActions.js +1 -3
  133. package/dist/esm/components/Drawer/DrawerActions.js.map +1 -1
  134. package/dist/esm/components/Drawer/DrawerCloseButton.d.ts.map +1 -1
  135. package/dist/esm/components/Drawer/DrawerCloseButton.js +1 -3
  136. package/dist/esm/components/Drawer/DrawerCloseButton.js.map +1 -1
  137. package/dist/esm/components/Drawer/DrawerContent.d.ts.map +1 -1
  138. package/dist/esm/components/Drawer/DrawerContent.js +1 -3
  139. package/dist/esm/components/Drawer/DrawerContent.js.map +1 -1
  140. package/dist/esm/components/Drawer/DrawerContentBody.d.ts.map +1 -1
  141. package/dist/esm/components/Drawer/DrawerContentBody.js +1 -3
  142. package/dist/esm/components/Drawer/DrawerContentBody.js.map +1 -1
  143. package/dist/esm/components/Drawer/DrawerHead.d.ts.map +1 -1
  144. package/dist/esm/components/Drawer/DrawerHead.js +1 -3
  145. package/dist/esm/components/Drawer/DrawerHead.js.map +1 -1
  146. package/dist/esm/components/Drawer/DrawerMain.d.ts.map +1 -1
  147. package/dist/esm/components/Drawer/DrawerMain.js +1 -3
  148. package/dist/esm/components/Drawer/DrawerMain.js.map +1 -1
  149. package/dist/esm/components/Drawer/DrawerPanelBody.d.ts.map +1 -1
  150. package/dist/esm/components/Drawer/DrawerPanelBody.js +1 -3
  151. package/dist/esm/components/Drawer/DrawerPanelBody.js.map +1 -1
  152. package/dist/esm/components/Drawer/DrawerSection.d.ts.map +1 -1
  153. package/dist/esm/components/Drawer/DrawerSection.js +1 -3
  154. package/dist/esm/components/Drawer/DrawerSection.js.map +1 -1
  155. package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  156. package/dist/esm/components/DualListSelector/DualListSelector.js +1 -5
  157. package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
  158. package/dist/esm/components/ExpandableSection/ExpandableSection.js +1 -3
  159. package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
  160. package/dist/esm/components/Label/LabelGroup.js +0 -1
  161. package/dist/esm/components/Label/LabelGroup.js.map +1 -1
  162. package/dist/esm/components/Page/PageToggleButton.d.ts.map +1 -1
  163. package/dist/esm/components/Page/PageToggleButton.js +0 -1
  164. package/dist/esm/components/Page/PageToggleButton.js.map +1 -1
  165. package/dist/esm/components/Popover/Popover.d.ts.map +1 -1
  166. package/dist/esm/components/Popover/Popover.js +0 -1
  167. package/dist/esm/components/Popover/Popover.js.map +1 -1
  168. package/dist/esm/components/Spinner/Spinner.d.ts.map +1 -1
  169. package/dist/esm/components/Spinner/Spinner.js +1 -3
  170. package/dist/esm/components/Spinner/Spinner.js.map +1 -1
  171. package/dist/esm/components/Tabs/TabAction.js +1 -3
  172. package/dist/esm/components/Tabs/TabAction.js.map +1 -1
  173. package/dist/esm/components/Tabs/Tabs.js +0 -1
  174. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  175. package/dist/esm/components/Tooltip/Tooltip.d.ts.map +1 -1
  176. package/dist/esm/components/Tooltip/Tooltip.js +0 -1
  177. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  178. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncher.js +0 -2
  179. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  180. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorItem.d.ts.map +1 -1
  181. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorItem.js +0 -1
  182. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorItem.js.map +1 -1
  183. package/dist/esm/deprecated/components/Dropdown/DropdownToggle.js +1 -5
  184. package/dist/esm/deprecated/components/Dropdown/DropdownToggle.js.map +1 -1
  185. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenuToggle.js +1 -3
  186. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenuToggle.js.map +1 -1
  187. package/dist/esm/deprecated/components/PageHeader/PageHeader.d.ts.map +1 -1
  188. package/dist/esm/deprecated/components/PageHeader/PageHeader.js +0 -1
  189. package/dist/esm/deprecated/components/PageHeader/PageHeader.js.map +1 -1
  190. package/dist/esm/deprecated/components/Select/SelectOption.js +1 -3
  191. package/dist/esm/deprecated/components/Select/SelectOption.js.map +1 -1
  192. package/dist/esm/deprecated/components/Select/SelectToggle.d.ts.map +1 -1
  193. package/dist/esm/deprecated/components/Select/SelectToggle.js +2 -6
  194. package/dist/esm/deprecated/components/Select/SelectToggle.js.map +1 -1
  195. package/dist/js/components/Chip/Chip.js +0 -1
  196. package/dist/js/components/Chip/Chip.js.map +1 -1
  197. package/dist/js/components/Chip/ChipGroup.js +0 -1
  198. package/dist/js/components/Chip/ChipGroup.js.map +1 -1
  199. package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
  200. package/dist/js/components/ClipboardCopy/ClipboardCopy.js +0 -1
  201. package/dist/js/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
  202. package/dist/js/components/DataList/DataListAction.js +1 -3
  203. package/dist/js/components/DataList/DataListAction.js.map +1 -1
  204. package/dist/js/components/Drawer/DrawerActions.d.ts.map +1 -1
  205. package/dist/js/components/Drawer/DrawerActions.js +1 -3
  206. package/dist/js/components/Drawer/DrawerActions.js.map +1 -1
  207. package/dist/js/components/Drawer/DrawerCloseButton.d.ts.map +1 -1
  208. package/dist/js/components/Drawer/DrawerCloseButton.js +1 -3
  209. package/dist/js/components/Drawer/DrawerCloseButton.js.map +1 -1
  210. package/dist/js/components/Drawer/DrawerContent.d.ts.map +1 -1
  211. package/dist/js/components/Drawer/DrawerContent.js +1 -3
  212. package/dist/js/components/Drawer/DrawerContent.js.map +1 -1
  213. package/dist/js/components/Drawer/DrawerContentBody.d.ts.map +1 -1
  214. package/dist/js/components/Drawer/DrawerContentBody.js +1 -3
  215. package/dist/js/components/Drawer/DrawerContentBody.js.map +1 -1
  216. package/dist/js/components/Drawer/DrawerHead.d.ts.map +1 -1
  217. package/dist/js/components/Drawer/DrawerHead.js +1 -3
  218. package/dist/js/components/Drawer/DrawerHead.js.map +1 -1
  219. package/dist/js/components/Drawer/DrawerMain.d.ts.map +1 -1
  220. package/dist/js/components/Drawer/DrawerMain.js +1 -3
  221. package/dist/js/components/Drawer/DrawerMain.js.map +1 -1
  222. package/dist/js/components/Drawer/DrawerPanelBody.d.ts.map +1 -1
  223. package/dist/js/components/Drawer/DrawerPanelBody.js +1 -3
  224. package/dist/js/components/Drawer/DrawerPanelBody.js.map +1 -1
  225. package/dist/js/components/Drawer/DrawerSection.d.ts.map +1 -1
  226. package/dist/js/components/Drawer/DrawerSection.js +1 -3
  227. package/dist/js/components/Drawer/DrawerSection.js.map +1 -1
  228. package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  229. package/dist/js/components/DualListSelector/DualListSelector.js +1 -5
  230. package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
  231. package/dist/js/components/ExpandableSection/ExpandableSection.js +1 -3
  232. package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
  233. package/dist/js/components/Label/LabelGroup.js +0 -1
  234. package/dist/js/components/Label/LabelGroup.js.map +1 -1
  235. package/dist/js/components/Page/PageToggleButton.d.ts.map +1 -1
  236. package/dist/js/components/Page/PageToggleButton.js +0 -1
  237. package/dist/js/components/Page/PageToggleButton.js.map +1 -1
  238. package/dist/js/components/Popover/Popover.d.ts.map +1 -1
  239. package/dist/js/components/Popover/Popover.js +0 -1
  240. package/dist/js/components/Popover/Popover.js.map +1 -1
  241. package/dist/js/components/Spinner/Spinner.d.ts.map +1 -1
  242. package/dist/js/components/Spinner/Spinner.js +1 -3
  243. package/dist/js/components/Spinner/Spinner.js.map +1 -1
  244. package/dist/js/components/Tabs/TabAction.js +1 -3
  245. package/dist/js/components/Tabs/TabAction.js.map +1 -1
  246. package/dist/js/components/Tabs/Tabs.js +0 -1
  247. package/dist/js/components/Tabs/Tabs.js.map +1 -1
  248. package/dist/js/components/Tooltip/Tooltip.d.ts.map +1 -1
  249. package/dist/js/components/Tooltip/Tooltip.js +0 -1
  250. package/dist/js/components/Tooltip/Tooltip.js.map +1 -1
  251. package/dist/js/deprecated/components/ApplicationLauncher/ApplicationLauncher.js +0 -2
  252. package/dist/js/deprecated/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  253. package/dist/js/deprecated/components/ContextSelector/ContextSelectorItem.d.ts.map +1 -1
  254. package/dist/js/deprecated/components/ContextSelector/ContextSelectorItem.js +0 -1
  255. package/dist/js/deprecated/components/ContextSelector/ContextSelectorItem.js.map +1 -1
  256. package/dist/js/deprecated/components/Dropdown/DropdownToggle.js +1 -5
  257. package/dist/js/deprecated/components/Dropdown/DropdownToggle.js.map +1 -1
  258. package/dist/js/deprecated/components/OptionsMenu/OptionsMenuToggle.js +1 -3
  259. package/dist/js/deprecated/components/OptionsMenu/OptionsMenuToggle.js.map +1 -1
  260. package/dist/js/deprecated/components/PageHeader/PageHeader.d.ts.map +1 -1
  261. package/dist/js/deprecated/components/PageHeader/PageHeader.js +0 -1
  262. package/dist/js/deprecated/components/PageHeader/PageHeader.js.map +1 -1
  263. package/dist/js/deprecated/components/Select/SelectOption.js +1 -3
  264. package/dist/js/deprecated/components/Select/SelectOption.js.map +1 -1
  265. package/dist/js/deprecated/components/Select/SelectToggle.d.ts.map +1 -1
  266. package/dist/js/deprecated/components/Select/SelectToggle.js +2 -6
  267. package/dist/js/deprecated/components/Select/SelectToggle.js.map +1 -1
  268. package/dist/umd/assets/{output-CONrNA1D.css → output-DjxyFOGq.css} +1091 -1091
  269. package/helpers/package.json +1 -1
  270. package/layouts/package.json +1 -1
  271. package/next/package.json +1 -1
  272. package/package.json +2 -2
  273. package/scripts/copyStyles.js +0 -2
  274. package/src/components/BackToTop/__tests__/BackToTop.test.tsx +1 -1
  275. package/src/components/Chip/Chip.tsx +1 -1
  276. package/src/components/Chip/ChipGroup.tsx +1 -1
  277. package/src/components/ClipboardCopy/ClipboardCopy.tsx +0 -1
  278. package/src/components/DataList/DataListAction.tsx +1 -1
  279. package/src/components/Drawer/DrawerActions.tsx +0 -1
  280. package/src/components/Drawer/DrawerCloseButton.tsx +0 -1
  281. package/src/components/Drawer/DrawerContent.tsx +0 -1
  282. package/src/components/Drawer/DrawerContentBody.tsx +0 -1
  283. package/src/components/Drawer/DrawerHead.tsx +0 -1
  284. package/src/components/Drawer/DrawerMain.tsx +0 -1
  285. package/src/components/Drawer/DrawerPanelBody.tsx +0 -1
  286. package/src/components/Drawer/DrawerSection.tsx +0 -1
  287. package/src/components/DualListSelector/DualListSelector.tsx +1 -2
  288. package/src/components/ExpandableSection/ExpandableSection.tsx +1 -1
  289. package/src/components/Label/LabelGroup.tsx +1 -1
  290. package/src/components/Page/PageToggleButton.tsx +0 -1
  291. package/src/components/Popover/Popover.tsx +0 -1
  292. package/src/components/Spinner/Spinner.tsx +0 -1
  293. package/src/components/Tabs/TabAction.tsx +1 -1
  294. package/src/components/Tabs/Tabs.tsx +1 -1
  295. package/src/components/Tooltip/Tooltip.tsx +0 -1
  296. package/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx +0 -1
  297. package/src/demos/CustomMenus/examples/ComposableDateSelect.tsx +0 -1
  298. package/src/demos/CustomMenus/examples/DateSelectDemo.tsx +0 -1
  299. package/src/demos/CustomMenus/examples/FavoritesDemo.tsx +0 -1
  300. package/src/demos/Filters/examples/FilterAttributeSearch.tsx +0 -1
  301. package/src/deprecated/components/ApplicationLauncher/ApplicationLauncher.tsx +2 -2
  302. package/src/deprecated/components/ContextSelector/ContextSelectorItem.tsx +0 -1
  303. package/src/deprecated/components/Dropdown/DropdownToggle.tsx +2 -2
  304. package/src/deprecated/components/OptionsMenu/OptionsMenuToggle.tsx +1 -1
  305. package/src/deprecated/components/PageHeader/PageHeader.tsx +0 -1
  306. package/src/deprecated/components/Select/SelectOption.tsx +1 -1
  307. package/src/deprecated/components/Select/SelectToggle.tsx +0 -2
  308. package/src/deprecated/components/Wizard/__tests__/Wizard.test.tsx +0 -2
  309. package/src/helpers/__tests__/util.test.ts +0 -1
@@ -557,41 +557,6 @@
557
557
  --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
558
558
  }
559
559
 
560
- .pf-v5-c-back-to-top {
561
- --pf-v5-c-back-to-top--Right: var(--pf-v5-global--spacer--2xl);
562
- --pf-v5-c-back-to-top--Bottom: var(--pf-v5-global--spacer--lg);
563
- --pf-v5-c-back-to-top--md--Bottom: var(--pf-v5-global--spacer--2xl);
564
- --pf-v5-c-back-to-top--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
565
- --pf-v5-c-back-to-top--c-button--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
566
- --pf-v5-c-back-to-top--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
567
- --pf-v5-c-back-to-top--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
568
- --pf-v5-c-back-to-top--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
569
- --pf-v5-c-back-to-top--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
570
- --pf-v5-c-back-to-top--c-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg-bottom);
571
- position: absolute;
572
- inset-block-end: var(--pf-v5-c-back-to-top--Bottom);
573
- inset-inline-end: var(--pf-v5-c-back-to-top--Right);
574
- }
575
-
576
- @media (min-width: 768px) {
577
- .pf-v5-c-back-to-top {
578
- --pf-v5-c-back-to-top--Bottom: var(--pf-v5-c-back-to-top--md--Bottom);
579
- }
580
- }
581
- .pf-v5-c-back-to-top.pf-m-hidden {
582
- display: none;
583
- }
584
-
585
- .pf-v5-c-back-to-top .pf-v5-c-button {
586
- --pf-v5-c-button--FontSize: var(--pf-v5-c-back-to-top--c-button--FontSize);
587
- --pf-v5-c-button--BorderRadius: var(--pf-v5-c-back-to-top--c-button--BorderRadius);
588
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-back-to-top--c-button--PaddingTop);
589
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-back-to-top--c-button--PaddingRight);
590
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-back-to-top--c-button--PaddingBottom);
591
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-back-to-top--c-button--PaddingLeft);
592
- box-shadow: var(--pf-v5-c-back-to-top--c-button--BoxShadow);
593
- }
594
-
595
560
  .pf-v5-c-avatar {
596
561
  --pf-v5-c-avatar--BorderColor: transparent;
597
562
  --pf-v5-c-avatar--BorderWidth: 0;
@@ -846,6 +811,41 @@
846
811
  --pf-v5-c-avatar--Height: var(--pf-v5-c-avatar--m-xl--Height-on-2xl, var(--pf-v5-c-avatar--m-xl--Height-on-xl, var(--pf-v5-c-avatar--m-xl--Height-on-lg, var(--pf-v5-c-avatar--m-xl--Height-on-md, var(--pf-v5-c-avatar--m-xl--Height-on-sm, var(--pf-v5-c-avatar--m-xl--Height))))));
847
812
  }
848
813
  }
814
+ .pf-v5-c-back-to-top {
815
+ --pf-v5-c-back-to-top--Right: var(--pf-v5-global--spacer--2xl);
816
+ --pf-v5-c-back-to-top--Bottom: var(--pf-v5-global--spacer--lg);
817
+ --pf-v5-c-back-to-top--md--Bottom: var(--pf-v5-global--spacer--2xl);
818
+ --pf-v5-c-back-to-top--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
819
+ --pf-v5-c-back-to-top--c-button--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
820
+ --pf-v5-c-back-to-top--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
821
+ --pf-v5-c-back-to-top--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
822
+ --pf-v5-c-back-to-top--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
823
+ --pf-v5-c-back-to-top--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
824
+ --pf-v5-c-back-to-top--c-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg-bottom);
825
+ position: absolute;
826
+ inset-block-end: var(--pf-v5-c-back-to-top--Bottom);
827
+ inset-inline-end: var(--pf-v5-c-back-to-top--Right);
828
+ }
829
+
830
+ @media (min-width: 768px) {
831
+ .pf-v5-c-back-to-top {
832
+ --pf-v5-c-back-to-top--Bottom: var(--pf-v5-c-back-to-top--md--Bottom);
833
+ }
834
+ }
835
+ .pf-v5-c-back-to-top.pf-m-hidden {
836
+ display: none;
837
+ }
838
+
839
+ .pf-v5-c-back-to-top .pf-v5-c-button {
840
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-back-to-top--c-button--FontSize);
841
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-back-to-top--c-button--BorderRadius);
842
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-back-to-top--c-button--PaddingTop);
843
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-back-to-top--c-button--PaddingRight);
844
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-back-to-top--c-button--PaddingBottom);
845
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-back-to-top--c-button--PaddingLeft);
846
+ box-shadow: var(--pf-v5-c-back-to-top--c-button--BoxShadow);
847
+ }
848
+
849
849
  .pf-v5-c-backdrop {
850
850
  --pf-v5-c-backdrop--Position: fixed;
851
851
  --pf-v5-c-backdrop--ZIndex: var(--pf-v5-global--ZIndex--lg);
@@ -8342,154 +8342,90 @@ label.pf-v5-c-input-group__text {
8342
8342
  --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8343
8343
  }
8344
8344
  }
8345
- .pf-v5-c-label-group {
8346
- --pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
8347
- --pf-v5-c-label-group--ColumnGap: 0;
8348
- --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
8349
- --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
8350
- --pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
8351
- --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
8352
- --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
8353
- --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
8354
- --pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
8355
- --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8356
- --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
8357
- --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8358
- --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
8359
- --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
8360
- --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
8361
- --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
8362
- --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
8363
- --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
8364
- --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8365
- --pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
8366
- --pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8367
- --pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
8368
- --pf-v5-c-label-group__label--MaxWidth: 18ch;
8369
- --pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
8370
- --pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
8371
- --pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
8372
- --pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
8373
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
8374
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
8375
- --pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
8376
- --pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
8377
- --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
8378
- --pf-v5-c-label-group__textarea--PaddingBottom: 0;
8379
- --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
8380
- display: inline-flex;
8381
- row-gap: var(--pf-v5-c-label-group--RowGap);
8382
- column-gap: var(--pf-v5-c-label-group--ColumnGap);
8383
- align-items: center;
8384
- }
8385
-
8386
- .pf-v5-c-label-group.pf-m-category {
8387
- padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
8388
- padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
8389
- padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
8390
- padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
8391
- background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
8392
- border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
8393
- border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
8345
+ .pf-v5-c-list {
8346
+ --pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
8347
+ --pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
8348
+ --pf-v5-c-list--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
8349
+ --pf-v5-c-list--ul--ListStyle: var(--pf-v5-global--ListStyle);
8350
+ --pf-v5-c-list--li--MarginTop: var(--pf-v5-global--spacer--sm);
8351
+ --pf-v5-c-list--m-inline--li--MarginRight: var(--pf-v5-global--spacer--lg);
8352
+ --pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-v5-global--spacer--sm);
8353
+ --pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
8354
+ --pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
8355
+ --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
8356
+ --pf-v5-c-list__item-icon--MarginTop: 0.375rem;
8357
+ --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
8358
+ --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
8359
+ --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
8360
+ --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
8361
+ --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
8362
+ --pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
8363
+ padding-inline-start: var(--pf-v5-c-list--PaddingLeft);
8394
8364
  }
8395
8365
 
8396
- .pf-v5-c-label-group.pf-m-vertical {
8397
- --pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
8398
- --pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
8399
- --pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
8400
- --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
8401
- --pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
8402
- --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
8403
- --pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
8404
- --pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
8405
- --pf-v5-c-label-group__close--MarginBottom: 0;
8406
- --pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
8407
- --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
8366
+ .pf-v5-c-list ol,
8367
+ .pf-v5-c-list ul {
8368
+ margin-block-start: var(--pf-v5-c-list--nested--MarginTop);
8369
+ margin-inline-start: var(--pf-v5-c-list--nested--MarginLeft);
8408
8370
  }
8409
8371
 
8410
- .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
8411
- align-items: flex-start;
8372
+ .pf-v5-c-list li + li {
8373
+ margin-block-start: var(--pf-v5-c-list--li--MarginTop);
8412
8374
  }
8413
8375
 
8414
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
8415
- flex-direction: column;
8416
- align-items: flex-start;
8376
+ ul.pf-v5-c-list {
8377
+ list-style: var(--pf-v5-c-list--ul--ListStyle);
8417
8378
  }
8418
8379
 
8419
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
8420
- flex-direction: column;
8380
+ .pf-v5-c-list .pf-v5-c-list__item {
8381
+ display: flex;
8421
8382
  }
8422
8383
 
8423
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
8424
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
8425
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
8384
+ .pf-v5-c-list .pf-v5-c-list__item-icon {
8385
+ flex-shrink: 0;
8386
+ min-width: var(--pf-v5-c-list__item-icon--MinWidth);
8387
+ margin-block-start: var(--pf-v5-c-list__item-icon--MarginTop);
8388
+ margin-inline-end: var(--pf-v5-c-list__item-icon--MarginRight);
8389
+ font-size: var(--pf-v5-c-list__item-icon--FontSize);
8390
+ line-height: 1;
8391
+ color: var(--pf-v5-c-list__item-icon--Color);
8426
8392
  }
8427
8393
 
8428
- .pf-v5-c-label-group.pf-m-editable,
8429
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8430
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
8431
- display: flex;
8394
+ .pf-v5-c-list.pf-m-icon-lg {
8395
+ --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-c-list--m-icon-lg__item-icon--MinWidth);
8396
+ --pf-v5-c-list__item-icon--MarginTop: 0;
8397
+ --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-c-list--m-icon-lg__item-icon--MarginRight);
8398
+ --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-c-list--m-icon-lg__item-icon--FontSize);
8432
8399
  }
8433
8400
 
8434
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8435
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
8436
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
8437
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
8438
- flex: 1;
8401
+ .pf-v5-c-list.pf-m-plain {
8402
+ --pf-v5-c-list--PaddingLeft: 0;
8403
+ list-style: none;
8439
8404
  }
8440
8405
 
8441
- .pf-v5-c-label-group__main {
8406
+ .pf-v5-c-list.pf-m-inline {
8407
+ --pf-v5-c-list--PaddingLeft: 0;
8442
8408
  display: flex;
8443
- flex: 1;
8444
- flex-wrap: wrap;
8445
- row-gap: var(--pf-v5-c-label-group__main--RowGap);
8446
- column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
8447
- align-items: baseline;
8448
- }
8449
-
8450
- .pf-v5-c-label-group__list {
8451
- display: inline-flex;
8452
8409
  flex-wrap: wrap;
8453
- row-gap: var(--pf-v5-c-label-group__list--RowGap);
8454
- column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
8455
- }
8456
-
8457
- .pf-v5-c-label-group__list-item {
8458
- display: inline-flex;
8410
+ list-style: none;
8459
8411
  }
8460
8412
 
8461
- .pf-v5-c-label-group__label {
8462
- overflow: hidden;
8463
- text-overflow: ellipsis;
8464
- white-space: nowrap;
8465
- max-width: var(--pf-v5-c-label-group__label--MaxWidth);
8466
- font-size: var(--pf-v5-c-label-group__label--FontSize);
8413
+ .pf-v5-c-list.pf-m-inline li {
8414
+ --pf-v5-c-list--li--MarginTop: 0;
8467
8415
  }
8468
8416
 
8469
- .pf-v5-c-label-group__close {
8470
- display: flex;
8471
- align-self: flex-start;
8472
- margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
8473
- margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
8474
- margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
8475
- margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
8417
+ .pf-v5-c-list.pf-m-inline li:not(:last-child) {
8418
+ margin-inline-end: var(--pf-v5-c-list--m-inline--li--MarginRight);
8476
8419
  }
8477
8420
 
8478
- .pf-v5-c-label-group__textarea {
8479
- min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
8480
- padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
8481
- padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
8482
- padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
8483
- padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
8484
- white-space: nowrap;
8485
- resize: none;
8486
- border: 0;
8487
- -ms-overflow-style: none;
8488
- scrollbar-width: none;
8421
+ .pf-v5-c-list.pf-m-bordered > * {
8422
+ padding-block-end: var(--pf-v5-c-list--m-bordered--li--PaddingBottom);
8423
+ border-block-end: var(--pf-v5-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-v5-c-list--m-bordered--li--BorderBottomColor);
8489
8424
  }
8490
8425
 
8491
- .pf-v5-c-label-group__textarea::-webkit-scrollbar {
8492
- display: none;
8426
+ .pf-v5-c-list.pf-m-bordered > :last-child {
8427
+ --pf-v5-c-list--m-bordered--li--PaddingBottom: 0;
8428
+ --pf-v5-c-list--m-bordered--li--BorderBottomWidth: 0;
8493
8429
  }
8494
8430
 
8495
8431
  .pf-v5-c-label {
@@ -8986,90 +8922,154 @@ button.pf-v5-c-label__content:focus {
8986
8922
  --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8987
8923
  }
8988
8924
 
8989
- .pf-v5-c-list {
8990
- --pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
8991
- --pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
8992
- --pf-v5-c-list--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
8993
- --pf-v5-c-list--ul--ListStyle: var(--pf-v5-global--ListStyle);
8994
- --pf-v5-c-list--li--MarginTop: var(--pf-v5-global--spacer--sm);
8995
- --pf-v5-c-list--m-inline--li--MarginRight: var(--pf-v5-global--spacer--lg);
8996
- --pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-v5-global--spacer--sm);
8997
- --pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
8998
- --pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
8999
- --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
9000
- --pf-v5-c-list__item-icon--MarginTop: 0.375rem;
9001
- --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
9002
- --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
9003
- --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
9004
- --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
9005
- --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
9006
- --pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
9007
- padding-inline-start: var(--pf-v5-c-list--PaddingLeft);
8925
+ .pf-v5-c-label-group {
8926
+ --pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
8927
+ --pf-v5-c-label-group--ColumnGap: 0;
8928
+ --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
8929
+ --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
8930
+ --pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
8931
+ --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
8932
+ --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
8933
+ --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
8934
+ --pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
8935
+ --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8936
+ --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
8937
+ --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8938
+ --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
8939
+ --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
8940
+ --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
8941
+ --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
8942
+ --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
8943
+ --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
8944
+ --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8945
+ --pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
8946
+ --pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8947
+ --pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
8948
+ --pf-v5-c-label-group__label--MaxWidth: 18ch;
8949
+ --pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
8950
+ --pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
8951
+ --pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
8952
+ --pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
8953
+ --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
8954
+ --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
8955
+ --pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
8956
+ --pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
8957
+ --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
8958
+ --pf-v5-c-label-group__textarea--PaddingBottom: 0;
8959
+ --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
8960
+ display: inline-flex;
8961
+ row-gap: var(--pf-v5-c-label-group--RowGap);
8962
+ column-gap: var(--pf-v5-c-label-group--ColumnGap);
8963
+ align-items: center;
9008
8964
  }
9009
8965
 
9010
- .pf-v5-c-list ol,
9011
- .pf-v5-c-list ul {
9012
- margin-block-start: var(--pf-v5-c-list--nested--MarginTop);
9013
- margin-inline-start: var(--pf-v5-c-list--nested--MarginLeft);
8966
+ .pf-v5-c-label-group.pf-m-category {
8967
+ padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
8968
+ padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
8969
+ padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
8970
+ padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
8971
+ background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
8972
+ border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
8973
+ border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
9014
8974
  }
9015
8975
 
9016
- .pf-v5-c-list li + li {
9017
- margin-block-start: var(--pf-v5-c-list--li--MarginTop);
8976
+ .pf-v5-c-label-group.pf-m-vertical {
8977
+ --pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
8978
+ --pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
8979
+ --pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
8980
+ --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
8981
+ --pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
8982
+ --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
8983
+ --pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
8984
+ --pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
8985
+ --pf-v5-c-label-group__close--MarginBottom: 0;
8986
+ --pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
8987
+ --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
9018
8988
  }
9019
8989
 
9020
- ul.pf-v5-c-list {
9021
- list-style: var(--pf-v5-c-list--ul--ListStyle);
8990
+ .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
8991
+ align-items: flex-start;
9022
8992
  }
9023
8993
 
9024
- .pf-v5-c-list .pf-v5-c-list__item {
9025
- display: flex;
8994
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
8995
+ flex-direction: column;
8996
+ align-items: flex-start;
9026
8997
  }
9027
8998
 
9028
- .pf-v5-c-list .pf-v5-c-list__item-icon {
9029
- flex-shrink: 0;
9030
- min-width: var(--pf-v5-c-list__item-icon--MinWidth);
9031
- margin-block-start: var(--pf-v5-c-list__item-icon--MarginTop);
9032
- margin-inline-end: var(--pf-v5-c-list__item-icon--MarginRight);
9033
- font-size: var(--pf-v5-c-list__item-icon--FontSize);
9034
- line-height: 1;
9035
- color: var(--pf-v5-c-list__item-icon--Color);
8999
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
9000
+ flex-direction: column;
9036
9001
  }
9037
9002
 
9038
- .pf-v5-c-list.pf-m-icon-lg {
9039
- --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-c-list--m-icon-lg__item-icon--MinWidth);
9040
- --pf-v5-c-list__item-icon--MarginTop: 0;
9041
- --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-c-list--m-icon-lg__item-icon--MarginRight);
9042
- --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-c-list--m-icon-lg__item-icon--FontSize);
9003
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
9004
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
9005
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
9043
9006
  }
9044
9007
 
9045
- .pf-v5-c-list.pf-m-plain {
9046
- --pf-v5-c-list--PaddingLeft: 0;
9047
- list-style: none;
9008
+ .pf-v5-c-label-group.pf-m-editable,
9009
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
9010
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
9011
+ display: flex;
9048
9012
  }
9049
9013
 
9050
- .pf-v5-c-list.pf-m-inline {
9051
- --pf-v5-c-list--PaddingLeft: 0;
9014
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
9015
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
9016
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
9017
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
9018
+ flex: 1;
9019
+ }
9020
+
9021
+ .pf-v5-c-label-group__main {
9052
9022
  display: flex;
9023
+ flex: 1;
9053
9024
  flex-wrap: wrap;
9054
- list-style: none;
9025
+ row-gap: var(--pf-v5-c-label-group__main--RowGap);
9026
+ column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
9027
+ align-items: baseline;
9055
9028
  }
9056
9029
 
9057
- .pf-v5-c-list.pf-m-inline li {
9058
- --pf-v5-c-list--li--MarginTop: 0;
9030
+ .pf-v5-c-label-group__list {
9031
+ display: inline-flex;
9032
+ flex-wrap: wrap;
9033
+ row-gap: var(--pf-v5-c-label-group__list--RowGap);
9034
+ column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
9059
9035
  }
9060
9036
 
9061
- .pf-v5-c-list.pf-m-inline li:not(:last-child) {
9062
- margin-inline-end: var(--pf-v5-c-list--m-inline--li--MarginRight);
9037
+ .pf-v5-c-label-group__list-item {
9038
+ display: inline-flex;
9063
9039
  }
9064
9040
 
9065
- .pf-v5-c-list.pf-m-bordered > * {
9066
- padding-block-end: var(--pf-v5-c-list--m-bordered--li--PaddingBottom);
9067
- border-block-end: var(--pf-v5-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-v5-c-list--m-bordered--li--BorderBottomColor);
9041
+ .pf-v5-c-label-group__label {
9042
+ overflow: hidden;
9043
+ text-overflow: ellipsis;
9044
+ white-space: nowrap;
9045
+ max-width: var(--pf-v5-c-label-group__label--MaxWidth);
9046
+ font-size: var(--pf-v5-c-label-group__label--FontSize);
9068
9047
  }
9069
9048
 
9070
- .pf-v5-c-list.pf-m-bordered > :last-child {
9071
- --pf-v5-c-list--m-bordered--li--PaddingBottom: 0;
9072
- --pf-v5-c-list--m-bordered--li--BorderBottomWidth: 0;
9049
+ .pf-v5-c-label-group__close {
9050
+ display: flex;
9051
+ align-self: flex-start;
9052
+ margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
9053
+ margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
9054
+ margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
9055
+ margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
9056
+ }
9057
+
9058
+ .pf-v5-c-label-group__textarea {
9059
+ min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
9060
+ padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
9061
+ padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
9062
+ padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
9063
+ padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
9064
+ white-space: nowrap;
9065
+ resize: none;
9066
+ border: 0;
9067
+ -ms-overflow-style: none;
9068
+ scrollbar-width: none;
9069
+ }
9070
+
9071
+ .pf-v5-c-label-group__textarea::-webkit-scrollbar {
9072
+ display: none;
9073
9073
  }
9074
9074
 
9075
9075
  .pf-v5-c-login__footer, .pf-v5-c-login__header {
@@ -20946,1094 +20946,1094 @@ svg.pf-v5-c-spinner.pf-m-xl {
20946
20946
  font-size: var(--pf-v5-c-number-input__icon--FontSize);
20947
20947
  }
20948
20948
 
20949
- .pf-v5-c-wizard__header {
20950
- --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
20951
- --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
20952
- --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
20953
- --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
20954
- --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
20955
- --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
20956
- --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
20957
- --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
20958
- --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
20959
- }
20960
-
20961
- .pf-v5-c-wizard__header .pf-v5-c-button {
20962
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
20963
- }
20964
-
20965
- .pf-v5-c-wizard {
20966
- --pf-v5-c-wizard--Height: 100%;
20967
- --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
20968
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
20969
- --pf-v5-c-wizard__header--ZIndex: auto;
20970
- --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
20971
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
20972
- --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
20973
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-global--spacer--md);
20974
- --pf-v5-c-wizard__header--lg--PaddingRight: var(--pf-v5-global--spacer--md);
20975
- --pf-v5-c-wizard__header--lg--PaddingLeft: var(--pf-v5-global--spacer--md);
20976
- --pf-v5-c-wizard__header--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
20977
- --pf-v5-c-wizard__header--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
20978
- --pf-v5-c-wizard__close--Top: calc(var(--pf-v5-global--spacer--lg) - var(--pf-v5-global--spacer--form-element));
20979
- --pf-v5-c-wizard__close--Right: 0;
20980
- --pf-v5-c-wizard__close--xl--Right: var(--pf-v5-global--spacer--lg);
20981
- --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
20982
- --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
20983
- --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
20984
- --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
20985
- --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
20986
- --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
20987
- --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
20988
- --pf-v5-c-wizard__description--Color: var(--pf-v5-global--Color--light-200);
20989
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-global--Color--100);
20990
- --pf-v5-c-wizard__nav-link--BackgroundColor: transparent;
20991
- --pf-v5-c-wizard__nav-link--TextDecoration: var(--pf-v5-global--link--TextDecoration);
20992
- --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-v5-global--link--Color);
20993
- --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
20994
- --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
20995
- --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
20996
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
20997
- --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
20998
- --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
20999
- --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
21000
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-global--Color--200);
21001
- --pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
21002
- --pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
21003
- --pf-v5-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v5-global--Transition);
21004
- --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: 0;
21005
- --pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
21006
- --pf-v5-c-wizard__nav-link--before--Width: 1.5rem;
21007
- --pf-v5-c-wizard__nav-link--before--Height: 1.5rem;
21008
- --pf-v5-c-wizard__nav-link--before--Top: 0;
21009
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21010
- --pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
21011
- --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-global--Color--100);
21012
- --pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-v5-global--FontSize--sm);
21013
- --pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-v5-global--spacer--sm));
21014
- --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
21015
- --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
21016
- --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
21017
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
21018
- --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21019
- --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
21020
- --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
21021
- --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
21022
- --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
21023
- --pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-v5-global--spacer--lg);
21024
- --pf-v5-c-wizard__toggle--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
21025
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
21026
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
21027
- --pf-v5-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
21028
- --pf-v5-c-wizard__toggle-num--before--Top: 0;
21029
- --pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-v5-global--spacer--sm);
21030
- --pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-v5-global--spacer--xs);
21031
- --pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-v5-global--spacer--sm);
21032
- --pf-v5-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v5-c-wizard__toggle-list-item--MarginBottom) * -1);
21033
- --pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-v5-global--spacer--sm);
21034
- --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
21035
- --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
21036
- --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
21037
- --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
21038
- --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21039
- --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
21040
- --pf-v5-c-wizard__nav--Width: 100%;
21041
- --pf-v5-c-wizard__nav--lg--Width: 15.625rem;
21042
- --pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
21043
- --pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-v5-global--BorderColor--100);
21044
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-global--spacer--lg);
21045
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-global--spacer--md);
21046
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-global--spacer--lg);
21047
- --pf-v5-c-wizard__nav-list--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
21048
- --pf-v5-c-wizard__nav-list--lg--PaddingTop: var(--pf-v5-global--spacer--md);
21049
- --pf-v5-c-wizard__nav-list--lg--PaddingRight: var(--pf-v5-global--spacer--md);
21050
- --pf-v5-c-wizard__nav-list--lg--PaddingBottom: var(--pf-v5-global--spacer--md);
21051
- --pf-v5-c-wizard__nav-list--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21052
- --pf-v5-c-wizard__nav-list--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21053
- --pf-v5-c-wizard__nav-list--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21054
- --pf-v5-c-wizard__nav-list--xl--PaddingLeft: calc(var(--pf-v5-global--spacer--lg) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
21055
- --pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-v5-global--spacer--md);
21056
- --pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-v5-global--spacer--md);
21057
- --pf-v5-c-wizard__nav-item--MarginTop: var(--pf-v5-global--spacer--md);
21058
- --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21059
- --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
21060
- --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
21061
- --pf-v5-c-wizard__main--ZIndex: auto;
21062
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
21063
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
21064
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
21065
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-global--spacer--md);
21066
- --pf-v5-c-wizard__main-body--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21067
- --pf-v5-c-wizard__main-body--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21068
- --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21069
- --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21070
- --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21071
- --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
21072
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
21073
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
21074
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);
21075
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
21076
- --pf-v5-c-wizard__footer--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21077
- --pf-v5-c-wizard__footer--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21078
- --pf-v5-c-wizard__footer--xl--PaddingBottom: var(--pf-v5-global--spacer--md);
21079
- --pf-v5-c-wizard__footer--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21080
- --pf-v5-c-wizard__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
21081
- --pf-v5-c-wizard__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
21082
- --pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-v5-global--spacer--sm);
21083
- --pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
21084
- position: relative;
21085
- display: flex;
21086
- flex-direction: column;
21087
- height: var(--pf-v5-c-wizard--Height);
20949
+ .pf-v5-c-tree-view {
20950
+ --pf-v5-c-tree-view--PaddingTop: var(--pf-v5-global--spacer--sm);
20951
+ --pf-v5-c-tree-view--PaddingBottom: var(--pf-v5-global--spacer--sm);
20952
+ --pf-v5-c-tree-view__node--indent--base: calc(var(--pf-v5-global--spacer--md) * 2 + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth));
20953
+ --pf-v5-c-tree-view__node--nested-indent--base: calc(var(--pf-v5-c-tree-view__node--indent--base) - var(--pf-v5-global--spacer--md));
20954
+ --pf-v5-c-tree-view__node--PaddingTop--base: var(--pf-v5-global--spacer--sm);
20955
+ --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view__node--PaddingTop--base);
20956
+ --pf-v5-c-tree-view__node--PaddingRight: var(--pf-v5-global--spacer--sm);
20957
+ --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-global--spacer--sm);
20958
+ --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view__node--indent--base);
20959
+ --pf-v5-c-tree-view__node--Color: var(--pf-v5-global--Color--100);
20960
+ --pf-v5-c-tree-view__node--m-current--Color: var(--pf-v5-global--link--Color);
20961
+ --pf-v5-c-tree-view__node--m-current--FontWeight: var(--pf-v5-global--FontWeight--bold);
20962
+ --pf-v5-c-tree-view__node--BackgroundColor: transparent;
20963
+ --pf-v5-c-tree-view__node-container--Display: contents;
20964
+ --pf-v5-c-tree-view__node-content--RowGap: var(--pf-v5-global--spacer--sm);
20965
+ --pf-v5-c-tree-view__node-content--Overflow: visible;
20966
+ --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
20967
+ --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
20968
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop--base);
20969
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
20970
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
20971
+ --pf-v5-c-tree-view__node-toggle--Position: absolute;
20972
+ --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-v5-global--Color--200);
20973
+ --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--Color--base);
20974
+ --pf-v5-c-tree-view__node-toggle--hover--Color: var(--pf-v5-global--Color--100);
20975
+ --pf-v5-c-tree-view__node-toggle--focus--Color: var(--pf-v5-global--Color--100);
20976
+ --pf-v5-c-tree-view__node-toggle--active--Color: var(--pf-v5-global--Color--100);
20977
+ --pf-v5-c-tree-view__node-toggle--BackgroundColor: transparent;
20978
+ --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-v5-global--Color--100);
20979
+ --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
20980
+ --pf-v5-c-tree-view__node-toggle-icon--Transition: transform var(--pf-v5-global--TransitionDuration) var(--pf-v5-global--TimingFunction);
20981
+ --pf-v5-c-tree-view__node-toggle-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
20982
+ --pf-v5-c-tree-view__node-toggle-button--PaddingRight: var(--pf-v5-global--spacer--md);
20983
+ --pf-v5-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
20984
+ --pf-v5-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-v5-global--spacer--md);
20985
+ --pf-v5-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
20986
+ --pf-v5-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
20987
+ --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-v5-global--spacer--sm);
20988
+ --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-v5-global--spacer--sm);
20989
+ --pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
20990
+ --pf-v5-c-tree-view__search--PaddingTop: var(--pf-v5-global--spacer--sm);
20991
+ --pf-v5-c-tree-view__search--PaddingRight: var(--pf-v5-global--spacer--sm);
20992
+ --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-v5-global--spacer--sm);
20993
+ --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-v5-global--spacer--sm);
20994
+ --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
20995
+ --pf-v5-c-tree-view__node-icon--Color: var(--pf-v5-global--icon--Color--light);
20996
+ --pf-v5-c-tree-view__node-toggle-icon--base--Rotate: 0;
20997
+ --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
20998
+ --pf-v5-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
20999
+ --pf-v5-c-tree-view__node-text--max-lines: 1;
21000
+ --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
21001
+ --pf-v5-c-tree-view__action--MarginLeft: var(--pf-v5-global--spacer--md);
21002
+ --pf-v5-c-tree-view--m-guides--guide--Left: var(--pf-v5-c-tree-view--m-guides--guide-left--base);
21003
+ --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-v5-global--BorderColor--100);
21004
+ --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-v5-global--BorderWidth--sm);
21005
+ --pf-v5-c-tree-view--m-guides--guide-left--base: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides__list-node--guide-width--base));
21006
+ --pf-v5-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth) / 2);
21007
+ --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-v5-global--spacer--lg);
21008
+ --pf-v5-c-tree-view--m-guides__list-item--before--Top: 0;
21009
+ --pf-v5-c-tree-view--m-guides__list-item--before--Width: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
21010
+ --pf-v5-c-tree-view--m-guides__list-item--before--Height: 100%;
21011
+ --pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
21012
+ --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
21013
+ --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top);
21014
+ --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-v5-global--ZIndex--xs);
21015
+ --pf-v5-c-tree-view--m-guides__node--before--Width: 1rem;
21016
+ --pf-v5-c-tree-view--m-guides__node--before--Height: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
21017
+ --pf-v5-c-tree-view--m-guides__node--before--Top: 1.125rem;
21018
+ --pf-v5-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
21019
+ --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-v5-global--spacer--md);
21020
+ --pf-v5-c-tree-view--m-compact--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21021
+ --pf-v5-c-tree-view--m-compact__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
21022
+ --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-v5-global--spacer--lg);
21023
+ --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--base-border--Left);
21024
+ --pf-v5-c-tree-view--m-compact__node--PaddingTop: 0;
21025
+ --pf-v5-c-tree-view--m-compact__node--PaddingBottom: 0;
21026
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-v5-global--spacer--sm);
21027
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-v5-global--spacer--sm);
21028
+ --pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop));
21029
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
21030
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
21031
+ --pf-v5-c-tree-view--m-compact__list-item--before--Top: 0;
21032
+ --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
21033
+ --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view__node--PaddingTop--base) * -1);
21034
+ --pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v5-c-tree-view--m-compact__node--before--Top) + var(--pf-v5-c-tree-view__node--PaddingTop--base));
21035
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
21036
+ --pf-v5-c-tree-view--m-compact__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
21037
+ --pf-v5-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
21038
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
21039
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
21040
+ --pf-v5-c-tree-view--m-compact__node-container--Display: flex;
21041
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-v5-global--spacer--lg);
21042
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-v5-global--spacer--lg);
21043
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-v5-global--spacer--lg);
21044
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base);
21045
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-v5-global--spacer--xs);
21046
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-v5-global--spacer--md);
21047
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-v5-global--spacer--lg);
21048
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-v5-global--spacer--md);
21049
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-v5-global--spacer--lg);
21050
+ --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21051
+ --pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
21052
+ --pf-v5-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
21053
+ --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-v5-global--spacer--sm);
21054
+ --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21055
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
21056
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-v5-global--spacer--2xl);
21057
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
21058
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
21059
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
21060
+ padding-block-start: var(--pf-v5-c-tree-view--PaddingTop);
21061
+ padding-block-end: var(--pf-v5-c-tree-view--PaddingBottom);
21088
21062
  }
21089
21063
 
21090
- @media screen and (min-width: 992px) {
21091
- .pf-v5-c-wizard {
21092
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--lg--PaddingRight);
21093
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--lg--PaddingLeft);
21094
- }
21095
- }
21096
- @media screen and (min-width: 1200px) {
21097
- .pf-v5-c-wizard {
21098
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--xl--PaddingRight);
21099
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--xl--PaddingLeft);
21100
- }
21101
- }
21102
- @media screen and (min-width: 1200px) {
21103
- .pf-v5-c-wizard {
21104
- --pf-v5-c-wizard__close--Right: var(--pf-v5-c-wizard__close--xl--Right);
21105
- }
21106
- }
21107
- @media screen and (min-width: 992px) {
21108
- .pf-v5-c-wizard {
21109
- --pf-v5-c-wizard__nav--Width: var(--pf-v5-c-wizard__nav--lg--Width);
21110
- --pf-v5-c-wizard__nav--BoxShadow: none;
21111
- }
21112
- }
21113
- @media screen and (min-width: 992px) {
21114
- .pf-v5-c-wizard {
21115
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--lg--PaddingTop);
21116
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--lg--PaddingRight);
21117
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--lg--PaddingBottom);
21118
- }
21064
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item {
21065
+ position: relative;
21119
21066
  }
21120
- @media screen and (min-width: 1200px) {
21121
- .pf-v5-c-wizard {
21122
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--xl--PaddingTop);
21123
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--xl--PaddingRight);
21124
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--xl--PaddingBottom);
21125
- --pf-v5-c-wizard__nav-list--PaddingLeft: var(--pf-v5-c-wizard__nav-list--xl--PaddingLeft);
21126
- }
21067
+
21068
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before,
21069
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before,
21070
+ .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
21071
+ position: absolute;
21072
+ inset-inline-start: var(--pf-v5-c-tree-view--m-guides--guide--Left);
21073
+ content: "";
21127
21074
  }
21128
- @media screen and (min-width: 1200px) {
21129
- .pf-v5-c-wizard {
21130
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-c-wizard__main-body--xl--PaddingTop);
21131
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-c-wizard__main-body--xl--PaddingRight);
21132
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-c-wizard__main-body--xl--PaddingBottom);
21133
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-c-wizard__main-body--xl--PaddingLeft);
21134
- }
21075
+
21076
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before {
21077
+ inset-block-start: var(--pf-v5-c-tree-view--m-guides__list-item--before--Top);
21078
+ z-index: var(--pf-v5-c-tree-view--m-guides__list-item--ZIndex);
21079
+ width: var(--pf-v5-c-tree-view--m-guides__list-item--before--Width);
21080
+ height: var(--pf-v5-c-tree-view--m-guides__list-item--before--Height);
21081
+ background-color: var(--pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor);
21135
21082
  }
21136
- @media screen and (min-width: 1200px) {
21137
- .pf-v5-c-wizard {
21138
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-c-wizard__footer--xl--PaddingTop);
21139
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-c-wizard__footer--xl--PaddingRight);
21140
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-c-wizard__footer--xl--PaddingBottom);
21141
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-c-wizard__footer--xl--PaddingLeft);
21142
- }
21083
+
21084
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
21085
+ inset-block-start: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
21086
+ width: var(--pf-v5-c-tree-view--m-guides__node--before--Width);
21087
+ height: var(--pf-v5-c-tree-view--m-guides__node--before--Height);
21088
+ background-color: var(--pf-v5-c-tree-view--m-guides__node--before--BackgroundColor);
21143
21089
  }
21144
- .pf-v5-c-modal-box .pf-v5-c-wizard {
21145
- flex: 1 1 var(--pf-v5-c-modal-box--c-wizard--FlexBasis);
21146
- min-height: 0;
21090
+
21091
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item:last-child::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item:last-child::before {
21092
+ height: var(--pf-v5-c-tree-view--m-guides__list-item--last-child--before--Height);
21147
21093
  }
21148
21094
 
21149
- .pf-v5-c-wizard > :not(.pf-v5-c-wizard__outer-wrap):not(.pf-v5-c-drawer) {
21150
- flex-shrink: 0;
21095
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21096
+ --pf-v5-c-tree-view--m-guides--guide--Left: var(--pf-v5-c-tree-view--m-guides--border--nested--Left);
21151
21097
  }
21152
21098
 
21153
- .pf-v5-c-wizard.pf-m-finished {
21154
- --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: 0;
21099
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item:last-child, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item:last-child {
21100
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
21155
21101
  }
21156
21102
 
21157
- .pf-v5-c-wizard.pf-m-finished .pf-v5-c-wizard__nav,
21158
- .pf-v5-c-wizard.pf-m-finished .pf-v5-c-wizard__footer,
21159
- .pf-v5-c-wizard.pf-m-finished .pf-v5-c-wizard__toggle {
21160
- display: none;
21103
+ .pf-v5-c-tree-view.pf-m-compact {
21104
+ --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact__node--PaddingTop);
21105
+ --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node--PaddingBottom);
21106
+ --pf-v5-c-tree-view__node-container--Display: var(--pf-v5-c-tree-view--m-compact__node-container--Display);
21107
+ --pf-v5-c-tree-view__node--hover--BackgroundColor: transparent;
21108
+ --pf-v5-c-tree-view__node--focus--BackgroundColor: transparent;
21109
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
21161
21110
  }
21162
21111
 
21163
- .pf-v5-c-wizard__header {
21164
- color: var(--pf-v5-global--Color--100);
21165
- position: relative;
21166
- z-index: var(--pf-v5-c-wizard__header--ZIndex);
21167
- padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
21168
- padding-block-end: var(--pf-v5-c-wizard__header--PaddingBottom);
21169
- padding-inline-start: var(--pf-v5-c-wizard__header--PaddingLeft);
21170
- padding-inline-end: var(--pf-v5-c-wizard__header--PaddingRight);
21171
- background-color: var(--pf-v5-c-wizard__header--BackgroundColor);
21112
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item {
21113
+ border-block-end: var(--pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor);
21172
21114
  }
21173
21115
 
21174
- .pf-v5-c-wizard__header .pf-v5-c-wizard__close {
21175
- position: absolute;
21176
- inset-block-start: var(--pf-v5-c-wizard__close--Top);
21177
- inset-inline-end: var(--pf-v5-c-wizard__close--Right);
21116
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item.pf-m-expanded {
21117
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom);
21178
21118
  }
21179
21119
 
21180
- .pf-v5-c-wizard__header .pf-v5-c-wizard__close button {
21181
- font-size: var(--pf-v5-c-wizard__close--FontSize);
21120
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21121
+ --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop);
21122
+ --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom);
21123
+ --pf-v5-c-tree-view__node-toggle--Position: static;
21124
+ --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--level-2--PaddingLeft);
21125
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
21126
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
21127
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base);
21182
21128
  }
21183
21129
 
21184
- .pf-v5-c-wizard__title {
21185
- padding-inline-end: var(--pf-v5-c-wizard__title--PaddingRight);
21186
- word-wrap: break-word;
21130
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before,
21131
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
21132
+ inset-inline-start: var(--pf-v5-c-tree-view--m-compact--border--Left);
21187
21133
  }
21188
21134
 
21189
- .pf-v5-c-wizard__title-text {
21190
- font-family: var(--pf-v5-c-wizard__title-text--FontFamily);
21191
- font-size: var(--pf-v5-c-wizard__title-text--FontSize);
21192
- font-weight: var(--pf-v5-c-wizard__title-text--FontWeight);
21193
- line-height: var(--pf-v5-c-wizard__title-text--LineHeight);
21135
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before {
21136
+ inset-block-start: var(--pf-v5-c-tree-view--m-compact__list-item--before--Top);
21194
21137
  }
21195
21138
 
21196
- .pf-v5-c-wizard__description {
21197
- display: none;
21198
- padding-block-start: var(--pf-v5-c-wizard__description--PaddingTop);
21199
- color: var(--pf-v5-c-wizard__description--Color);
21139
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
21140
+ inset-block-start: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
21200
21141
  }
21201
21142
 
21202
- @media screen and (min-width: 992px) {
21203
- .pf-v5-c-wizard__description {
21204
- display: block;
21205
- }
21143
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item:last-child::before {
21144
+ height: var(--pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height);
21206
21145
  }
21207
- .pf-v5-c-wizard__toggle {
21208
- position: relative;
21209
- z-index: var(--pf-v5-c-wizard__toggle--ZIndex);
21210
- display: flex;
21211
- justify-content: space-between;
21212
- width: 100%;
21213
- padding-block-start: var(--pf-v5-c-wizard__toggle--PaddingTop);
21214
- padding-block-end: var(--pf-v5-c-wizard__toggle--PaddingBottom);
21215
- padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
21216
- padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
21217
- background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
21218
- border: 0;
21219
- box-shadow: var(--pf-v5-c-wizard__toggle--BoxShadow);
21146
+
21147
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21148
+ --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--PaddingLeft);
21149
+ --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--border--nested--Left);
21150
+ --pf-v5-c-tree-view--m-compact__list-item--before--Top: var(--pf-v5-c-tree-view--m-compact__list-item--nested--before--Top);
21151
+ --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height);
21220
21152
  }
21221
21153
 
21222
- @media screen and (min-width: 992px) {
21223
- .pf-v5-c-wizard__toggle {
21224
- display: none;
21225
- }
21154
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node-container {
21155
+ padding-block-start: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop);
21156
+ padding-block-end: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom);
21157
+ padding-inline-start: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft);
21158
+ padding-inline-end: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight);
21159
+ background-color: var(--pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor);
21226
21160
  }
21227
- .pf-v5-c-wizard__toggle.pf-m-expanded {
21228
- --pf-v5-c-wizard__toggle--BoxShadow: none;
21229
- border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
21161
+
21162
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node-toggle {
21163
+ margin-inline-start: var(--pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft);
21164
+ margin-inline-end: var(--pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight);
21230
21165
  }
21231
21166
 
21232
- .pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
21233
- transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
21167
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__node-container {
21168
+ padding-block-start: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop);
21169
+ padding-block-end: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom);
21170
+ padding-inline-start: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingLeft);
21171
+ padding-inline-end: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingRight);
21234
21172
  }
21235
21173
 
21236
- .pf-v5-c-wizard__toggle-list {
21237
- position: relative;
21238
- display: flex;
21239
- flex-wrap: wrap;
21240
- align-items: baseline;
21241
- margin-block-end: var(--pf-v5-c-wizard__toggle-list--MarginBottom);
21242
- margin-inline-end: var(--pf-v5-c-wizard__toggle-list--MarginRight);
21243
- list-style: none;
21174
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item:not([aria-expanded]) > .pf-v5-c-tree-view__content > .pf-v5-c-tree-view__node,
21175
+ .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item:not([aria-expanded]) > .pf-v5-c-tree-view__content > .pf-v5-c-tree-view__node > .pf-v5-c-tree-view__node-container {
21176
+ cursor: default;
21244
21177
  }
21245
21178
 
21246
- .pf-v5-c-wizard__toggle-list-item {
21247
- margin-block-end: var(--pf-v5-c-wizard__toggle-list-item--MarginBottom);
21248
- text-align: start;
21249
- word-break: break-word;
21179
+ .pf-v5-c-tree-view.pf-m-compact.pf-m-no-background {
21180
+ --pf-v5-c-tree-view--m-compact__node--before--Top: var(--pf-v5-c-tree-view--m-compact--m-no-background__node--before--Top);
21250
21181
  }
21251
21182
 
21252
- .pf-v5-c-wizard__toggle-list-item:not(:last-child) {
21253
- margin-inline-end: var(--pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight);
21183
+ .pf-v5-c-tree-view.pf-m-compact.pf-m-no-background .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21184
+ --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop);
21185
+ --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom);
21254
21186
  }
21255
21187
 
21256
- .pf-v5-c-wizard__toggle-num {
21257
- --pf-v5-c-wizard__nav-link--before--Top: var(--pf-v5-c-wizard__toggle-num--before--Top);
21188
+ .pf-v5-c-tree-view.pf-m-compact.pf-m-no-background .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21189
+ --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left);
21190
+ --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft);
21191
+ }
21192
+
21193
+ .pf-v5-c-tree-view.pf-m-no-background {
21194
+ --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v5-c-tree-view--m-no-background__node-container--BackgroundColor);
21258
21195
  }
21259
21196
 
21260
- .pf-v5-c-wizard__toggle-separator {
21261
- margin-inline-start: var(--pf-v5-c-wizard__toggle-separator--MarginLeft);
21262
- color: var(--pf-v5-c-wizard__toggle-separator--Color);
21197
+ .pf-v5-c-tree-view__node-toggle-icon {
21198
+ display: inline-block;
21199
+ min-width: var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth);
21200
+ text-align: center;
21201
+ transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
21202
+ transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
21263
21203
  }
21264
21204
 
21265
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
21205
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
21266
21206
  scale: -1 1;
21267
21207
  }
21268
21208
 
21269
- .pf-v5-c-wizard__toggle-icon {
21270
- line-height: var(--pf-v5-c-wizard__toggle-icon--LineHeight);
21209
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21210
+ --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
21211
+ --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--Color--base);
21271
21212
  }
21272
21213
 
21273
- .pf-v5-c-wizard__outer-wrap {
21274
- position: relative;
21275
- display: flex;
21276
- flex-direction: column;
21277
- flex-grow: 1;
21278
- min-height: var(--pf-v5-c-wizard__outer-wrap--MinHeight);
21279
- background-color: var(--pf-v5-c-wizard__outer-wrap--BackgroundColor);
21214
+ .pf-v5-c-tree-view__list-item.pf-m-expanded {
21215
+ --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color);
21216
+ --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
21280
21217
  }
21281
21218
 
21282
- @media screen and (min-width: 992px) {
21283
- .pf-v5-c-wizard__outer-wrap {
21284
- padding-inline-start: var(--pf-v5-c-wizard__outer-wrap--lg--PaddingLeft);
21285
- }
21219
+ .pf-v5-c-tree-view__node,
21220
+ .pf-v5-c-tree-view__node-container {
21221
+ flex: 1 1;
21222
+ align-items: flex-start;
21223
+ min-width: 0;
21224
+ text-align: start;
21225
+ cursor: pointer;
21226
+ border: 0;
21286
21227
  }
21287
- .pf-v5-c-wizard__inner-wrap {
21228
+
21229
+ .pf-v5-c-tree-view__node {
21288
21230
  position: relative;
21289
21231
  display: flex;
21290
- flex-direction: column;
21291
- flex-grow: 1;
21292
- min-height: 0;
21293
- }
21294
-
21295
- @media screen and (min-width: 992px) {
21296
- .pf-v5-c-wizard__inner-wrap {
21297
- position: static;
21298
- }
21299
- }
21300
- .pf-v5-c-wizard__nav {
21301
- position: absolute;
21302
- inset-block-start: 0;
21303
- inset-inline-start: 0;
21304
- z-index: var(--pf-v5-c-wizard__nav--ZIndex);
21305
- display: none;
21306
- width: var(--pf-v5-c-wizard__nav--Width);
21307
- max-height: 100%;
21308
- overflow-y: auto;
21309
- -webkit-overflow-scrolling: touch;
21310
- background-color: var(--pf-v5-c-wizard__nav--BackgroundColor);
21311
- box-shadow: var(--pf-v5-c-wizard__nav--BoxShadow);
21232
+ padding-block-start: var(--pf-v5-c-tree-view__node--PaddingTop);
21233
+ padding-block-end: var(--pf-v5-c-tree-view__node--PaddingBottom);
21234
+ padding-inline-start: var(--pf-v5-c-tree-view__node--PaddingLeft);
21235
+ padding-inline-end: var(--pf-v5-c-tree-view__node--PaddingRight);
21236
+ color: var(--pf-v5-c-tree-view__node--Color);
21237
+ background-color: var(--pf-v5-c-tree-view__node--BackgroundColor);
21312
21238
  }
21313
21239
 
21314
- .pf-v5-c-wizard__nav.pf-m-expanded {
21315
- display: block;
21240
+ .pf-v5-c-tree-view__node.pf-m-current {
21241
+ --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view__node--m-current--Color);
21242
+ font-weight: var(--pf-v5-c-tree-view__node--m-current--FontWeight);
21316
21243
  }
21317
21244
 
21318
- @media screen and (min-width: 992px) {
21319
- .pf-v5-c-wizard__nav {
21320
- display: block;
21321
- height: 100%;
21322
- border-inline-end: var(--pf-v5-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-v5-c-wizard__nav--lg--BorderRightColor);
21323
- }
21324
- }
21325
- .pf-v5-c-wizard__nav-list {
21326
- padding-block-start: var(--pf-v5-c-wizard__nav-list--PaddingTop);
21327
- padding-block-end: var(--pf-v5-c-wizard__nav-list--PaddingBottom);
21328
- padding-inline-start: var(--pf-v5-c-wizard__nav-list--PaddingLeft);
21329
- padding-inline-end: var(--pf-v5-c-wizard__nav-list--PaddingRight);
21330
- list-style: none;
21331
- counter-reset: wizard-nav-count;
21245
+ .pf-v5-c-tree-view__node:focus {
21246
+ --pf-v5-c-tree-view__node--BackgroundColor: var(--pf-v5-c-tree-view__node--focus--BackgroundColor);
21332
21247
  }
21333
21248
 
21334
- .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-list {
21335
- padding: 0;
21336
- margin-block-start: var(--pf-v5-c-wizard__nav-list--nested--MarginTop);
21337
- margin-inline-start: var(--pf-v5-c-wizard__nav-list--nested--MarginLeft);
21249
+ .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count {
21250
+ margin-inline-start: var(--pf-v5-c-tree-view__node-count--MarginLeft);
21338
21251
  }
21339
21252
 
21340
- .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-link::before {
21341
- content: none;
21253
+ .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count .pf-v5-c-badge.pf-m-read {
21254
+ --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
21342
21255
  }
21343
21256
 
21344
- .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-link.pf-m-current {
21345
- font-weight: var(--pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight);
21257
+ .pf-v5-c-tree-view__node:not(.pf-m-selectable):hover, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:hover {
21258
+ --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--hover--Color);
21346
21259
  }
21347
21260
 
21348
- .pf-v5-c-wizard__nav-item + .pf-v5-c-wizard__nav-item {
21349
- margin-block-start: var(--pf-v5-c-wizard__nav-item--MarginTop);
21261
+ .pf-v5-c-tree-view__node:not(.pf-m-selectable):focus, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:focus {
21262
+ --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--focus--Color);
21350
21263
  }
21351
21264
 
21352
- .pf-v5-c-wizard__nav-item.pf-m-expandable > .pf-v5-c-wizard__nav-link {
21353
- display: flex;
21265
+ .pf-v5-c-tree-view__node:not(.pf-m-selectable):active, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:active {
21266
+ --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--active--Color);
21354
21267
  }
21355
21268
 
21356
- .pf-v5-c-wizard__nav-item.pf-m-expandable > .pf-v5-c-wizard__nav-list {
21357
- display: none;
21269
+ .pf-v5-c-tree-view__node-container {
21270
+ display: var(--pf-v5-c-tree-view__node-container--Display);
21271
+ flex-grow: 1;
21358
21272
  }
21359
21273
 
21360
- .pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-list {
21361
- display: block;
21274
+ .pf-v5-c-tree-view__node-content {
21275
+ display: flex;
21276
+ flex-direction: column;
21277
+ overflow: var(--pf-v5-c-tree-view__node-content--Overflow);
21362
21278
  }
21363
21279
 
21364
- .pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link {
21365
- --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
21280
+ .pf-v5-c-tree-view__node-content > * + * {
21281
+ margin-block-start: var(--pf-v5-c-tree-view__node-content--RowGap);
21366
21282
  }
21367
21283
 
21368
- .pf-v5-c-wizard__nav-link {
21369
- position: relative;
21370
- display: inline-block;
21371
- width: 100%;
21372
- color: var(--pf-v5-c-wizard__nav-link--Color);
21373
- text-align: start;
21374
- text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
21375
- word-break: break-word;
21376
- background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
21377
- border: 0;
21284
+ .pf-v5-c-tree-view__node-check {
21285
+ margin-inline-end: var(--pf-v5-c-tree-view__node-check--MarginRight);
21378
21286
  }
21379
21287
 
21380
- .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
21381
- transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX));
21382
- position: absolute;
21383
- inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
21384
- inset-inline-start: 0;
21288
+ .pf-v5-c-tree-view__node-toggle {
21289
+ position: var(--pf-v5-c-tree-view__node-toggle--Position);
21290
+ inset-block-start: var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Top);
21291
+ inset-inline-start: var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left);
21385
21292
  display: inline-flex;
21386
21293
  align-items: center;
21387
21294
  justify-content: center;
21388
- width: var(--pf-v5-c-wizard__nav-link--before--Width);
21389
- height: var(--pf-v5-c-wizard__nav-link--before--Height);
21390
- font-size: var(--pf-v5-c-wizard__nav-link--before--FontSize);
21391
- line-height: 1;
21392
- color: var(--pf-v5-c-wizard__nav-link--before--Color);
21393
- background-color: var(--pf-v5-c-wizard__nav-link--before--BackgroundColor);
21394
- border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
21295
+ padding-block-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingTop);
21296
+ padding-block-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingBottom);
21297
+ padding-inline-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft);
21298
+ padding-inline-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingRight);
21299
+ margin-block-start: var(--pf-v5-c-tree-view__node-toggle-button--MarginTop);
21300
+ margin-block-end: var(--pf-v5-c-tree-view__node-toggle-button--MarginBottom);
21301
+ color: var(--pf-v5-c-tree-view__node-toggle--Color);
21302
+ background-color: var(--pf-v5-c-tree-view__node-toggle--BackgroundColor);
21303
+ border: 0;
21304
+ transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
21395
21305
  }
21396
21306
 
21397
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
21398
- transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
21307
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
21308
+ transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
21399
21309
  }
21400
21310
 
21401
- .pf-v5-c-wizard__nav-link::before {
21402
- inset-block-start: 0;
21403
- content: counter(wizard-nav-count);
21404
- counter-increment: wizard-nav-count;
21311
+ .pf-v5-c-tree-view__node-title.pf-m-truncate,
21312
+ .pf-v5-c-tree-view__node-text.pf-m-truncate {
21313
+ --pf-v5-c-tree-view__node-content--Overflow: hidden;
21314
+ overflow: hidden;
21315
+ text-overflow: ellipsis;
21316
+ white-space: nowrap;
21405
21317
  }
21406
21318
 
21407
- .pf-v5-c-wizard__nav-link:hover {
21408
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
21409
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
21319
+ .pf-v5-c-tree-view.pf-m-truncate .pf-v5-c-tree-view__node-title,
21320
+ .pf-v5-c-tree-view.pf-m-truncate .pf-v5-c-tree-view__node-text {
21321
+ --pf-v5-c-tree-view__node-content--Overflow: hidden;
21322
+ overflow: hidden;
21323
+ text-overflow: ellipsis;
21324
+ white-space: nowrap;
21410
21325
  }
21411
21326
 
21412
- .pf-v5-c-wizard__nav-link:focus {
21413
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--focus--Color);
21414
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
21327
+ .pf-v5-c-tree-view__node-text {
21328
+ font-weight: inherit;
21329
+ color: inherit;
21330
+ text-align: start;
21331
+ background-color: transparent;
21332
+ border: 0;
21415
21333
  }
21416
21334
 
21417
- .pf-v5-c-wizard__nav-link.pf-m-current {
21418
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
21419
- font-weight: var(--pf-v5-c-wizard__nav-link--m-current--FontWeight);
21335
+ label.pf-v5-c-tree-view__node-text {
21336
+ cursor: pointer;
21420
21337
  }
21421
21338
 
21422
- .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
21423
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
21424
- --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-current--before--Color);
21339
+ .pf-v5-c-tree-view__node-title {
21340
+ font-weight: var(--pf-v5-c-tree-view__node-title--FontWeight);
21425
21341
  }
21426
21342
 
21427
- .pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
21428
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--Color);
21429
- pointer-events: none;
21343
+ .pf-v5-c-tree-view__search {
21344
+ padding-block-start: var(--pf-v5-c-tree-view__search--PaddingTop);
21345
+ padding-block-end: var(--pf-v5-c-tree-view__search--PaddingBottom);
21346
+ padding-inline-start: var(--pf-v5-c-tree-view__search--PaddingLeft);
21347
+ padding-inline-end: var(--pf-v5-c-tree-view__search--PaddingRight);
21430
21348
  }
21431
21349
 
21432
- .pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {
21433
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor);
21434
- --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--before--Color);
21350
+ .pf-v5-c-tree-view__node-icon {
21351
+ padding-inline-end: var(--pf-v5-c-tree-view__node-icon--PaddingRight);
21352
+ color: var(--pf-v5-c-tree-view__node-icon--Color);
21435
21353
  }
21436
21354
 
21437
- .pf-v5-c-wizard__nav-link-text {
21438
- flex-grow: 1;
21355
+ .pf-v5-c-tree-view__content {
21356
+ display: flex;
21357
+ align-items: center;
21439
21358
  }
21440
21359
 
21441
- .pf-v5-c-wizard__nav-link-toggle {
21442
- padding-inline-start: var(--pf-v5-c-wizard__nav-link-toggle--PaddingLeft);
21443
- padding-inline-end: var(--pf-v5-c-wizard__nav-link-toggle--PaddingRight);
21444
- color: var(--pf-v5-c-wizard__nav-link-toggle--Color);
21360
+ .pf-v5-c-tree-view__content:hover,
21361
+ .pf-v5-c-tree-view__content:focus-within {
21362
+ background-color: var(--pf-v5-c-tree-view__node--hover--BackgroundColor);
21445
21363
  }
21446
21364
 
21447
- .pf-v5-c-wizard__nav-link-toggle-icon {
21448
- display: inline-block;
21449
- transition: var(--pf-v5-c-wizard__nav-link-toggle-icon--Transition);
21450
- transform: rotate(var(--pf-v5-c-wizard__nav-link-toggle-icon--Rotate));
21365
+ .pf-v5-c-tree-view__action {
21366
+ margin-inline-start: var(--pf-v5-c-tree-view__action--MarginLeft);
21451
21367
  }
21452
21368
 
21453
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
21454
- scale: -1 1;
21369
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21370
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21371
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 1 + var(--pf-v5-c-tree-view__node--indent--base));
21372
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21455
21373
  }
21456
21374
 
21457
- .pf-v5-c-wizard__main {
21458
- z-index: var(--pf-v5-c-wizard__main--ZIndex);
21459
- flex: 1 1 auto;
21460
- overflow-x: hidden;
21461
- overflow-y: auto;
21462
- word-break: break-word;
21375
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21376
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21377
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 2 + var(--pf-v5-c-tree-view__node--indent--base));
21378
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21379
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 1 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21380
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21381
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 1 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21382
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21463
21383
  }
21464
21384
 
21465
- .pf-v5-c-wizard__main-body {
21466
- padding-block-start: var(--pf-v5-c-wizard__main-body--PaddingTop);
21467
- padding-block-end: var(--pf-v5-c-wizard__main-body--PaddingBottom);
21468
- padding-inline-start: var(--pf-v5-c-wizard__main-body--PaddingLeft);
21469
- padding-inline-end: var(--pf-v5-c-wizard__main-body--PaddingRight);
21385
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21386
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21387
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 3 + var(--pf-v5-c-tree-view__node--indent--base));
21388
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21389
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 2 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21390
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21391
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 2 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21392
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21470
21393
  }
21471
21394
 
21472
- .pf-v5-c-wizard__main-body.pf-m-no-padding {
21473
- padding: 0;
21395
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21396
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21397
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 4 + var(--pf-v5-c-tree-view__node--indent--base));
21398
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21399
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 3 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21400
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21401
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 3 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21402
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21474
21403
  }
21475
21404
 
21476
- .pf-v5-c-wizard__footer {
21477
- position: relative;
21478
- z-index: var(--pf-v5-c-wizard__footer--ZIndex);
21479
- display: flex;
21480
- flex-shrink: 0;
21481
- flex-wrap: wrap;
21482
- padding-block-start: var(--pf-v5-c-wizard__footer--PaddingTop);
21483
- padding-block-end: var(--pf-v5-c-wizard__footer--PaddingBottom);
21484
- padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
21485
- padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
21486
- background-color: var(--pf-v5-c-wizard__footer--BackgroundColor);
21405
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21406
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21407
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 5 + var(--pf-v5-c-tree-view__node--indent--base));
21408
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21409
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 4 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21410
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21411
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 4 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21412
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21487
21413
  }
21488
21414
 
21489
- .pf-v5-c-wizard__footer > * {
21490
- margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
21415
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21416
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21417
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 6 + var(--pf-v5-c-tree-view__node--indent--base));
21418
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21419
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 5 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21420
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21421
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 5 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21422
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21491
21423
  }
21492
21424
 
21493
- .pf-v5-c-wizard__footer > *:not(:last-child) {
21494
- margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
21425
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21426
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21427
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 7 + var(--pf-v5-c-tree-view__node--indent--base));
21428
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21429
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 6 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21430
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21431
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 6 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21432
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21495
21433
  }
21496
21434
 
21497
- .pf-v5-c-page__main-wizard .pf-v5-c-wizard__footer, .pf-v5-c-modal-box .pf-v5-c-wizard__footer, .pf-v5-c-drawer > .pf-v5-c-wizard__footer {
21498
- box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
21435
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21436
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21437
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 8 + var(--pf-v5-c-tree-view__node--indent--base));
21438
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21439
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 7 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21440
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21441
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 7 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21442
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21499
21443
  }
21500
21444
 
21501
- .pf-v5-c-wizard__footer-cancel {
21502
- margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
21445
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21446
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21447
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 9 + var(--pf-v5-c-tree-view__node--indent--base));
21448
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21449
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 8 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21450
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21451
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21452
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21503
21453
  }
21504
21454
 
21505
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
21506
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
21455
+ .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21456
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21457
+ --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 10 + var(--pf-v5-c-tree-view__node--indent--base));
21458
+ --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21459
+ --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 9 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21460
+ --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21461
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 9 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21462
+ --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21507
21463
  }
21508
21464
 
21509
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
21510
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
21511
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
21465
+ :where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
21466
+ --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21467
+ --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21512
21468
  }
21513
21469
 
21514
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
21515
- color: var(--pf-v5-global--Color--100);
21470
+ .pf-v5-c-wizard__header {
21471
+ --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
21472
+ --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
21473
+ --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
21474
+ --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
21475
+ --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
21476
+ --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
21477
+ --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
21478
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
21479
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
21516
21480
  }
21517
21481
 
21518
- .pf-v5-c-tree-view {
21519
- --pf-v5-c-tree-view--PaddingTop: var(--pf-v5-global--spacer--sm);
21520
- --pf-v5-c-tree-view--PaddingBottom: var(--pf-v5-global--spacer--sm);
21521
- --pf-v5-c-tree-view__node--indent--base: calc(var(--pf-v5-global--spacer--md) * 2 + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth));
21522
- --pf-v5-c-tree-view__node--nested-indent--base: calc(var(--pf-v5-c-tree-view__node--indent--base) - var(--pf-v5-global--spacer--md));
21523
- --pf-v5-c-tree-view__node--PaddingTop--base: var(--pf-v5-global--spacer--sm);
21524
- --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view__node--PaddingTop--base);
21525
- --pf-v5-c-tree-view__node--PaddingRight: var(--pf-v5-global--spacer--sm);
21526
- --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-global--spacer--sm);
21527
- --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view__node--indent--base);
21528
- --pf-v5-c-tree-view__node--Color: var(--pf-v5-global--Color--100);
21529
- --pf-v5-c-tree-view__node--m-current--Color: var(--pf-v5-global--link--Color);
21530
- --pf-v5-c-tree-view__node--m-current--FontWeight: var(--pf-v5-global--FontWeight--bold);
21531
- --pf-v5-c-tree-view__node--BackgroundColor: transparent;
21532
- --pf-v5-c-tree-view__node-container--Display: contents;
21533
- --pf-v5-c-tree-view__node-content--RowGap: var(--pf-v5-global--spacer--sm);
21534
- --pf-v5-c-tree-view__node-content--Overflow: visible;
21535
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21536
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21537
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop--base);
21538
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21539
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
21540
- --pf-v5-c-tree-view__node-toggle--Position: absolute;
21541
- --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-v5-global--Color--200);
21542
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--Color--base);
21543
- --pf-v5-c-tree-view__node-toggle--hover--Color: var(--pf-v5-global--Color--100);
21544
- --pf-v5-c-tree-view__node-toggle--focus--Color: var(--pf-v5-global--Color--100);
21545
- --pf-v5-c-tree-view__node-toggle--active--Color: var(--pf-v5-global--Color--100);
21546
- --pf-v5-c-tree-view__node-toggle--BackgroundColor: transparent;
21547
- --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-v5-global--Color--100);
21548
- --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
21549
- --pf-v5-c-tree-view__node-toggle-icon--Transition: transform var(--pf-v5-global--TransitionDuration) var(--pf-v5-global--TimingFunction);
21550
- --pf-v5-c-tree-view__node-toggle-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
21551
- --pf-v5-c-tree-view__node-toggle-button--PaddingRight: var(--pf-v5-global--spacer--md);
21552
- --pf-v5-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
21553
- --pf-v5-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-v5-global--spacer--md);
21554
- --pf-v5-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
21555
- --pf-v5-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
21556
- --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-v5-global--spacer--sm);
21557
- --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-v5-global--spacer--sm);
21558
- --pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
21559
- --pf-v5-c-tree-view__search--PaddingTop: var(--pf-v5-global--spacer--sm);
21560
- --pf-v5-c-tree-view__search--PaddingRight: var(--pf-v5-global--spacer--sm);
21561
- --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-v5-global--spacer--sm);
21562
- --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-v5-global--spacer--sm);
21563
- --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
21564
- --pf-v5-c-tree-view__node-icon--Color: var(--pf-v5-global--icon--Color--light);
21565
- --pf-v5-c-tree-view__node-toggle-icon--base--Rotate: 0;
21566
- --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
21567
- --pf-v5-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
21568
- --pf-v5-c-tree-view__node-text--max-lines: 1;
21569
- --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
21570
- --pf-v5-c-tree-view__action--MarginLeft: var(--pf-v5-global--spacer--md);
21571
- --pf-v5-c-tree-view--m-guides--guide--Left: var(--pf-v5-c-tree-view--m-guides--guide-left--base);
21572
- --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-v5-global--BorderColor--100);
21573
- --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-v5-global--BorderWidth--sm);
21574
- --pf-v5-c-tree-view--m-guides--guide-left--base: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides__list-node--guide-width--base));
21575
- --pf-v5-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth) / 2);
21576
- --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-v5-global--spacer--lg);
21577
- --pf-v5-c-tree-view--m-guides__list-item--before--Top: 0;
21578
- --pf-v5-c-tree-view--m-guides__list-item--before--Width: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
21579
- --pf-v5-c-tree-view--m-guides__list-item--before--Height: 100%;
21580
- --pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
21581
- --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
21582
- --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top);
21583
- --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-v5-global--ZIndex--xs);
21584
- --pf-v5-c-tree-view--m-guides__node--before--Width: 1rem;
21585
- --pf-v5-c-tree-view--m-guides__node--before--Height: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
21586
- --pf-v5-c-tree-view--m-guides__node--before--Top: 1.125rem;
21587
- --pf-v5-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
21588
- --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-v5-global--spacer--md);
21589
- --pf-v5-c-tree-view--m-compact--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21590
- --pf-v5-c-tree-view--m-compact__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
21591
- --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-v5-global--spacer--lg);
21592
- --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--base-border--Left);
21593
- --pf-v5-c-tree-view--m-compact__node--PaddingTop: 0;
21594
- --pf-v5-c-tree-view--m-compact__node--PaddingBottom: 0;
21595
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-v5-global--spacer--sm);
21596
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-v5-global--spacer--sm);
21597
- --pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop));
21598
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
21599
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
21600
- --pf-v5-c-tree-view--m-compact__list-item--before--Top: 0;
21601
- --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
21602
- --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view__node--PaddingTop--base) * -1);
21603
- --pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v5-c-tree-view--m-compact__node--before--Top) + var(--pf-v5-c-tree-view__node--PaddingTop--base));
21604
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
21605
- --pf-v5-c-tree-view--m-compact__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
21606
- --pf-v5-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
21607
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
21608
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
21609
- --pf-v5-c-tree-view--m-compact__node-container--Display: flex;
21610
- --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-v5-global--spacer--lg);
21611
- --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-v5-global--spacer--lg);
21612
- --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-v5-global--spacer--lg);
21613
- --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base);
21614
- --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-v5-global--spacer--xs);
21615
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-v5-global--spacer--md);
21616
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-v5-global--spacer--lg);
21617
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-v5-global--spacer--md);
21618
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-v5-global--spacer--lg);
21619
- --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21620
- --pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
21621
- --pf-v5-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
21622
- --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-v5-global--spacer--sm);
21623
- --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21624
- --pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
21625
- --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-v5-global--spacer--2xl);
21626
- --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
21627
- --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
21628
- --pf-v5-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
21629
- padding-block-start: var(--pf-v5-c-tree-view--PaddingTop);
21630
- padding-block-end: var(--pf-v5-c-tree-view--PaddingBottom);
21482
+ .pf-v5-c-wizard__header .pf-v5-c-button {
21483
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
21631
21484
  }
21632
21485
 
21633
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item {
21486
+ .pf-v5-c-wizard {
21487
+ --pf-v5-c-wizard--Height: 100%;
21488
+ --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
21489
+ --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
21490
+ --pf-v5-c-wizard__header--ZIndex: auto;
21491
+ --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
21492
+ --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
21493
+ --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
21494
+ --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-global--spacer--md);
21495
+ --pf-v5-c-wizard__header--lg--PaddingRight: var(--pf-v5-global--spacer--md);
21496
+ --pf-v5-c-wizard__header--lg--PaddingLeft: var(--pf-v5-global--spacer--md);
21497
+ --pf-v5-c-wizard__header--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21498
+ --pf-v5-c-wizard__header--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21499
+ --pf-v5-c-wizard__close--Top: calc(var(--pf-v5-global--spacer--lg) - var(--pf-v5-global--spacer--form-element));
21500
+ --pf-v5-c-wizard__close--Right: 0;
21501
+ --pf-v5-c-wizard__close--xl--Right: var(--pf-v5-global--spacer--lg);
21502
+ --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
21503
+ --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
21504
+ --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
21505
+ --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
21506
+ --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
21507
+ --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
21508
+ --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
21509
+ --pf-v5-c-wizard__description--Color: var(--pf-v5-global--Color--light-200);
21510
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-global--Color--100);
21511
+ --pf-v5-c-wizard__nav-link--BackgroundColor: transparent;
21512
+ --pf-v5-c-wizard__nav-link--TextDecoration: var(--pf-v5-global--link--TextDecoration);
21513
+ --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-v5-global--link--Color);
21514
+ --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
21515
+ --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
21516
+ --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
21517
+ --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
21518
+ --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
21519
+ --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
21520
+ --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
21521
+ --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-global--Color--200);
21522
+ --pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
21523
+ --pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
21524
+ --pf-v5-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v5-global--Transition);
21525
+ --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: 0;
21526
+ --pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
21527
+ --pf-v5-c-wizard__nav-link--before--Width: 1.5rem;
21528
+ --pf-v5-c-wizard__nav-link--before--Height: 1.5rem;
21529
+ --pf-v5-c-wizard__nav-link--before--Top: 0;
21530
+ --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21531
+ --pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
21532
+ --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-global--Color--100);
21533
+ --pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-v5-global--FontSize--sm);
21534
+ --pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-v5-global--spacer--sm));
21535
+ --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
21536
+ --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
21537
+ --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
21538
+ --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
21539
+ --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21540
+ --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
21541
+ --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
21542
+ --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
21543
+ --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
21544
+ --pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-v5-global--spacer--lg);
21545
+ --pf-v5-c-wizard__toggle--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
21546
+ --pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
21547
+ --pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
21548
+ --pf-v5-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
21549
+ --pf-v5-c-wizard__toggle-num--before--Top: 0;
21550
+ --pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-v5-global--spacer--sm);
21551
+ --pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-v5-global--spacer--xs);
21552
+ --pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-v5-global--spacer--sm);
21553
+ --pf-v5-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v5-c-wizard__toggle-list-item--MarginBottom) * -1);
21554
+ --pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-v5-global--spacer--sm);
21555
+ --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
21556
+ --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
21557
+ --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
21558
+ --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
21559
+ --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21560
+ --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
21561
+ --pf-v5-c-wizard__nav--Width: 100%;
21562
+ --pf-v5-c-wizard__nav--lg--Width: 15.625rem;
21563
+ --pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
21564
+ --pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-v5-global--BorderColor--100);
21565
+ --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-global--spacer--lg);
21566
+ --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-global--spacer--md);
21567
+ --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-global--spacer--lg);
21568
+ --pf-v5-c-wizard__nav-list--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
21569
+ --pf-v5-c-wizard__nav-list--lg--PaddingTop: var(--pf-v5-global--spacer--md);
21570
+ --pf-v5-c-wizard__nav-list--lg--PaddingRight: var(--pf-v5-global--spacer--md);
21571
+ --pf-v5-c-wizard__nav-list--lg--PaddingBottom: var(--pf-v5-global--spacer--md);
21572
+ --pf-v5-c-wizard__nav-list--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21573
+ --pf-v5-c-wizard__nav-list--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21574
+ --pf-v5-c-wizard__nav-list--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21575
+ --pf-v5-c-wizard__nav-list--xl--PaddingLeft: calc(var(--pf-v5-global--spacer--lg) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
21576
+ --pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-v5-global--spacer--md);
21577
+ --pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-v5-global--spacer--md);
21578
+ --pf-v5-c-wizard__nav-item--MarginTop: var(--pf-v5-global--spacer--md);
21579
+ --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21580
+ --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
21581
+ --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
21582
+ --pf-v5-c-wizard__main--ZIndex: auto;
21583
+ --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
21584
+ --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
21585
+ --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
21586
+ --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-global--spacer--md);
21587
+ --pf-v5-c-wizard__main-body--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21588
+ --pf-v5-c-wizard__main-body--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21589
+ --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21590
+ --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21591
+ --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21592
+ --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
21593
+ --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
21594
+ --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
21595
+ --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);
21596
+ --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
21597
+ --pf-v5-c-wizard__footer--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21598
+ --pf-v5-c-wizard__footer--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21599
+ --pf-v5-c-wizard__footer--xl--PaddingBottom: var(--pf-v5-global--spacer--md);
21600
+ --pf-v5-c-wizard__footer--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21601
+ --pf-v5-c-wizard__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
21602
+ --pf-v5-c-wizard__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
21603
+ --pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-v5-global--spacer--sm);
21604
+ --pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
21634
21605
  position: relative;
21606
+ display: flex;
21607
+ flex-direction: column;
21608
+ height: var(--pf-v5-c-wizard--Height);
21635
21609
  }
21636
21610
 
21637
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before,
21638
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before,
21639
- .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
21640
- position: absolute;
21641
- inset-inline-start: var(--pf-v5-c-tree-view--m-guides--guide--Left);
21642
- content: "";
21611
+ @media screen and (min-width: 992px) {
21612
+ .pf-v5-c-wizard {
21613
+ --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--lg--PaddingRight);
21614
+ --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--lg--PaddingLeft);
21615
+ }
21643
21616
  }
21644
-
21645
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before {
21646
- inset-block-start: var(--pf-v5-c-tree-view--m-guides__list-item--before--Top);
21647
- z-index: var(--pf-v5-c-tree-view--m-guides__list-item--ZIndex);
21648
- width: var(--pf-v5-c-tree-view--m-guides__list-item--before--Width);
21649
- height: var(--pf-v5-c-tree-view--m-guides__list-item--before--Height);
21650
- background-color: var(--pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor);
21617
+ @media screen and (min-width: 1200px) {
21618
+ .pf-v5-c-wizard {
21619
+ --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--xl--PaddingRight);
21620
+ --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--xl--PaddingLeft);
21621
+ }
21651
21622
  }
21652
-
21653
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
21654
- inset-block-start: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
21655
- width: var(--pf-v5-c-tree-view--m-guides__node--before--Width);
21656
- height: var(--pf-v5-c-tree-view--m-guides__node--before--Height);
21657
- background-color: var(--pf-v5-c-tree-view--m-guides__node--before--BackgroundColor);
21623
+ @media screen and (min-width: 1200px) {
21624
+ .pf-v5-c-wizard {
21625
+ --pf-v5-c-wizard__close--Right: var(--pf-v5-c-wizard__close--xl--Right);
21626
+ }
21658
21627
  }
21659
-
21660
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item:last-child::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item:last-child::before {
21661
- height: var(--pf-v5-c-tree-view--m-guides__list-item--last-child--before--Height);
21628
+ @media screen and (min-width: 992px) {
21629
+ .pf-v5-c-wizard {
21630
+ --pf-v5-c-wizard__nav--Width: var(--pf-v5-c-wizard__nav--lg--Width);
21631
+ --pf-v5-c-wizard__nav--BoxShadow: none;
21632
+ }
21662
21633
  }
21663
-
21664
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21665
- --pf-v5-c-tree-view--m-guides--guide--Left: var(--pf-v5-c-tree-view--m-guides--border--nested--Left);
21634
+ @media screen and (min-width: 992px) {
21635
+ .pf-v5-c-wizard {
21636
+ --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--lg--PaddingTop);
21637
+ --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--lg--PaddingRight);
21638
+ --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--lg--PaddingBottom);
21639
+ }
21666
21640
  }
21667
-
21668
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item:last-child, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item:last-child {
21669
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
21641
+ @media screen and (min-width: 1200px) {
21642
+ .pf-v5-c-wizard {
21643
+ --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--xl--PaddingTop);
21644
+ --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--xl--PaddingRight);
21645
+ --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--xl--PaddingBottom);
21646
+ --pf-v5-c-wizard__nav-list--PaddingLeft: var(--pf-v5-c-wizard__nav-list--xl--PaddingLeft);
21647
+ }
21648
+ }
21649
+ @media screen and (min-width: 1200px) {
21650
+ .pf-v5-c-wizard {
21651
+ --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-c-wizard__main-body--xl--PaddingTop);
21652
+ --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-c-wizard__main-body--xl--PaddingRight);
21653
+ --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-c-wizard__main-body--xl--PaddingBottom);
21654
+ --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-c-wizard__main-body--xl--PaddingLeft);
21655
+ }
21656
+ }
21657
+ @media screen and (min-width: 1200px) {
21658
+ .pf-v5-c-wizard {
21659
+ --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-c-wizard__footer--xl--PaddingTop);
21660
+ --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-c-wizard__footer--xl--PaddingRight);
21661
+ --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-c-wizard__footer--xl--PaddingBottom);
21662
+ --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-c-wizard__footer--xl--PaddingLeft);
21663
+ }
21664
+ }
21665
+ .pf-v5-c-modal-box .pf-v5-c-wizard {
21666
+ flex: 1 1 var(--pf-v5-c-modal-box--c-wizard--FlexBasis);
21667
+ min-height: 0;
21670
21668
  }
21671
21669
 
21672
- .pf-v5-c-tree-view.pf-m-compact {
21673
- --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact__node--PaddingTop);
21674
- --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node--PaddingBottom);
21675
- --pf-v5-c-tree-view__node-container--Display: var(--pf-v5-c-tree-view--m-compact__node-container--Display);
21676
- --pf-v5-c-tree-view__node--hover--BackgroundColor: transparent;
21677
- --pf-v5-c-tree-view__node--focus--BackgroundColor: transparent;
21678
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
21670
+ .pf-v5-c-wizard > :not(.pf-v5-c-wizard__outer-wrap):not(.pf-v5-c-drawer) {
21671
+ flex-shrink: 0;
21679
21672
  }
21680
21673
 
21681
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item {
21682
- border-block-end: var(--pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor);
21674
+ .pf-v5-c-wizard.pf-m-finished {
21675
+ --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: 0;
21683
21676
  }
21684
21677
 
21685
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item.pf-m-expanded {
21686
- --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom);
21678
+ .pf-v5-c-wizard.pf-m-finished .pf-v5-c-wizard__nav,
21679
+ .pf-v5-c-wizard.pf-m-finished .pf-v5-c-wizard__footer,
21680
+ .pf-v5-c-wizard.pf-m-finished .pf-v5-c-wizard__toggle {
21681
+ display: none;
21687
21682
  }
21688
21683
 
21689
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21690
- --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop);
21691
- --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom);
21692
- --pf-v5-c-tree-view__node-toggle--Position: static;
21693
- --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--level-2--PaddingLeft);
21694
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
21695
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
21696
- --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base);
21684
+ .pf-v5-c-wizard__header {
21685
+ color: var(--pf-v5-global--Color--100);
21686
+ position: relative;
21687
+ z-index: var(--pf-v5-c-wizard__header--ZIndex);
21688
+ padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
21689
+ padding-block-end: var(--pf-v5-c-wizard__header--PaddingBottom);
21690
+ padding-inline-start: var(--pf-v5-c-wizard__header--PaddingLeft);
21691
+ padding-inline-end: var(--pf-v5-c-wizard__header--PaddingRight);
21692
+ background-color: var(--pf-v5-c-wizard__header--BackgroundColor);
21697
21693
  }
21698
21694
 
21699
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before,
21700
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
21701
- inset-inline-start: var(--pf-v5-c-tree-view--m-compact--border--Left);
21695
+ .pf-v5-c-wizard__header .pf-v5-c-wizard__close {
21696
+ position: absolute;
21697
+ inset-block-start: var(--pf-v5-c-wizard__close--Top);
21698
+ inset-inline-end: var(--pf-v5-c-wizard__close--Right);
21702
21699
  }
21703
21700
 
21704
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before {
21705
- inset-block-start: var(--pf-v5-c-tree-view--m-compact__list-item--before--Top);
21701
+ .pf-v5-c-wizard__header .pf-v5-c-wizard__close button {
21702
+ font-size: var(--pf-v5-c-wizard__close--FontSize);
21706
21703
  }
21707
21704
 
21708
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
21709
- inset-block-start: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
21705
+ .pf-v5-c-wizard__title {
21706
+ padding-inline-end: var(--pf-v5-c-wizard__title--PaddingRight);
21707
+ word-wrap: break-word;
21710
21708
  }
21711
21709
 
21712
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item:last-child::before {
21713
- height: var(--pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height);
21710
+ .pf-v5-c-wizard__title-text {
21711
+ font-family: var(--pf-v5-c-wizard__title-text--FontFamily);
21712
+ font-size: var(--pf-v5-c-wizard__title-text--FontSize);
21713
+ font-weight: var(--pf-v5-c-wizard__title-text--FontWeight);
21714
+ line-height: var(--pf-v5-c-wizard__title-text--LineHeight);
21714
21715
  }
21715
21716
 
21716
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21717
- --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--PaddingLeft);
21718
- --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--border--nested--Left);
21719
- --pf-v5-c-tree-view--m-compact__list-item--before--Top: var(--pf-v5-c-tree-view--m-compact__list-item--nested--before--Top);
21720
- --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height);
21717
+ .pf-v5-c-wizard__description {
21718
+ display: none;
21719
+ padding-block-start: var(--pf-v5-c-wizard__description--PaddingTop);
21720
+ color: var(--pf-v5-c-wizard__description--Color);
21721
21721
  }
21722
21722
 
21723
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node-container {
21724
- padding-block-start: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop);
21725
- padding-block-end: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom);
21726
- padding-inline-start: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft);
21727
- padding-inline-end: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight);
21728
- background-color: var(--pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor);
21723
+ @media screen and (min-width: 992px) {
21724
+ .pf-v5-c-wizard__description {
21725
+ display: block;
21726
+ }
21729
21727
  }
21730
-
21731
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node-toggle {
21732
- margin-inline-start: var(--pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft);
21733
- margin-inline-end: var(--pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight);
21728
+ .pf-v5-c-wizard__toggle {
21729
+ position: relative;
21730
+ z-index: var(--pf-v5-c-wizard__toggle--ZIndex);
21731
+ display: flex;
21732
+ justify-content: space-between;
21733
+ width: 100%;
21734
+ padding-block-start: var(--pf-v5-c-wizard__toggle--PaddingTop);
21735
+ padding-block-end: var(--pf-v5-c-wizard__toggle--PaddingBottom);
21736
+ padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
21737
+ padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
21738
+ background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
21739
+ border: 0;
21740
+ box-shadow: var(--pf-v5-c-wizard__toggle--BoxShadow);
21734
21741
  }
21735
21742
 
21736
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__node-container {
21737
- padding-block-start: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop);
21738
- padding-block-end: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom);
21739
- padding-inline-start: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingLeft);
21740
- padding-inline-end: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingRight);
21743
+ @media screen and (min-width: 992px) {
21744
+ .pf-v5-c-wizard__toggle {
21745
+ display: none;
21746
+ }
21747
+ }
21748
+ .pf-v5-c-wizard__toggle.pf-m-expanded {
21749
+ --pf-v5-c-wizard__toggle--BoxShadow: none;
21750
+ border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
21741
21751
  }
21742
21752
 
21743
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item:not([aria-expanded]) > .pf-v5-c-tree-view__content > .pf-v5-c-tree-view__node,
21744
- .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item:not([aria-expanded]) > .pf-v5-c-tree-view__content > .pf-v5-c-tree-view__node > .pf-v5-c-tree-view__node-container {
21745
- cursor: default;
21753
+ .pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
21754
+ transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
21746
21755
  }
21747
21756
 
21748
- .pf-v5-c-tree-view.pf-m-compact.pf-m-no-background {
21749
- --pf-v5-c-tree-view--m-compact__node--before--Top: var(--pf-v5-c-tree-view--m-compact--m-no-background__node--before--Top);
21757
+ .pf-v5-c-wizard__toggle-list {
21758
+ position: relative;
21759
+ display: flex;
21760
+ flex-wrap: wrap;
21761
+ align-items: baseline;
21762
+ margin-block-end: var(--pf-v5-c-wizard__toggle-list--MarginBottom);
21763
+ margin-inline-end: var(--pf-v5-c-wizard__toggle-list--MarginRight);
21764
+ list-style: none;
21750
21765
  }
21751
21766
 
21752
- .pf-v5-c-tree-view.pf-m-compact.pf-m-no-background .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21753
- --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop);
21754
- --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom);
21767
+ .pf-v5-c-wizard__toggle-list-item {
21768
+ margin-block-end: var(--pf-v5-c-wizard__toggle-list-item--MarginBottom);
21769
+ text-align: start;
21770
+ word-break: break-word;
21755
21771
  }
21756
21772
 
21757
- .pf-v5-c-tree-view.pf-m-compact.pf-m-no-background .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21758
- --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left);
21759
- --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft);
21773
+ .pf-v5-c-wizard__toggle-list-item:not(:last-child) {
21774
+ margin-inline-end: var(--pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight);
21760
21775
  }
21761
21776
 
21762
- .pf-v5-c-tree-view.pf-m-no-background {
21763
- --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v5-c-tree-view--m-no-background__node-container--BackgroundColor);
21777
+ .pf-v5-c-wizard__toggle-num {
21778
+ --pf-v5-c-wizard__nav-link--before--Top: var(--pf-v5-c-wizard__toggle-num--before--Top);
21764
21779
  }
21765
21780
 
21766
- .pf-v5-c-tree-view__node-toggle-icon {
21767
- display: inline-block;
21768
- min-width: var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth);
21769
- text-align: center;
21770
- transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
21771
- transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
21781
+ .pf-v5-c-wizard__toggle-separator {
21782
+ margin-inline-start: var(--pf-v5-c-wizard__toggle-separator--MarginLeft);
21783
+ color: var(--pf-v5-c-wizard__toggle-separator--Color);
21772
21784
  }
21773
21785
 
21774
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
21786
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
21775
21787
  scale: -1 1;
21776
21788
  }
21777
21789
 
21778
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21779
- --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
21780
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--Color--base);
21790
+ .pf-v5-c-wizard__toggle-icon {
21791
+ line-height: var(--pf-v5-c-wizard__toggle-icon--LineHeight);
21781
21792
  }
21782
21793
 
21783
- .pf-v5-c-tree-view__list-item.pf-m-expanded {
21784
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color);
21785
- --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
21794
+ .pf-v5-c-wizard__outer-wrap {
21795
+ position: relative;
21796
+ display: flex;
21797
+ flex-direction: column;
21798
+ flex-grow: 1;
21799
+ min-height: var(--pf-v5-c-wizard__outer-wrap--MinHeight);
21800
+ background-color: var(--pf-v5-c-wizard__outer-wrap--BackgroundColor);
21786
21801
  }
21787
21802
 
21788
- .pf-v5-c-tree-view__node,
21789
- .pf-v5-c-tree-view__node-container {
21790
- flex: 1 1;
21791
- align-items: flex-start;
21792
- min-width: 0;
21793
- text-align: start;
21794
- cursor: pointer;
21795
- border: 0;
21803
+ @media screen and (min-width: 992px) {
21804
+ .pf-v5-c-wizard__outer-wrap {
21805
+ padding-inline-start: var(--pf-v5-c-wizard__outer-wrap--lg--PaddingLeft);
21806
+ }
21796
21807
  }
21797
-
21798
- .pf-v5-c-tree-view__node {
21808
+ .pf-v5-c-wizard__inner-wrap {
21799
21809
  position: relative;
21800
21810
  display: flex;
21801
- padding-block-start: var(--pf-v5-c-tree-view__node--PaddingTop);
21802
- padding-block-end: var(--pf-v5-c-tree-view__node--PaddingBottom);
21803
- padding-inline-start: var(--pf-v5-c-tree-view__node--PaddingLeft);
21804
- padding-inline-end: var(--pf-v5-c-tree-view__node--PaddingRight);
21805
- color: var(--pf-v5-c-tree-view__node--Color);
21806
- background-color: var(--pf-v5-c-tree-view__node--BackgroundColor);
21811
+ flex-direction: column;
21812
+ flex-grow: 1;
21813
+ min-height: 0;
21807
21814
  }
21808
21815
 
21809
- .pf-v5-c-tree-view__node.pf-m-current {
21810
- --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view__node--m-current--Color);
21811
- font-weight: var(--pf-v5-c-tree-view__node--m-current--FontWeight);
21816
+ @media screen and (min-width: 992px) {
21817
+ .pf-v5-c-wizard__inner-wrap {
21818
+ position: static;
21819
+ }
21812
21820
  }
21813
-
21814
- .pf-v5-c-tree-view__node:focus {
21815
- --pf-v5-c-tree-view__node--BackgroundColor: var(--pf-v5-c-tree-view__node--focus--BackgroundColor);
21821
+ .pf-v5-c-wizard__nav {
21822
+ position: absolute;
21823
+ inset-block-start: 0;
21824
+ inset-inline-start: 0;
21825
+ z-index: var(--pf-v5-c-wizard__nav--ZIndex);
21826
+ display: none;
21827
+ width: var(--pf-v5-c-wizard__nav--Width);
21828
+ max-height: 100%;
21829
+ overflow-y: auto;
21830
+ -webkit-overflow-scrolling: touch;
21831
+ background-color: var(--pf-v5-c-wizard__nav--BackgroundColor);
21832
+ box-shadow: var(--pf-v5-c-wizard__nav--BoxShadow);
21816
21833
  }
21817
21834
 
21818
- .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count {
21819
- margin-inline-start: var(--pf-v5-c-tree-view__node-count--MarginLeft);
21835
+ .pf-v5-c-wizard__nav.pf-m-expanded {
21836
+ display: block;
21820
21837
  }
21821
21838
 
21822
- .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count .pf-v5-c-badge.pf-m-read {
21823
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
21839
+ @media screen and (min-width: 992px) {
21840
+ .pf-v5-c-wizard__nav {
21841
+ display: block;
21842
+ height: 100%;
21843
+ border-inline-end: var(--pf-v5-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-v5-c-wizard__nav--lg--BorderRightColor);
21844
+ }
21845
+ }
21846
+ .pf-v5-c-wizard__nav-list {
21847
+ padding-block-start: var(--pf-v5-c-wizard__nav-list--PaddingTop);
21848
+ padding-block-end: var(--pf-v5-c-wizard__nav-list--PaddingBottom);
21849
+ padding-inline-start: var(--pf-v5-c-wizard__nav-list--PaddingLeft);
21850
+ padding-inline-end: var(--pf-v5-c-wizard__nav-list--PaddingRight);
21851
+ list-style: none;
21852
+ counter-reset: wizard-nav-count;
21824
21853
  }
21825
21854
 
21826
- .pf-v5-c-tree-view__node:not(.pf-m-selectable):hover, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:hover {
21827
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--hover--Color);
21855
+ .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-list {
21856
+ padding: 0;
21857
+ margin-block-start: var(--pf-v5-c-wizard__nav-list--nested--MarginTop);
21858
+ margin-inline-start: var(--pf-v5-c-wizard__nav-list--nested--MarginLeft);
21828
21859
  }
21829
21860
 
21830
- .pf-v5-c-tree-view__node:not(.pf-m-selectable):focus, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:focus {
21831
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--focus--Color);
21861
+ .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-link::before {
21862
+ content: none;
21832
21863
  }
21833
21864
 
21834
- .pf-v5-c-tree-view__node:not(.pf-m-selectable):active, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:active {
21835
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--active--Color);
21865
+ .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-link.pf-m-current {
21866
+ font-weight: var(--pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight);
21836
21867
  }
21837
21868
 
21838
- .pf-v5-c-tree-view__node-container {
21839
- display: var(--pf-v5-c-tree-view__node-container--Display);
21840
- flex-grow: 1;
21869
+ .pf-v5-c-wizard__nav-item + .pf-v5-c-wizard__nav-item {
21870
+ margin-block-start: var(--pf-v5-c-wizard__nav-item--MarginTop);
21841
21871
  }
21842
21872
 
21843
- .pf-v5-c-tree-view__node-content {
21873
+ .pf-v5-c-wizard__nav-item.pf-m-expandable > .pf-v5-c-wizard__nav-link {
21844
21874
  display: flex;
21845
- flex-direction: column;
21846
- overflow: var(--pf-v5-c-tree-view__node-content--Overflow);
21847
21875
  }
21848
21876
 
21849
- .pf-v5-c-tree-view__node-content > * + * {
21850
- margin-block-start: var(--pf-v5-c-tree-view__node-content--RowGap);
21877
+ .pf-v5-c-wizard__nav-item.pf-m-expandable > .pf-v5-c-wizard__nav-list {
21878
+ display: none;
21851
21879
  }
21852
21880
 
21853
- .pf-v5-c-tree-view__node-check {
21854
- margin-inline-end: var(--pf-v5-c-tree-view__node-check--MarginRight);
21881
+ .pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-list {
21882
+ display: block;
21855
21883
  }
21856
21884
 
21857
- .pf-v5-c-tree-view__node-toggle {
21858
- position: var(--pf-v5-c-tree-view__node-toggle--Position);
21859
- inset-block-start: var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Top);
21860
- inset-inline-start: var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left);
21885
+ .pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link {
21886
+ --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
21887
+ }
21888
+
21889
+ .pf-v5-c-wizard__nav-link {
21890
+ position: relative;
21891
+ display: inline-block;
21892
+ width: 100%;
21893
+ color: var(--pf-v5-c-wizard__nav-link--Color);
21894
+ text-align: start;
21895
+ text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
21896
+ word-break: break-word;
21897
+ background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
21898
+ border: 0;
21899
+ }
21900
+
21901
+ .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
21902
+ transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX));
21903
+ position: absolute;
21904
+ inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
21905
+ inset-inline-start: 0;
21861
21906
  display: inline-flex;
21862
21907
  align-items: center;
21863
21908
  justify-content: center;
21864
- padding-block-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingTop);
21865
- padding-block-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingBottom);
21866
- padding-inline-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft);
21867
- padding-inline-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingRight);
21868
- margin-block-start: var(--pf-v5-c-tree-view__node-toggle-button--MarginTop);
21869
- margin-block-end: var(--pf-v5-c-tree-view__node-toggle-button--MarginBottom);
21870
- color: var(--pf-v5-c-tree-view__node-toggle--Color);
21871
- background-color: var(--pf-v5-c-tree-view__node-toggle--BackgroundColor);
21872
- border: 0;
21873
- transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
21909
+ width: var(--pf-v5-c-wizard__nav-link--before--Width);
21910
+ height: var(--pf-v5-c-wizard__nav-link--before--Height);
21911
+ font-size: var(--pf-v5-c-wizard__nav-link--before--FontSize);
21912
+ line-height: 1;
21913
+ color: var(--pf-v5-c-wizard__nav-link--before--Color);
21914
+ background-color: var(--pf-v5-c-wizard__nav-link--before--BackgroundColor);
21915
+ border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
21874
21916
  }
21875
21917
 
21876
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
21877
- transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
21918
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
21919
+ transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
21878
21920
  }
21879
21921
 
21880
- .pf-v5-c-tree-view__node-title.pf-m-truncate,
21881
- .pf-v5-c-tree-view__node-text.pf-m-truncate {
21882
- --pf-v5-c-tree-view__node-content--Overflow: hidden;
21883
- overflow: hidden;
21884
- text-overflow: ellipsis;
21885
- white-space: nowrap;
21922
+ .pf-v5-c-wizard__nav-link::before {
21923
+ inset-block-start: 0;
21924
+ content: counter(wizard-nav-count);
21925
+ counter-increment: wizard-nav-count;
21886
21926
  }
21887
21927
 
21888
- .pf-v5-c-tree-view.pf-m-truncate .pf-v5-c-tree-view__node-title,
21889
- .pf-v5-c-tree-view.pf-m-truncate .pf-v5-c-tree-view__node-text {
21890
- --pf-v5-c-tree-view__node-content--Overflow: hidden;
21891
- overflow: hidden;
21892
- text-overflow: ellipsis;
21893
- white-space: nowrap;
21928
+ .pf-v5-c-wizard__nav-link:hover {
21929
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
21930
+ --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
21894
21931
  }
21895
21932
 
21896
- .pf-v5-c-tree-view__node-text {
21897
- font-weight: inherit;
21898
- color: inherit;
21899
- text-align: start;
21900
- background-color: transparent;
21901
- border: 0;
21933
+ .pf-v5-c-wizard__nav-link:focus {
21934
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--focus--Color);
21935
+ --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
21902
21936
  }
21903
21937
 
21904
- label.pf-v5-c-tree-view__node-text {
21905
- cursor: pointer;
21938
+ .pf-v5-c-wizard__nav-link.pf-m-current {
21939
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
21940
+ font-weight: var(--pf-v5-c-wizard__nav-link--m-current--FontWeight);
21906
21941
  }
21907
21942
 
21908
- .pf-v5-c-tree-view__node-title {
21909
- font-weight: var(--pf-v5-c-tree-view__node-title--FontWeight);
21943
+ .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
21944
+ --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
21945
+ --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-current--before--Color);
21910
21946
  }
21911
21947
 
21912
- .pf-v5-c-tree-view__search {
21913
- padding-block-start: var(--pf-v5-c-tree-view__search--PaddingTop);
21914
- padding-block-end: var(--pf-v5-c-tree-view__search--PaddingBottom);
21915
- padding-inline-start: var(--pf-v5-c-tree-view__search--PaddingLeft);
21916
- padding-inline-end: var(--pf-v5-c-tree-view__search--PaddingRight);
21948
+ .pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
21949
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--Color);
21950
+ pointer-events: none;
21917
21951
  }
21918
21952
 
21919
- .pf-v5-c-tree-view__node-icon {
21920
- padding-inline-end: var(--pf-v5-c-tree-view__node-icon--PaddingRight);
21921
- color: var(--pf-v5-c-tree-view__node-icon--Color);
21953
+ .pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {
21954
+ --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor);
21955
+ --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--before--Color);
21922
21956
  }
21923
21957
 
21924
- .pf-v5-c-tree-view__content {
21925
- display: flex;
21926
- align-items: center;
21958
+ .pf-v5-c-wizard__nav-link-text {
21959
+ flex-grow: 1;
21927
21960
  }
21928
21961
 
21929
- .pf-v5-c-tree-view__content:hover,
21930
- .pf-v5-c-tree-view__content:focus-within {
21931
- background-color: var(--pf-v5-c-tree-view__node--hover--BackgroundColor);
21962
+ .pf-v5-c-wizard__nav-link-toggle {
21963
+ padding-inline-start: var(--pf-v5-c-wizard__nav-link-toggle--PaddingLeft);
21964
+ padding-inline-end: var(--pf-v5-c-wizard__nav-link-toggle--PaddingRight);
21965
+ color: var(--pf-v5-c-wizard__nav-link-toggle--Color);
21932
21966
  }
21933
21967
 
21934
- .pf-v5-c-tree-view__action {
21935
- margin-inline-start: var(--pf-v5-c-tree-view__action--MarginLeft);
21968
+ .pf-v5-c-wizard__nav-link-toggle-icon {
21969
+ display: inline-block;
21970
+ transition: var(--pf-v5-c-wizard__nav-link-toggle-icon--Transition);
21971
+ transform: rotate(var(--pf-v5-c-wizard__nav-link-toggle-icon--Rotate));
21936
21972
  }
21937
21973
 
21938
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21939
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21940
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 1 + var(--pf-v5-c-tree-view__node--indent--base));
21941
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21974
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
21975
+ scale: -1 1;
21942
21976
  }
21943
21977
 
21944
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21945
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21946
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 2 + var(--pf-v5-c-tree-view__node--indent--base));
21947
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21948
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 1 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21949
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21950
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 1 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21951
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21978
+ .pf-v5-c-wizard__main {
21979
+ z-index: var(--pf-v5-c-wizard__main--ZIndex);
21980
+ flex: 1 1 auto;
21981
+ overflow-x: hidden;
21982
+ overflow-y: auto;
21983
+ word-break: break-word;
21952
21984
  }
21953
21985
 
21954
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21955
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21956
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 3 + var(--pf-v5-c-tree-view__node--indent--base));
21957
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21958
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 2 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21959
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21960
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 2 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21961
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21986
+ .pf-v5-c-wizard__main-body {
21987
+ padding-block-start: var(--pf-v5-c-wizard__main-body--PaddingTop);
21988
+ padding-block-end: var(--pf-v5-c-wizard__main-body--PaddingBottom);
21989
+ padding-inline-start: var(--pf-v5-c-wizard__main-body--PaddingLeft);
21990
+ padding-inline-end: var(--pf-v5-c-wizard__main-body--PaddingRight);
21962
21991
  }
21963
21992
 
21964
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21965
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21966
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 4 + var(--pf-v5-c-tree-view__node--indent--base));
21967
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21968
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 3 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21969
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21970
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 3 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21971
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21993
+ .pf-v5-c-wizard__main-body.pf-m-no-padding {
21994
+ padding: 0;
21972
21995
  }
21973
21996
 
21974
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21975
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21976
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 5 + var(--pf-v5-c-tree-view__node--indent--base));
21977
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21978
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 4 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21979
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21980
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 4 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21981
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21997
+ .pf-v5-c-wizard__footer {
21998
+ position: relative;
21999
+ z-index: var(--pf-v5-c-wizard__footer--ZIndex);
22000
+ display: flex;
22001
+ flex-shrink: 0;
22002
+ flex-wrap: wrap;
22003
+ padding-block-start: var(--pf-v5-c-wizard__footer--PaddingTop);
22004
+ padding-block-end: var(--pf-v5-c-wizard__footer--PaddingBottom);
22005
+ padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
22006
+ padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
22007
+ background-color: var(--pf-v5-c-wizard__footer--BackgroundColor);
21982
22008
  }
21983
22009
 
21984
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21985
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21986
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 6 + var(--pf-v5-c-tree-view__node--indent--base));
21987
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21988
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 5 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21989
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
21990
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 5 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
21991
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
22010
+ .pf-v5-c-wizard__footer > * {
22011
+ margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
21992
22012
  }
21993
22013
 
21994
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
21995
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
21996
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 7 + var(--pf-v5-c-tree-view__node--indent--base));
21997
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
21998
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 6 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
21999
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
22000
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 6 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
22001
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
22014
+ .pf-v5-c-wizard__footer > *:not(:last-child) {
22015
+ margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
22002
22016
  }
22003
22017
 
22004
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
22005
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
22006
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 8 + var(--pf-v5-c-tree-view__node--indent--base));
22007
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
22008
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 7 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
22009
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
22010
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 7 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
22011
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
22018
+ .pf-v5-c-page__main-wizard .pf-v5-c-wizard__footer, .pf-v5-c-modal-box .pf-v5-c-wizard__footer, .pf-v5-c-drawer > .pf-v5-c-wizard__footer {
22019
+ box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
22012
22020
  }
22013
22021
 
22014
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
22015
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
22016
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 9 + var(--pf-v5-c-tree-view__node--indent--base));
22017
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
22018
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 8 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
22019
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
22020
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
22021
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
22022
+ .pf-v5-c-wizard__footer-cancel {
22023
+ margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
22022
22024
  }
22023
22025
 
22024
- .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
22025
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
22026
- --pf-v5-c-tree-view__node--PaddingLeft: calc(var(--pf-v5-c-tree-view__node--nested-indent--base) * 10 + var(--pf-v5-c-tree-view__node--indent--base));
22027
- --pf-v5-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides--guide-left--base--offset));
22028
- --pf-v5-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact__node--nested-indent--base) * 9 + var(--pf-v5-c-tree-view--m-compact__node--indent--base));
22029
- --pf-v5-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
22030
- --pf-v5-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 9 + var(--pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base));
22031
- --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
22026
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
22027
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22032
22028
  }
22033
22029
 
22034
- :where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
22035
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22036
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22030
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
22031
+ --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
22032
+ --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
22033
+ }
22034
+
22035
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
22036
+ color: var(--pf-v5-global--Color--100);
22037
22037
  }
22038
22038
 
22039
22039
  .pf-v5-c-alert-group {
@@ -22099,6 +22099,51 @@ label.pf-v5-c-tree-view__node-text {
22099
22099
  --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--active--BoxShadow);
22100
22100
  }
22101
22101
 
22102
+ .pf-v5-c-truncate {
22103
+ --pf-v5-c-truncate--MinWidth: 12ch;
22104
+ --pf-v5-c-truncate__start--MinWidth: 6ch;
22105
+ display: inline-grid;
22106
+ grid-auto-flow: column;
22107
+ align-items: baseline;
22108
+ min-width: var(--pf-v5-c-truncate--MinWidth);
22109
+ }
22110
+
22111
+ .pf-v5-c-truncate__start,
22112
+ .pf-v5-c-truncate__end {
22113
+ overflow: hidden;
22114
+ text-overflow: ellipsis;
22115
+ white-space: nowrap;
22116
+ }
22117
+
22118
+ .pf-v5-c-truncate__start {
22119
+ min-width: var(--pf-v5-c-truncate__start--MinWidth);
22120
+ }
22121
+
22122
+ .pf-v5-c-truncate__end {
22123
+ direction: rtl;
22124
+ }
22125
+
22126
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
22127
+ direction: ltr;
22128
+ }
22129
+
22130
+ .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
22131
+ overflow: visible;
22132
+ direction: ltr;
22133
+ }
22134
+
22135
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
22136
+ direction: rtl;
22137
+ }
22138
+
22139
+ @supports (-webkit-hyphens: none) {
22140
+ .pf-v5-c-truncate__end {
22141
+ direction: ltr;
22142
+ }
22143
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
22144
+ direction: rtl;
22145
+ }
22146
+ }
22102
22147
  .pf-v5-c-panel {
22103
22148
  --pf-v5-c-panel--Width: auto;
22104
22149
  --pf-v5-c-panel--MinWidth: auto;
@@ -22194,51 +22239,6 @@ label.pf-v5-c-tree-view__node-text {
22194
22239
  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22195
22240
  }
22196
22241
 
22197
- .pf-v5-c-truncate {
22198
- --pf-v5-c-truncate--MinWidth: 12ch;
22199
- --pf-v5-c-truncate__start--MinWidth: 6ch;
22200
- display: inline-grid;
22201
- grid-auto-flow: column;
22202
- align-items: baseline;
22203
- min-width: var(--pf-v5-c-truncate--MinWidth);
22204
- }
22205
-
22206
- .pf-v5-c-truncate__start,
22207
- .pf-v5-c-truncate__end {
22208
- overflow: hidden;
22209
- text-overflow: ellipsis;
22210
- white-space: nowrap;
22211
- }
22212
-
22213
- .pf-v5-c-truncate__start {
22214
- min-width: var(--pf-v5-c-truncate__start--MinWidth);
22215
- }
22216
-
22217
- .pf-v5-c-truncate__end {
22218
- direction: rtl;
22219
- }
22220
-
22221
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
22222
- direction: ltr;
22223
- }
22224
-
22225
- .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
22226
- overflow: visible;
22227
- direction: ltr;
22228
- }
22229
-
22230
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
22231
- direction: rtl;
22232
- }
22233
-
22234
- @supports (-webkit-hyphens: none) {
22235
- .pf-v5-c-truncate__end {
22236
- direction: ltr;
22237
- }
22238
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
22239
- direction: rtl;
22240
- }
22241
- }
22242
22242
  .pf-v5-l-gallery {
22243
22243
  --pf-v5-l-gallery--m-gutter--GridGap: var(--pf-v5-global--gutter);
22244
22244
  --pf-v5-l-gallery--GridTemplateColumns--min: 250px;