@patternfly/patternfly 5.0.0-alpha.4 → 5.0.0-alpha.41

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 (342) hide show
  1. package/README.md +4 -4
  2. package/RELEASE-NOTES.md +18 -1
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/images/pfbg-icon.svg +1 -0
  5. package/assets/pficon/pficon.scss +7 -2
  6. package/assets/pficon/pficon.woff2 +0 -0
  7. package/base/_base.scss +0 -18
  8. package/base/_chart-globals.scss +0 -4
  9. package/base/_common.scss +0 -22
  10. package/base/_fa-icons.scss +1 -2
  11. package/base/_fonts.scss +22 -27
  12. package/base/_globals.scss +92 -86
  13. package/base/_icons.scss +1 -28
  14. package/base/_svg-icons.scss +6 -0
  15. package/base/_variables.scss +4 -4
  16. package/base/patternfly-common.css +0 -10
  17. package/base/patternfly-fa-icons.css +1 -1
  18. package/base/patternfly-fonts.css +17 -17
  19. package/base/patternfly-globals.css +35 -41
  20. package/base/patternfly-icons.css +8 -22
  21. package/base/patternfly-pf-icons.css +6 -2
  22. package/base/patternfly-themes.css +0 -42
  23. package/base/patternfly-variables.css +3 -3
  24. package/base/themes/dark/_globals.scss +1 -1
  25. package/base/themes/dark/_variables.scss +1 -1
  26. package/components/AboutModalBox/about-modal-box.css +20 -50
  27. package/components/AboutModalBox/about-modal-box.scss +22 -14
  28. package/components/Accordion/accordion.css +2 -0
  29. package/components/Accordion/accordion.scss +2 -0
  30. package/components/Alert/alert.css +17 -8
  31. package/components/Alert/alert.scss +21 -7
  32. package/components/Alert/themes/dark/alert.scss +1 -1
  33. package/components/AppLauncher/app-launcher.css +2 -0
  34. package/components/AppLauncher/app-launcher.scss +2 -0
  35. package/components/Avatar/avatar.scss +2 -2
  36. package/components/BackgroundImage/background-image.css +8 -35
  37. package/components/BackgroundImage/background-image.scss +17 -43
  38. package/components/Banner/banner.css +14 -52
  39. package/components/Banner/banner.scss +9 -13
  40. package/components/Breadcrumb/breadcrumb.css +2 -0
  41. package/components/Breadcrumb/breadcrumb.scss +2 -0
  42. package/components/CalendarMonth/calendar-month.css +2 -2
  43. package/components/CalendarMonth/calendar-month.scss +3 -3
  44. package/components/Card/card.css +115 -50
  45. package/components/Card/card.scss +164 -63
  46. package/components/Chip/chip.css +33 -24
  47. package/components/Chip/chip.scss +40 -31
  48. package/components/ChipGroup/chip-group.css +27 -17
  49. package/components/ChipGroup/chip-group.scss +36 -22
  50. package/components/Content/content.css +11 -5
  51. package/components/Content/content.scss +17 -9
  52. package/components/ContextSelector/context-selector.css +13 -6
  53. package/components/ContextSelector/context-selector.scss +14 -7
  54. package/components/DataList/data-list-grid.css +7 -7
  55. package/components/DataList/data-list-grid.scss +1 -1
  56. package/components/DataList/data-list.css +46 -40
  57. package/components/DataList/data-list.scss +37 -28
  58. package/components/DatePicker/date-picker.css +0 -8
  59. package/components/DatePicker/date-picker.scss +0 -9
  60. package/components/DescriptionList/description-list.css +7 -7
  61. package/components/DescriptionList/description-list.scss +7 -7
  62. package/components/Divider/divider.css +2 -2
  63. package/components/Divider/divider.scss +3 -3
  64. package/components/Drawer/drawer.css +15 -16
  65. package/components/Drawer/drawer.scss +2 -3
  66. package/components/Dropdown/dropdown.css +26 -25
  67. package/components/Dropdown/dropdown.scss +17 -18
  68. package/components/DualListSelector/dual-list-selector.css +1 -1
  69. package/components/DualListSelector/dual-list-selector.scss +1 -1
  70. package/components/EmptyState/empty-state.css +46 -52
  71. package/components/EmptyState/empty-state.scss +58 -57
  72. package/components/ExpandableSection/expandable-section.css +2 -0
  73. package/components/ExpandableSection/expandable-section.scss +2 -0
  74. package/components/Form/form.css +14 -12
  75. package/components/Form/form.scss +9 -7
  76. package/components/FormControl/form-control.css +2 -5
  77. package/components/FormControl/themes/dark/form-control.scss +2 -6
  78. package/components/HelperText/helper-text.css +4 -0
  79. package/components/HelperText/helper-text.scss +5 -0
  80. package/components/Hint/hint.css +2 -2
  81. package/components/Hint/hint.scss +2 -2
  82. package/components/Icon/icon.css +3 -3
  83. package/components/Icon/icon.scss +3 -3
  84. package/components/InputGroup/input-group.css +61 -85
  85. package/components/InputGroup/input-group.scss +55 -61
  86. package/components/InputGroup/themes/dark/input-group.scss +11 -25
  87. package/components/Label/label.css +49 -36
  88. package/components/Label/label.scss +53 -38
  89. package/components/Label/themes/dark/label.scss +2 -2
  90. package/components/LabelGroup/label-group.css +26 -22
  91. package/components/LabelGroup/label-group.scss +31 -26
  92. package/components/LogViewer/log-viewer.css +0 -38
  93. package/components/Login/login.css +20 -60
  94. package/components/Login/login.scss +16 -18
  95. package/components/Login/themes/dark/login.scss +4 -0
  96. package/components/Masthead/masthead.css +4 -42
  97. package/components/Masthead/masthead.scss +4 -4
  98. package/components/Menu/menu.css +9 -6
  99. package/components/Menu/menu.scss +34 -31
  100. package/components/MenuToggle/menu-toggle.css +3 -1
  101. package/components/MenuToggle/menu-toggle.scss +3 -1
  102. package/components/ModalBox/modal-box.css +12 -11
  103. package/components/ModalBox/modal-box.scss +14 -14
  104. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  105. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  106. package/components/Nav/nav.css +1 -1
  107. package/components/Nav/nav.scss +2 -2
  108. package/components/NotificationDrawer/notification-drawer.css +8 -8
  109. package/components/NotificationDrawer/notification-drawer.scss +8 -8
  110. package/components/OptionsMenu/options-menu.css +8 -10
  111. package/components/OptionsMenu/options-menu.scss +9 -11
  112. package/components/Page/page.css +101 -122
  113. package/components/Page/page.scss +49 -21
  114. package/components/Pagination/pagination.css +2 -110
  115. package/components/Pagination/pagination.scss +0 -6
  116. package/components/Popover/popover.css +31 -37
  117. package/components/Popover/popover.scss +32 -37
  118. package/components/Popover/themes/dark/popover.scss +3 -9
  119. package/components/Progress/progress.css +13 -10
  120. package/components/Progress/progress.scss +13 -10
  121. package/components/ProgressStepper/progress-stepper.css +5 -5
  122. package/components/ProgressStepper/progress-stepper.scss +5 -5
  123. package/components/SearchInput/search-input.css +4 -2
  124. package/components/SearchInput/search-input.scss +4 -2
  125. package/components/Select/select.css +1 -1
  126. package/components/Select/select.scss +1 -1
  127. package/components/Sidebar/sidebar.css +69 -26
  128. package/components/Sidebar/sidebar.scss +84 -27
  129. package/components/SimpleList/simple-list.css +1 -1
  130. package/components/SimpleList/simple-list.scss +2 -2
  131. package/components/Spinner/spinner.css +4 -133
  132. package/components/Spinner/spinner.scss +4 -173
  133. package/components/Table/table-grid.css +28 -28
  134. package/components/Table/table-scrollable.css +31 -26
  135. package/components/Table/table-scrollable.scss +33 -28
  136. package/components/Table/table-tree-view.css +14 -4
  137. package/components/Table/table-tree-view.scss +15 -0
  138. package/components/Table/table.css +67 -65
  139. package/components/Table/table.scss +65 -62
  140. package/components/Tabs/tabs.css +0 -4
  141. package/components/Tabs/tabs.scss +0 -7
  142. package/components/TextInputGroup/text-input-group.css +6 -4
  143. package/components/TextInputGroup/text-input-group.scss +6 -5
  144. package/components/Tile/tile.css +1 -1
  145. package/components/Tile/tile.scss +1 -1
  146. package/components/Timestamp/timestamp.css +3 -3
  147. package/components/Timestamp/timestamp.scss +3 -3
  148. package/components/Toolbar/toolbar.css +78 -43
  149. package/components/Toolbar/toolbar.scss +50 -10
  150. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  151. package/components/Tooltip/tooltip.css +7 -12
  152. package/components/Tooltip/tooltip.scss +6 -3
  153. package/components/TreeView/tree-view.css +7 -15
  154. package/components/TreeView/tree-view.scss +7 -18
  155. package/components/Wizard/wizard.css +16 -39
  156. package/components/Wizard/wizard.scss +20 -2
  157. package/docs/components/AboutModalBox/examples/AboutModalBox.md +20 -14
  158. package/docs/components/Accordion/examples/Accordion.md +12 -12
  159. package/docs/components/ActionList/examples/ActionList.md +6 -6
  160. package/docs/components/Alert/examples/Alert.md +29 -29
  161. package/docs/components/AlertGroup/examples/AlertGroup.md +15 -15
  162. package/docs/components/AppLauncher/examples/application-launcher.md +52 -46
  163. package/docs/components/Avatar/examples/Avatar.md +11 -11
  164. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  165. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  166. package/docs/components/BackgroundImage/examples/BackgroundImage.md +13 -29
  167. package/docs/components/Badge/examples/Badge.md +5 -5
  168. package/docs/components/Banner/examples/Banner.md +8 -8
  169. package/docs/components/Brand/examples/Brand.md +9 -9
  170. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  171. package/docs/components/Button/examples/Button.md +51 -55
  172. package/docs/components/CalendarMonth/examples/CalendarMonth.md +301 -284
  173. package/docs/components/Card/examples/Card.md +676 -116
  174. package/docs/components/Check/examples/Check.md +16 -19
  175. package/docs/components/Chip/examples/Chip.md +70 -52
  176. package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
  177. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  178. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  179. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  180. package/docs/components/Content/examples/Content.md +37 -9
  181. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  182. package/docs/components/ContextSelector/examples/context-selector.md +87 -80
  183. package/docs/components/DataList/examples/DataList.md +239 -202
  184. package/docs/components/DatePicker/examples/DatePicker.md +139 -104
  185. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  186. package/docs/components/Divider/examples/Divider.md +10 -10
  187. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  188. package/docs/components/Drawer/examples/Drawer.md +43 -43
  189. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  190. package/docs/components/Dropdown/examples/Dropdown.md +125 -100
  191. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  192. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  193. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  194. package/docs/components/FileUpload/examples/FileUpload.md +150 -110
  195. package/docs/components/Form/examples/Form.md +152 -130
  196. package/docs/components/FormControl/examples/FormControl.md +21 -20
  197. package/docs/components/HelperText/examples/HelperText.md +24 -35
  198. package/docs/components/Hint/examples/Hint.md +7 -7
  199. package/docs/components/Icon/examples/Icon.md +11 -12
  200. package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
  201. package/docs/components/InputGroup/examples/InputGroup.md +229 -179
  202. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  203. package/docs/components/Label/examples/Label.md +1427 -746
  204. package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
  205. package/docs/components/List/examples/List.md +18 -18
  206. package/docs/components/LogViewer/examples/LogViewer.md +79 -74
  207. package/docs/components/Login/examples/Login.md +103 -181
  208. package/docs/components/Masthead/examples/masthead.md +9 -9
  209. package/docs/components/Menu/examples/Menu.md +93 -85
  210. package/docs/components/MenuToggle/examples/MenuToggle.md +29 -28
  211. package/docs/components/ModalBox/examples/ModalBox.md +113 -92
  212. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +27 -26
  213. package/docs/components/Nav/examples/Navigation.md +69 -69
  214. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  215. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +64 -64
  216. package/docs/components/NumberInput/examples/NumberInput.md +311 -239
  217. package/docs/components/OptionsMenu/examples/options-menu.md +28 -28
  218. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  219. package/docs/components/Page/examples/Page.css +7 -1
  220. package/docs/components/Page/examples/Page.md +81 -54
  221. package/docs/components/Pagination/examples/Pagination.md +27 -27
  222. package/docs/components/Panel/examples/Panel.md +10 -10
  223. package/docs/components/Popover/examples/Popover.md +206 -149
  224. package/docs/components/Progress/examples/Progress.md +32 -61
  225. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -39
  226. package/docs/components/Radio/examples/Radio.md +12 -11
  227. package/docs/components/SearchInput/examples/SearchInput.md +185 -148
  228. package/docs/components/Select/examples/Select.md +372 -318
  229. package/docs/components/Sidebar/examples/Sidebar.md +70 -14
  230. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  231. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  232. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  233. package/docs/components/Slider/examples/Slider.md +84 -62
  234. package/docs/components/Spinner/examples/Spinner.md +18 -67
  235. package/docs/components/Switch/examples/Switch.md +19 -19
  236. package/docs/components/TabContent/examples/TabContent.md +13 -13
  237. package/docs/components/Table/examples/Table.css +4 -0
  238. package/docs/components/Table/examples/Table.md +5212 -5750
  239. package/docs/components/Tabs/examples/Tabs.md +155 -155
  240. package/docs/components/TextInputGroup/examples/TextInputGroup.md +523 -406
  241. package/docs/components/Tile/examples/Tile.md +16 -17
  242. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  243. package/docs/components/Title/examples/Title.md +17 -17
  244. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  245. package/docs/components/Toolbar/examples/Toolbar.md +848 -726
  246. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  247. package/docs/components/TreeView/examples/TreeView.md +34 -34
  248. package/docs/components/Truncate/examples/Truncate.md +4 -5
  249. package/docs/components/Wizard/examples/Wizard.md +119 -127
  250. package/docs/demos/AboutModal/examples/AboutModal.md +4 -5
  251. package/docs/demos/Alert/examples/Alert.md +118 -71
  252. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  253. package/docs/demos/Banner/examples/Banner.md +8 -9
  254. package/docs/demos/Button/examples/Button.md +10 -5
  255. package/docs/demos/Card/examples/Card.md +246 -168
  256. package/docs/demos/CardView/examples/CardView.md +57 -30
  257. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  258. package/docs/demos/Dashboard/examples/Dashboard.md +61 -38
  259. package/docs/demos/DataList/examples/DataList.md +312 -255
  260. package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
  261. package/docs/demos/Drawer/examples/Drawer.md +24 -22
  262. package/docs/demos/Form/examples/BasicForms.md +220 -213
  263. package/docs/demos/HelperText/examples/HelperText.md +16 -14
  264. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  265. package/docs/demos/Masthead/examples/Masthead.md +302 -284
  266. package/docs/demos/Modal/examples/Modal.md +54 -66
  267. package/docs/demos/Nav/examples/Nav.md +47 -47
  268. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +70 -58
  269. package/docs/demos/Page/examples/Page.md +982 -51
  270. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +22 -18
  271. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +121 -106
  272. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +345 -311
  273. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  274. package/docs/demos/Table/examples/Table.md +3373 -1333
  275. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  276. package/docs/demos/Toolbar/examples/Toolbar.md +1994 -329
  277. package/docs/demos/Wizard/examples/Wizard.md +289 -266
  278. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  279. package/docs/layouts/Flex/examples/Flex.md +98 -98
  280. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  281. package/docs/layouts/Grid/examples/Grid.md +9 -9
  282. package/docs/layouts/Level/examples/Level.md +5 -5
  283. package/docs/layouts/Split/examples/Split.md +7 -7
  284. package/docs/layouts/Stack/examples/Stack.md +6 -6
  285. package/docs/utilities/Accessibility/examples/Accessibility.md +5 -5
  286. package/docs/utilities/Alignment/examples/Alignment.md +7 -7
  287. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +13 -13
  288. package/docs/utilities/BoxShadow/examples/box-shadow.md +23 -23
  289. package/docs/utilities/Display/examples/Display.md +12 -12
  290. package/docs/utilities/Flex/examples/Flex.md +35 -35
  291. package/docs/utilities/Float/examples/Float.md +5 -5
  292. package/docs/utilities/Sizing/examples/Sizing.md +51 -51
  293. package/docs/utilities/Spacing/examples/Spacing.md +35 -35
  294. package/docs/utilities/Text/examples/Text.md +31 -31
  295. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  296. package/layouts/Gallery/gallery.css +1 -1
  297. package/layouts/Gallery/gallery.scss +1 -1
  298. package/layouts/Grid/grid.css +7 -7
  299. package/layouts/Grid/grid.scss +2 -2
  300. package/package.json +60 -66
  301. package/patternfly-addons.css +48 -48
  302. package/{patternfly-base-no-reset.css → patternfly-base-no-globals.css} +28 -73
  303. package/{patternfly-base-no-reset.scss → patternfly-base-no-globals.scss} +1 -0
  304. package/patternfly-base.css +63 -114
  305. package/{patternfly-no-reset.css → patternfly-no-globals.css} +1206 -2449
  306. package/{patternfly-no-reset.scss → patternfly-no-globals.scss} +1 -0
  307. package/patternfly.css +1234 -2483
  308. package/patternfly.min.css +1 -1
  309. package/patternfly.min.css.map +1 -1
  310. package/sass-utilities/functions.scss +8 -24
  311. package/sass-utilities/mixins.scss +15 -39
  312. package/sass-utilities/placeholders.scss +0 -23
  313. package/sass-utilities/scss-variables.scss +5 -6
  314. package/sass-utilities/themes/dark/placeholders.scss +0 -22
  315. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  316. package/utilities/Spacing/spacing.scss +2 -2
  317. package/utilities/Text/text.css +48 -48
  318. package/utilities/Text/text.scss +6 -6
  319. package/utilities/Text/themes/dark/text.scss +2 -2
  320. package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff +0 -0
  321. package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff +0 -0
  322. package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff +0 -0
  323. package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff +0 -0
  324. package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff +0 -0
  325. package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff +0 -0
  326. package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff +0 -0
  327. package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff +0 -0
  328. package/assets/fonts/RedHatText/RedHatText-Bold.woff +0 -0
  329. package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff +0 -0
  330. package/assets/fonts/RedHatText/RedHatText-Italic.woff +0 -0
  331. package/assets/fonts/RedHatText/RedHatText-Medium.woff +0 -0
  332. package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff +0 -0
  333. package/assets/fonts/RedHatText/RedHatText-Regular.woff +0 -0
  334. package/assets/fonts/webfonts/fa-solid-900.woff +0 -0
  335. package/assets/pficon/pficon.woff +0 -0
  336. package/base/_shield-inheritable.scss +0 -69
  337. package/base/_shield-noninheritable.scss +0 -13
  338. package/base/patternfly-shield-inheritable.css +0 -66
  339. package/base/patternfly-shield-inheritable.scss +0 -4
  340. package/base/patternfly-shield-noninheritable.css +0 -9
  341. package/base/patternfly-shield-noninheritable.scss +0 -4
  342. package/sass-utilities/bs-variables.scss +0 -709
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -96,7 +96,7 @@ wrapperTag: div
96
96
  </div>
97
97
  <section class="pf-c-app-launcher__group">
98
98
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
99
- <ul>
99
+ <ul role="list">
100
100
  <li
101
101
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
102
102
  >
@@ -148,7 +148,7 @@ wrapperTag: div
148
148
  <hr class="pf-c-divider" />
149
149
  <section class="pf-c-app-launcher__group">
150
150
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
151
- <ul>
151
+ <ul role="list">
152
152
  <li
153
153
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
154
154
  >
@@ -803,7 +803,7 @@ wrapperTag: div
803
803
  id="wizard-basic-example-primary-nav"
804
804
  aria-label="Global"
805
805
  >
806
- <ul class="pf-c-nav__list">
806
+ <ul class="pf-c-nav__list" role="list">
807
807
  <li class="pf-c-nav__item">
808
808
  <a href="#" class="pf-c-nav__link">System panel</a>
809
809
  </li>
@@ -835,7 +835,7 @@ wrapperTag: div
835
835
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
836
836
  <div class="pf-c-page__main-body">
837
837
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
838
- <ol class="pf-c-breadcrumb__list">
838
+ <ol class="pf-c-breadcrumb__list" role="list">
839
839
  <li class="pf-c-breadcrumb__item">
840
840
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
841
841
  </li>
@@ -924,15 +924,18 @@ wrapperTag: div
924
924
  >
925
925
  <div class="pf-c-wizard">
926
926
  <div class="pf-c-wizard__header">
927
- <button
928
- class="pf-c-button pf-m-plain pf-c-wizard__close"
929
- type="button"
930
- aria-label="Close"
931
- >
932
- <i class="fas fa-times" aria-hidden="true"></i>
933
- </button>
934
- <h1 class="pf-c-title pf-m-3xl pf-c-wizard__title">Wizard title</h1>
935
-
927
+ <div class="pf-c-wizard__close">
928
+ <button
929
+ class="pf-c-button pf-m-plain"
930
+ type="button"
931
+ aria-label="Close"
932
+ >
933
+ <i class="fas fa-times" aria-hidden="true"></i>
934
+ </button>
935
+ </div>
936
+ <div class="pf-c-wizard__title">
937
+ <h1 class="pf-c-wizard__title-text">Wizard title</h1>
938
+ </div>
936
939
  <div
937
940
  class="pf-c-wizard__description"
938
941
  >Here is where the description goes</div>
@@ -960,7 +963,7 @@ wrapperTag: div
960
963
  <div class="pf-c-wizard__outer-wrap">
961
964
  <div class="pf-c-wizard__inner-wrap">
962
965
  <nav class="pf-c-wizard__nav" aria-label="Steps">
963
- <ol class="pf-c-wizard__nav-list">
966
+ <ol class="pf-c-wizard__nav-list" role="list">
964
967
  <li class="pf-c-wizard__nav-item">
965
968
  <button class="pf-c-wizard__nav-link">Information</button>
966
969
  </li>
@@ -968,7 +971,7 @@ wrapperTag: div
968
971
  <button
969
972
  class="pf-c-wizard__nav-link pf-m-current"
970
973
  >Configuration</button>
971
- <ol class="pf-c-wizard__nav-list">
974
+ <ol class="pf-c-wizard__nav-list" role="list">
972
975
  <li class="pf-c-wizard__nav-item">
973
976
  <button class="pf-c-wizard__nav-link">Substep A</button>
974
977
  </li>
@@ -1228,7 +1231,7 @@ wrapperTag: div
1228
1231
  </div>
1229
1232
  <section class="pf-c-app-launcher__group">
1230
1233
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1231
- <ul>
1234
+ <ul role="list">
1232
1235
  <li
1233
1236
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1234
1237
  >
@@ -1280,7 +1283,7 @@ wrapperTag: div
1280
1283
  <hr class="pf-c-divider" />
1281
1284
  <section class="pf-c-app-launcher__group">
1282
1285
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1283
- <ul>
1286
+ <ul role="list">
1284
1287
  <li
1285
1288
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1286
1289
  >
@@ -1935,7 +1938,7 @@ wrapperTag: div
1935
1938
  id="wizard-nav-expanded-example-primary-nav"
1936
1939
  aria-label="Global"
1937
1940
  >
1938
- <ul class="pf-c-nav__list">
1941
+ <ul class="pf-c-nav__list" role="list">
1939
1942
  <li class="pf-c-nav__item">
1940
1943
  <a href="#" class="pf-c-nav__link">System panel</a>
1941
1944
  </li>
@@ -1967,7 +1970,7 @@ wrapperTag: div
1967
1970
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1968
1971
  <div class="pf-c-page__main-body">
1969
1972
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1970
- <ol class="pf-c-breadcrumb__list">
1973
+ <ol class="pf-c-breadcrumb__list" role="list">
1971
1974
  <li class="pf-c-breadcrumb__item">
1972
1975
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1973
1976
  </li>
@@ -2056,15 +2059,18 @@ wrapperTag: div
2056
2059
  >
2057
2060
  <div class="pf-c-wizard">
2058
2061
  <div class="pf-c-wizard__header">
2059
- <button
2060
- class="pf-c-button pf-m-plain pf-c-wizard__close"
2061
- type="button"
2062
- aria-label="Close"
2063
- >
2064
- <i class="fas fa-times" aria-hidden="true"></i>
2065
- </button>
2066
- <h1 class="pf-c-title pf-m-3xl pf-c-wizard__title">Wizard title</h1>
2067
-
2062
+ <div class="pf-c-wizard__close">
2063
+ <button
2064
+ class="pf-c-button pf-m-plain"
2065
+ type="button"
2066
+ aria-label="Close"
2067
+ >
2068
+ <i class="fas fa-times" aria-hidden="true"></i>
2069
+ </button>
2070
+ </div>
2071
+ <div class="pf-c-wizard__title">
2072
+ <h1 class="pf-c-wizard__title-text">Wizard title</h1>
2073
+ </div>
2068
2074
  <div
2069
2075
  class="pf-c-wizard__description"
2070
2076
  >Here is where the description goes</div>
@@ -2092,7 +2098,7 @@ wrapperTag: div
2092
2098
  <div class="pf-c-wizard__outer-wrap">
2093
2099
  <div class="pf-c-wizard__inner-wrap">
2094
2100
  <nav class="pf-c-wizard__nav pf-m-expanded" aria-label="Steps">
2095
- <ol class="pf-c-wizard__nav-list">
2101
+ <ol class="pf-c-wizard__nav-list" role="list">
2096
2102
  <li class="pf-c-wizard__nav-item">
2097
2103
  <button class="pf-c-wizard__nav-link">Information</button>
2098
2104
  </li>
@@ -2100,7 +2106,7 @@ wrapperTag: div
2100
2106
  <button
2101
2107
  class="pf-c-wizard__nav-link pf-m-current"
2102
2108
  >Configuration</button>
2103
- <ol class="pf-c-wizard__nav-list">
2109
+ <ol class="pf-c-wizard__nav-list" role="list">
2104
2110
  <li class="pf-c-wizard__nav-item">
2105
2111
  <button class="pf-c-wizard__nav-link">Substep A</button>
2106
2112
  </li>
@@ -2360,7 +2366,7 @@ wrapperTag: div
2360
2366
  </div>
2361
2367
  <section class="pf-c-app-launcher__group">
2362
2368
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2363
- <ul>
2369
+ <ul role="list">
2364
2370
  <li
2365
2371
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2366
2372
  >
@@ -2412,7 +2418,7 @@ wrapperTag: div
2412
2418
  <hr class="pf-c-divider" />
2413
2419
  <section class="pf-c-app-launcher__group">
2414
2420
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2415
- <ul>
2421
+ <ul role="list">
2416
2422
  <li
2417
2423
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2418
2424
  >
@@ -3067,7 +3073,7 @@ wrapperTag: div
3067
3073
  id="wizard-with-drawer-closed-example-primary-nav"
3068
3074
  aria-label="Global"
3069
3075
  >
3070
- <ul class="pf-c-nav__list">
3076
+ <ul class="pf-c-nav__list" role="list">
3071
3077
  <li class="pf-c-nav__item">
3072
3078
  <a href="#" class="pf-c-nav__link">System panel</a>
3073
3079
  </li>
@@ -3099,7 +3105,7 @@ wrapperTag: div
3099
3105
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3100
3106
  <div class="pf-c-page__main-body">
3101
3107
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3102
- <ol class="pf-c-breadcrumb__list">
3108
+ <ol class="pf-c-breadcrumb__list" role="list">
3103
3109
  <li class="pf-c-breadcrumb__item">
3104
3110
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3105
3111
  </li>
@@ -3188,15 +3194,18 @@ wrapperTag: div
3188
3194
  >
3189
3195
  <div class="pf-c-wizard">
3190
3196
  <div class="pf-c-wizard__header">
3191
- <button
3192
- class="pf-c-button pf-m-plain pf-c-wizard__close"
3193
- type="button"
3194
- aria-label="Close"
3195
- >
3196
- <i class="fas fa-times" aria-hidden="true"></i>
3197
- </button>
3198
- <h1 class="pf-c-title pf-m-3xl pf-c-wizard__title">Wizard title</h1>
3199
-
3197
+ <div class="pf-c-wizard__close">
3198
+ <button
3199
+ class="pf-c-button pf-m-plain"
3200
+ type="button"
3201
+ aria-label="Close"
3202
+ >
3203
+ <i class="fas fa-times" aria-hidden="true"></i>
3204
+ </button>
3205
+ </div>
3206
+ <div class="pf-c-wizard__title">
3207
+ <h1 class="pf-c-wizard__title-text">Wizard title</h1>
3208
+ </div>
3200
3209
  <div
3201
3210
  class="pf-c-wizard__description"
3202
3211
  >Here is where the description goes</div>
@@ -3224,7 +3233,7 @@ wrapperTag: div
3224
3233
  <div class="pf-c-wizard__outer-wrap">
3225
3234
  <div class="pf-c-wizard__inner-wrap">
3226
3235
  <nav class="pf-c-wizard__nav" aria-label="Steps">
3227
- <ol class="pf-c-wizard__nav-list">
3236
+ <ol class="pf-c-wizard__nav-list" role="list">
3228
3237
  <li class="pf-c-wizard__nav-item">
3229
3238
  <button class="pf-c-wizard__nav-link">Information</button>
3230
3239
  </li>
@@ -3232,7 +3241,7 @@ wrapperTag: div
3232
3241
  <button
3233
3242
  class="pf-c-wizard__nav-link pf-m-current"
3234
3243
  >Configuration</button>
3235
- <ol class="pf-c-wizard__nav-list">
3244
+ <ol class="pf-c-wizard__nav-list" role="list">
3236
3245
  <li class="pf-c-wizard__nav-item">
3237
3246
  <button class="pf-c-wizard__nav-link">Substep A</button>
3238
3247
  </li>
@@ -3570,7 +3579,7 @@ wrapperTag: div
3570
3579
  </div>
3571
3580
  <section class="pf-c-app-launcher__group">
3572
3581
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3573
- <ul>
3582
+ <ul role="list">
3574
3583
  <li
3575
3584
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3576
3585
  >
@@ -3622,7 +3631,7 @@ wrapperTag: div
3622
3631
  <hr class="pf-c-divider" />
3623
3632
  <section class="pf-c-app-launcher__group">
3624
3633
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3625
- <ul>
3634
+ <ul role="list">
3626
3635
  <li
3627
3636
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3628
3637
  >
@@ -4277,7 +4286,7 @@ wrapperTag: div
4277
4286
  id="wizard-with-drawer-expanded-example-primary-nav"
4278
4287
  aria-label="Global"
4279
4288
  >
4280
- <ul class="pf-c-nav__list">
4289
+ <ul class="pf-c-nav__list" role="list">
4281
4290
  <li class="pf-c-nav__item">
4282
4291
  <a href="#" class="pf-c-nav__link">System panel</a>
4283
4292
  </li>
@@ -4309,7 +4318,7 @@ wrapperTag: div
4309
4318
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4310
4319
  <div class="pf-c-page__main-body">
4311
4320
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4312
- <ol class="pf-c-breadcrumb__list">
4321
+ <ol class="pf-c-breadcrumb__list" role="list">
4313
4322
  <li class="pf-c-breadcrumb__item">
4314
4323
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4315
4324
  </li>
@@ -4398,15 +4407,18 @@ wrapperTag: div
4398
4407
  >
4399
4408
  <div class="pf-c-wizard">
4400
4409
  <div class="pf-c-wizard__header">
4401
- <button
4402
- class="pf-c-button pf-m-plain pf-c-wizard__close"
4403
- type="button"
4404
- aria-label="Close"
4405
- >
4406
- <i class="fas fa-times" aria-hidden="true"></i>
4407
- </button>
4408
- <h1 class="pf-c-title pf-m-3xl pf-c-wizard__title">Wizard title</h1>
4409
-
4410
+ <div class="pf-c-wizard__close">
4411
+ <button
4412
+ class="pf-c-button pf-m-plain"
4413
+ type="button"
4414
+ aria-label="Close"
4415
+ >
4416
+ <i class="fas fa-times" aria-hidden="true"></i>
4417
+ </button>
4418
+ </div>
4419
+ <div class="pf-c-wizard__title">
4420
+ <h1 class="pf-c-wizard__title-text">Wizard title</h1>
4421
+ </div>
4410
4422
  <div
4411
4423
  class="pf-c-wizard__description"
4412
4424
  >Here is where the description goes</div>
@@ -4434,7 +4446,7 @@ wrapperTag: div
4434
4446
  <div class="pf-c-wizard__outer-wrap">
4435
4447
  <div class="pf-c-wizard__inner-wrap">
4436
4448
  <nav class="pf-c-wizard__nav" aria-label="Steps">
4437
- <ol class="pf-c-wizard__nav-list">
4449
+ <ol class="pf-c-wizard__nav-list" role="list">
4438
4450
  <li class="pf-c-wizard__nav-item">
4439
4451
  <button class="pf-c-wizard__nav-link">Information</button>
4440
4452
  </li>
@@ -4442,7 +4454,7 @@ wrapperTag: div
4442
4454
  <button
4443
4455
  class="pf-c-wizard__nav-link pf-m-current"
4444
4456
  >Configuration</button>
4445
- <ol class="pf-c-wizard__nav-list">
4457
+ <ol class="pf-c-wizard__nav-list" role="list">
4446
4458
  <li class="pf-c-wizard__nav-item">
4447
4459
  <button class="pf-c-wizard__nav-link">Substep A</button>
4448
4460
  </li>
@@ -4774,7 +4786,7 @@ wrapperTag: div
4774
4786
  </div>
4775
4787
  <section class="pf-c-app-launcher__group">
4776
4788
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4777
- <ul>
4789
+ <ul role="list">
4778
4790
  <li
4779
4791
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4780
4792
  >
@@ -4826,7 +4838,7 @@ wrapperTag: div
4826
4838
  <hr class="pf-c-divider" />
4827
4839
  <section class="pf-c-app-launcher__group">
4828
4840
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4829
- <ul>
4841
+ <ul role="list">
4830
4842
  <li
4831
4843
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4832
4844
  >
@@ -5481,7 +5493,7 @@ wrapperTag: div
5481
5493
  id="wizard-with-drawer-info-example-primary-nav"
5482
5494
  aria-label="Global"
5483
5495
  >
5484
- <ul class="pf-c-nav__list">
5496
+ <ul class="pf-c-nav__list" role="list">
5485
5497
  <li class="pf-c-nav__item">
5486
5498
  <a href="#" class="pf-c-nav__link">System panel</a>
5487
5499
  </li>
@@ -5513,7 +5525,7 @@ wrapperTag: div
5513
5525
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5514
5526
  <div class="pf-c-page__main-body">
5515
5527
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5516
- <ol class="pf-c-breadcrumb__list">
5528
+ <ol class="pf-c-breadcrumb__list" role="list">
5517
5529
  <li class="pf-c-breadcrumb__item">
5518
5530
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
5519
5531
  </li>
@@ -5602,15 +5614,18 @@ wrapperTag: div
5602
5614
  >
5603
5615
  <div class="pf-c-wizard">
5604
5616
  <div class="pf-c-wizard__header">
5605
- <button
5606
- class="pf-c-button pf-m-plain pf-c-wizard__close"
5607
- type="button"
5608
- aria-label="Close"
5609
- >
5610
- <i class="fas fa-times" aria-hidden="true"></i>
5611
- </button>
5612
- <h1 class="pf-c-title pf-m-3xl pf-c-wizard__title">Wizard title</h1>
5613
-
5617
+ <div class="pf-c-wizard__close">
5618
+ <button
5619
+ class="pf-c-button pf-m-plain"
5620
+ type="button"
5621
+ aria-label="Close"
5622
+ >
5623
+ <i class="fas fa-times" aria-hidden="true"></i>
5624
+ </button>
5625
+ </div>
5626
+ <div class="pf-c-wizard__title">
5627
+ <h1 class="pf-c-wizard__title-text">Wizard title</h1>
5628
+ </div>
5614
5629
  <div
5615
5630
  class="pf-c-wizard__description"
5616
5631
  >Here is where the description goes</div>
@@ -5638,7 +5653,7 @@ wrapperTag: div
5638
5653
  <div class="pf-c-wizard__outer-wrap">
5639
5654
  <div class="pf-c-wizard__inner-wrap">
5640
5655
  <nav class="pf-c-wizard__nav" aria-label="Steps">
5641
- <ol class="pf-c-wizard__nav-list">
5656
+ <ol class="pf-c-wizard__nav-list" role="list">
5642
5657
  <li class="pf-c-wizard__nav-item">
5643
5658
  <button class="pf-c-wizard__nav-link">Information</button>
5644
5659
  </li>
@@ -5646,7 +5661,7 @@ wrapperTag: div
5646
5661
  <button
5647
5662
  class="pf-c-wizard__nav-link pf-m-current"
5648
5663
  >Configuration</button>
5649
- <ol class="pf-c-wizard__nav-list">
5664
+ <ol class="pf-c-wizard__nav-list" role="list">
5650
5665
  <li class="pf-c-wizard__nav-item">
5651
5666
  <button class="pf-c-wizard__nav-link">Substep A</button>
5652
5667
  </li>
@@ -5851,7 +5866,7 @@ wrapperTag: div
5851
5866
  </div>
5852
5867
  <section class="pf-c-app-launcher__group">
5853
5868
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5854
- <ul>
5869
+ <ul role="list">
5855
5870
  <li
5856
5871
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5857
5872
  >
@@ -5903,7 +5918,7 @@ wrapperTag: div
5903
5918
  <hr class="pf-c-divider" />
5904
5919
  <section class="pf-c-app-launcher__group">
5905
5920
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5906
- <ul>
5921
+ <ul role="list">
5907
5922
  <li
5908
5923
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5909
5924
  >
@@ -6558,7 +6573,7 @@ wrapperTag: div
6558
6573
  id="wizard-in-page-example-primary-nav"
6559
6574
  aria-label="Global"
6560
6575
  >
6561
- <ul class="pf-c-nav__list">
6576
+ <ul class="pf-c-nav__list" role="list">
6562
6577
  <li class="pf-c-nav__item">
6563
6578
  <a href="#" class="pf-c-nav__link">System panel</a>
6564
6579
  </li>
@@ -6590,7 +6605,7 @@ wrapperTag: div
6590
6605
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6591
6606
  <div class="pf-c-page__main-body">
6592
6607
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6593
- <ol class="pf-c-breadcrumb__list">
6608
+ <ol class="pf-c-breadcrumb__list" role="list">
6594
6609
  <li class="pf-c-breadcrumb__item">
6595
6610
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6596
6611
  </li>
@@ -6656,7 +6671,7 @@ wrapperTag: div
6656
6671
  <div class="pf-c-wizard__outer-wrap">
6657
6672
  <div class="pf-c-wizard__inner-wrap">
6658
6673
  <nav class="pf-c-wizard__nav" aria-label="Steps">
6659
- <ol class="pf-c-wizard__nav-list">
6674
+ <ol class="pf-c-wizard__nav-list" role="list">
6660
6675
  <li class="pf-c-wizard__nav-item">
6661
6676
  <button class="pf-c-wizard__nav-link">Information</button>
6662
6677
  </li>
@@ -6664,7 +6679,7 @@ wrapperTag: div
6664
6679
  <button
6665
6680
  class="pf-c-wizard__nav-link pf-m-current"
6666
6681
  >Configuration</button>
6667
- <ol class="pf-c-wizard__nav-list">
6682
+ <ol class="pf-c-wizard__nav-list" role="list">
6668
6683
  <li class="pf-c-wizard__nav-item">
6669
6684
  <button class="pf-c-wizard__nav-link">Substep A</button>
6670
6685
  </li>
@@ -6945,7 +6960,7 @@ wrapperTag: div
6945
6960
  </div>
6946
6961
  <section class="pf-c-app-launcher__group">
6947
6962
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
6948
- <ul>
6963
+ <ul role="list">
6949
6964
  <li
6950
6965
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
6951
6966
  >
@@ -6997,7 +7012,7 @@ wrapperTag: div
6997
7012
  <hr class="pf-c-divider" />
6998
7013
  <section class="pf-c-app-launcher__group">
6999
7014
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
7000
- <ul>
7015
+ <ul role="list">
7001
7016
  <li
7002
7017
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
7003
7018
  >
@@ -7652,7 +7667,7 @@ wrapperTag: div
7652
7667
  id="in-page-nav-expanded-example-primary-nav"
7653
7668
  aria-label="Global"
7654
7669
  >
7655
- <ul class="pf-c-nav__list">
7670
+ <ul class="pf-c-nav__list" role="list">
7656
7671
  <li class="pf-c-nav__item">
7657
7672
  <a href="#" class="pf-c-nav__link">System panel</a>
7658
7673
  </li>
@@ -7684,7 +7699,7 @@ wrapperTag: div
7684
7699
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
7685
7700
  <div class="pf-c-page__main-body">
7686
7701
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
7687
- <ol class="pf-c-breadcrumb__list">
7702
+ <ol class="pf-c-breadcrumb__list" role="list">
7688
7703
  <li class="pf-c-breadcrumb__item">
7689
7704
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
7690
7705
  </li>
@@ -7750,7 +7765,7 @@ wrapperTag: div
7750
7765
  <div class="pf-c-wizard__outer-wrap">
7751
7766
  <div class="pf-c-wizard__inner-wrap">
7752
7767
  <nav class="pf-c-wizard__nav pf-m-expanded" aria-label="Steps">
7753
- <ol class="pf-c-wizard__nav-list">
7768
+ <ol class="pf-c-wizard__nav-list" role="list">
7754
7769
  <li class="pf-c-wizard__nav-item">
7755
7770
  <button class="pf-c-wizard__nav-link">Information</button>
7756
7771
  </li>
@@ -7758,7 +7773,7 @@ wrapperTag: div
7758
7773
  <button
7759
7774
  class="pf-c-wizard__nav-link pf-m-current"
7760
7775
  >Configuration</button>
7761
- <ol class="pf-c-wizard__nav-list">
7776
+ <ol class="pf-c-wizard__nav-list" role="list">
7762
7777
  <li class="pf-c-wizard__nav-item">
7763
7778
  <button class="pf-c-wizard__nav-link">Substep A</button>
7764
7779
  </li>
@@ -8021,7 +8036,7 @@ wrapperTag: div
8021
8036
  </div>
8022
8037
  <section class="pf-c-app-launcher__group">
8023
8038
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
8024
- <ul>
8039
+ <ul role="list">
8025
8040
  <li
8026
8041
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
8027
8042
  >
@@ -8073,7 +8088,7 @@ wrapperTag: div
8073
8088
  <hr class="pf-c-divider" />
8074
8089
  <section class="pf-c-app-launcher__group">
8075
8090
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
8076
- <ul>
8091
+ <ul role="list">
8077
8092
  <li
8078
8093
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
8079
8094
  >
@@ -8728,7 +8743,7 @@ wrapperTag: div
8728
8743
  id="wizard-with-drawer-in-page-example-primary-nav"
8729
8744
  aria-label="Global"
8730
8745
  >
8731
- <ul class="pf-c-nav__list">
8746
+ <ul class="pf-c-nav__list" role="list">
8732
8747
  <li class="pf-c-nav__item">
8733
8748
  <a href="#" class="pf-c-nav__link">System panel</a>
8734
8749
  </li>
@@ -8760,7 +8775,7 @@ wrapperTag: div
8760
8775
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
8761
8776
  <div class="pf-c-page__main-body">
8762
8777
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
8763
- <ol class="pf-c-breadcrumb__list">
8778
+ <ol class="pf-c-breadcrumb__list" role="list">
8764
8779
  <li class="pf-c-breadcrumb__item">
8765
8780
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
8766
8781
  </li>
@@ -8823,50 +8838,45 @@ wrapperTag: div
8823
8838
  <i class="fas fa-caret-down" aria-hidden="true"></i>
8824
8839
  </span>
8825
8840
  </button>
8826
- <div class="pf-c-drawer pf-m-inline">
8827
- <div class="pf-c-drawer__main">
8828
- <div class="pf-c-drawer__content">
8829
- <div class="pf-c-wizard__outer-wrap">
8830
- <div class="pf-c-wizard__inner-wrap">
8831
- <nav class="pf-c-wizard__nav" aria-label="Steps">
8832
- <ol class="pf-c-wizard__nav-list">
8833
- <li class="pf-c-wizard__nav-item">
8834
- <button class="pf-c-wizard__nav-link">Information</button>
8835
- </li>
8836
- <li class="pf-c-wizard__nav-item">
8837
- <button
8838
- class="pf-c-wizard__nav-link pf-m-current"
8839
- >Configuration</button>
8840
- <ol class="pf-c-wizard__nav-list">
8841
- <li class="pf-c-wizard__nav-item">
8842
- <button class="pf-c-wizard__nav-link">Substep A</button>
8843
- </li>
8844
- <li class="pf-c-wizard__nav-item">
8845
- <button
8846
- class="pf-c-wizard__nav-link pf-m-current"
8847
- aria-current="page"
8848
- >Substep B</button>
8849
- </li>
8850
- <li class="pf-c-wizard__nav-item">
8851
- <button class="pf-c-wizard__nav-link">Substep C</button>
8852
- </li>
8853
- </ol>
8854
- </li>
8855
- <li class="pf-c-wizard__nav-item">
8856
- <button class="pf-c-wizard__nav-link">Additional</button>
8857
- </li>
8858
- <li class="pf-c-wizard__nav-item">
8859
- <button class="pf-c-wizard__nav-link" disabled>Review</button>
8860
- </li>
8861
- </ol>
8862
- </nav>
8863
- <main class="pf-c-wizard__main" tabindex="0">
8864
- <div class="pf-c-wizard__main-body">
8841
+ <div class="pf-c-wizard__outer-wrap">
8842
+ <div class="pf-c-wizard__inner-wrap">
8843
+ <nav class="pf-c-wizard__nav" aria-label="Steps">
8844
+ <ol class="pf-c-wizard__nav-list" role="list">
8845
+ <li class="pf-c-wizard__nav-item">
8846
+ <button class="pf-c-wizard__nav-link">Information</button>
8847
+ </li>
8848
+ <li class="pf-c-wizard__nav-item">
8849
+ <button
8850
+ class="pf-c-wizard__nav-link pf-m-current"
8851
+ >Configuration</button>
8852
+ <ol class="pf-c-wizard__nav-list" role="list">
8853
+ <li class="pf-c-wizard__nav-item">
8854
+ <button class="pf-c-wizard__nav-link">Substep A</button>
8855
+ </li>
8856
+ <li class="pf-c-wizard__nav-item">
8865
8857
  <button
8866
- class="pf-c-button pf-m-link pf-m-inline pf-u-float-right pf-u-ml-md"
8867
- type="button"
8868
- aria-expanded="true"
8869
- >Open drawer</button>
8858
+ class="pf-c-wizard__nav-link pf-m-current"
8859
+ aria-current="page"
8860
+ >Substep B</button>
8861
+ </li>
8862
+ <li class="pf-c-wizard__nav-item">
8863
+ <button class="pf-c-wizard__nav-link">Substep C</button>
8864
+ </li>
8865
+ </ol>
8866
+ </li>
8867
+ <li class="pf-c-wizard__nav-item">
8868
+ <button class="pf-c-wizard__nav-link">Additional</button>
8869
+ </li>
8870
+ <li class="pf-c-wizard__nav-item">
8871
+ <button class="pf-c-wizard__nav-link" disabled>Review</button>
8872
+ </li>
8873
+ </ol>
8874
+ </nav>
8875
+ <main class="pf-c-wizard__main" tabindex="0">
8876
+ <div class="pf-c-drawer pf-m-inline">
8877
+ <div class="pf-c-drawer__main">
8878
+ <div class="pf-c-drawer__content">
8879
+ <div class="pf-c-wizard__main-body">
8870
8880
  <form class="pf-c-form pf-m-limit-width" novalidate>
8871
8881
  <div class="pf-c-form__group">
8872
8882
  <div class="pf-c-form__group-label"><label
@@ -9010,57 +9020,65 @@ wrapperTag: div
9010
9020
  </div>
9011
9021
  </form>
9012
9022
  </div>
9013
- </main>
9014
- </div>
9015
- </div>
9016
- </div>
9017
- <div class="pf-c-drawer__panel pf-m-light-200 pf-m-width-33" hidden>
9018
- <div class="pf-c-drawer__body">
9019
- <div class="pf-c-drawer__head">
9020
- <h2 class="pf-c-title pf-m-xl">Register with Red Hat connector</h2>
9021
- <div class="pf-c-drawer__actions">
9022
- <div class="pf-c-drawer__close">
9023
- <button
9024
- class="pf-c-button pf-m-plain"
9025
- type="button"
9026
- aria-label="Close drawer panel"
9027
- >
9028
- <i class="fas fa-times" aria-hidden="true"></i>
9029
- </button>
9023
+ </div>
9024
+ <div
9025
+ class="pf-c-drawer__panel pf-m-light-200 pf-m-width-33"
9026
+ hidden
9027
+ >
9028
+ <div class="pf-c-drawer__body">
9029
+ <div class="pf-c-drawer__head">
9030
+ <h2
9031
+ class="pf-c-title pf-m-xl"
9032
+ >Register with Red Hat connector</h2>
9033
+ <div class="pf-c-drawer__actions">
9034
+ <div class="pf-c-drawer__close">
9035
+ <button
9036
+ class="pf-c-button pf-m-plain"
9037
+ type="button"
9038
+ aria-label="Close drawer panel"
9039
+ >
9040
+ <i class="fas fa-times" aria-hidden="true"></i>
9041
+ </button>
9042
+ </div>
9043
+ </div>
9044
+ </div>
9045
+ </div>
9046
+ <div class="pf-c-drawer__body">
9047
+ <div class="pf-c-content">
9048
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta odio non justo cursus, quis placerat lacus mattis. Praesent orci velit, elementum eu tempus ut, posuere vel lorem. Fusce id tempus ex, et tempus nibh. Nullam laoreet odio tellus, id varius ante euismod id. Phasellus maximus lorem risus, eget facilisis urna hendrerit vel. Duis dapibus venenatis orci, id tristique magna hendrerit et. Aliquam eu lectus nec nisl efficitur euismod.</p>
9049
+ <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc auctor tortor eget ex mattis sagittis. Praesent aliquet, sem ut aliquet posuere, ante neque convallis velit, sit amet dictum nisi odio sed purus. Vestibulum congue eros nisl, faucibus sollicitudin nisi rutrum quis. Nam lacus risus, fringilla sed imperdiet sit amet, eleifend id nulla. Pellentesque posuere purus ex, sed ultricies leo vehicula vitae. Pellentesque lacinia, lacus interdum consequat molestie, urna quam rutrum nisi, at rhoncus dolor justo nec ante. Ut semper nisi ipsum, vel varius elit facilisis et. Nulla bibendum elit sed varius suscipit. Curabitur imperdiet ligula at pellentesque pretium. Sed eu porta erat.</p>
9050
+ <p>
9051
+ Aenean hendrerit quam velit, eget euismod ex sagittis a. Fusce a ante ut ante malesuada tincidunt.
9052
+ <a
9053
+ href="#"
9054
+ >Vestibulum facilisis ante eros, eget volutpat risus lobortis non.</a>
9055
+ </p>
9056
+ <a href="#">
9057
+ <span
9058
+ class="pf-l-flex pf-m-space-items-sm pf-m-nowrap"
9059
+ >
9060
+ <span>Learn about Red Hat connector</span>
9061
+ <i
9062
+ class="fas fa-external-link-alt"
9063
+ aria-hidden="true"
9064
+ ></i>
9065
+ </span>
9066
+ </a>
9067
+ </div>
9030
9068
  </div>
9031
9069
  </div>
9032
9070
  </div>
9033
9071
  </div>
9034
- <div class="pf-c-drawer__body">
9035
- <div class="pf-c-content">
9036
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta odio non justo cursus, quis placerat lacus mattis. Praesent orci velit, elementum eu tempus ut, posuere vel lorem. Fusce id tempus ex, et tempus nibh. Nullam laoreet odio tellus, id varius ante euismod id. Phasellus maximus lorem risus, eget facilisis urna hendrerit vel. Duis dapibus venenatis orci, id tristique magna hendrerit et. Aliquam eu lectus nec nisl efficitur euismod.</p>
9037
-
9038
- <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc auctor tortor eget ex mattis sagittis. Praesent aliquet, sem ut aliquet posuere, ante neque convallis velit, sit amet dictum nisi odio sed purus. Vestibulum congue eros nisl, faucibus sollicitudin nisi rutrum quis. Nam lacus risus, fringilla sed imperdiet sit amet, eleifend id nulla. Pellentesque posuere purus ex, sed ultricies leo vehicula vitae. Pellentesque lacinia, lacus interdum consequat molestie, urna quam rutrum nisi, at rhoncus dolor justo nec ante. Ut semper nisi ipsum, vel varius elit facilisis et. Nulla bibendum elit sed varius suscipit. Curabitur imperdiet ligula at pellentesque pretium. Sed eu porta erat.</p>
9039
-
9040
- <p>
9041
- Aenean hendrerit quam velit, eget euismod ex sagittis a. Fusce a ante ut ante malesuada tincidunt.
9042
- <a
9043
- href="#"
9044
- >Vestibulum facilisis ante eros, eget volutpat risus lobortis non.</a>
9045
- </p>
9046
- <a href="#">
9047
- <span class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
9048
- <span>Learn about Red Hat connector</span>
9049
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
9050
- </span>
9051
- </a>
9052
- </div>
9053
- </div>
9054
- </div>
9072
+ </main>
9055
9073
  </div>
9074
+ <footer class="pf-c-wizard__footer">
9075
+ <button class="pf-c-button pf-m-secondary" type="button">Back</button>
9076
+ <button class="pf-c-button pf-m-primary" type="submit">Next</button>
9077
+ <div class="pf-c-wizard__footer-cancel">
9078
+ <button class="pf-c-button pf-m-link" type="button">Cancel</button>
9079
+ </div>
9080
+ </footer>
9056
9081
  </div>
9057
- <footer class="pf-c-wizard__footer">
9058
- <button class="pf-c-button pf-m-secondary" type="button">Back</button>
9059
- <button class="pf-c-button pf-m-primary" type="submit">Next</button>
9060
- <div class="pf-c-wizard__footer-cancel">
9061
- <button class="pf-c-button pf-m-link" type="button">Cancel</button>
9062
- </div>
9063
- </footer>
9064
9082
  </div>
9065
9083
  </section>
9066
9084
  </main>
@@ -9163,7 +9181,7 @@ wrapperTag: div
9163
9181
  </div>
9164
9182
  <section class="pf-c-app-launcher__group">
9165
9183
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
9166
- <ul>
9184
+ <ul role="list">
9167
9185
  <li
9168
9186
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
9169
9187
  >
@@ -9215,7 +9233,7 @@ wrapperTag: div
9215
9233
  <hr class="pf-c-divider" />
9216
9234
  <section class="pf-c-app-launcher__group">
9217
9235
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
9218
- <ul>
9236
+ <ul role="list">
9219
9237
  <li
9220
9238
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
9221
9239
  >
@@ -9870,7 +9888,7 @@ wrapperTag: div
9870
9888
  id="wizard-with-drawer-in-page-expanded-example-primary-nav"
9871
9889
  aria-label="Global"
9872
9890
  >
9873
- <ul class="pf-c-nav__list">
9891
+ <ul class="pf-c-nav__list" role="list">
9874
9892
  <li class="pf-c-nav__item">
9875
9893
  <a href="#" class="pf-c-nav__link">System panel</a>
9876
9894
  </li>
@@ -9902,7 +9920,7 @@ wrapperTag: div
9902
9920
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
9903
9921
  <div class="pf-c-page__main-body">
9904
9922
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
9905
- <ol class="pf-c-breadcrumb__list">
9923
+ <ol class="pf-c-breadcrumb__list" role="list">
9906
9924
  <li class="pf-c-breadcrumb__item">
9907
9925
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
9908
9926
  </li>
@@ -9965,44 +9983,44 @@ wrapperTag: div
9965
9983
  <i class="fas fa-caret-down" aria-hidden="true"></i>
9966
9984
  </span>
9967
9985
  </button>
9968
- <div class="pf-c-drawer pf-m-expanded pf-m-inline">
9969
- <div class="pf-c-drawer__main">
9970
- <div class="pf-c-drawer__content">
9971
- <div class="pf-c-wizard__outer-wrap">
9972
- <div class="pf-c-wizard__inner-wrap">
9973
- <nav class="pf-c-wizard__nav" aria-label="Steps">
9974
- <ol class="pf-c-wizard__nav-list">
9975
- <li class="pf-c-wizard__nav-item">
9976
- <button class="pf-c-wizard__nav-link">Information</button>
9977
- </li>
9978
- <li class="pf-c-wizard__nav-item">
9979
- <button
9980
- class="pf-c-wizard__nav-link pf-m-current"
9981
- >Configuration</button>
9982
- <ol class="pf-c-wizard__nav-list">
9983
- <li class="pf-c-wizard__nav-item">
9984
- <button class="pf-c-wizard__nav-link">Substep A</button>
9985
- </li>
9986
- <li class="pf-c-wizard__nav-item">
9987
- <button
9988
- class="pf-c-wizard__nav-link pf-m-current"
9989
- aria-current="page"
9990
- >Substep B</button>
9991
- </li>
9992
- <li class="pf-c-wizard__nav-item">
9993
- <button class="pf-c-wizard__nav-link">Substep C</button>
9994
- </li>
9995
- </ol>
9996
- </li>
9997
- <li class="pf-c-wizard__nav-item">
9998
- <button class="pf-c-wizard__nav-link">Additional</button>
9999
- </li>
10000
- <li class="pf-c-wizard__nav-item">
10001
- <button class="pf-c-wizard__nav-link" disabled>Review</button>
10002
- </li>
10003
- </ol>
10004
- </nav>
10005
- <main class="pf-c-wizard__main" tabindex="0">
9986
+ <div class="pf-c-wizard__outer-wrap">
9987
+ <div class="pf-c-wizard__inner-wrap">
9988
+ <nav class="pf-c-wizard__nav" aria-label="Steps">
9989
+ <ol class="pf-c-wizard__nav-list" role="list">
9990
+ <li class="pf-c-wizard__nav-item">
9991
+ <button class="pf-c-wizard__nav-link">Information</button>
9992
+ </li>
9993
+ <li class="pf-c-wizard__nav-item">
9994
+ <button
9995
+ class="pf-c-wizard__nav-link pf-m-current"
9996
+ >Configuration</button>
9997
+ <ol class="pf-c-wizard__nav-list" role="list">
9998
+ <li class="pf-c-wizard__nav-item">
9999
+ <button class="pf-c-wizard__nav-link">Substep A</button>
10000
+ </li>
10001
+ <li class="pf-c-wizard__nav-item">
10002
+ <button
10003
+ class="pf-c-wizard__nav-link pf-m-current"
10004
+ aria-current="page"
10005
+ >Substep B</button>
10006
+ </li>
10007
+ <li class="pf-c-wizard__nav-item">
10008
+ <button class="pf-c-wizard__nav-link">Substep C</button>
10009
+ </li>
10010
+ </ol>
10011
+ </li>
10012
+ <li class="pf-c-wizard__nav-item">
10013
+ <button class="pf-c-wizard__nav-link">Additional</button>
10014
+ </li>
10015
+ <li class="pf-c-wizard__nav-item">
10016
+ <button class="pf-c-wizard__nav-link" disabled>Review</button>
10017
+ </li>
10018
+ </ol>
10019
+ </nav>
10020
+ <main class="pf-c-wizard__main" tabindex="0">
10021
+ <div class="pf-c-drawer pf-m-expanded pf-m-inline">
10022
+ <div class="pf-c-drawer__main">
10023
+ <div class="pf-c-drawer__content">
10006
10024
  <div class="pf-c-wizard__main-body">
10007
10025
  <form class="pf-c-form pf-m-limit-width" novalidate>
10008
10026
  <div class="pf-c-form__group">
@@ -10147,57 +10165,62 @@ wrapperTag: div
10147
10165
  </div>
10148
10166
  </form>
10149
10167
  </div>
10150
- </main>
10151
- </div>
10152
- </div>
10153
- </div>
10154
- <div class="pf-c-drawer__panel pf-m-light-200 pf-m-width-33">
10155
- <div class="pf-c-drawer__body">
10156
- <div class="pf-c-drawer__head">
10157
- <h2 class="pf-c-title pf-m-xl">Register with Red Hat connector</h2>
10158
- <div class="pf-c-drawer__actions">
10159
- <div class="pf-c-drawer__close">
10160
- <button
10161
- class="pf-c-button pf-m-plain"
10162
- type="button"
10163
- aria-label="Close drawer panel"
10164
- >
10165
- <i class="fas fa-times" aria-hidden="true"></i>
10166
- </button>
10168
+ </div>
10169
+ <div class="pf-c-drawer__panel pf-m-light-200 pf-m-width-33">
10170
+ <div class="pf-c-drawer__body">
10171
+ <div class="pf-c-drawer__head">
10172
+ <h2
10173
+ class="pf-c-title pf-m-xl"
10174
+ >Register with Red Hat connector</h2>
10175
+ <div class="pf-c-drawer__actions">
10176
+ <div class="pf-c-drawer__close">
10177
+ <button
10178
+ class="pf-c-button pf-m-plain"
10179
+ type="button"
10180
+ aria-label="Close drawer panel"
10181
+ >
10182
+ <i class="fas fa-times" aria-hidden="true"></i>
10183
+ </button>
10184
+ </div>
10185
+ </div>
10186
+ </div>
10187
+ </div>
10188
+ <div class="pf-c-drawer__body">
10189
+ <div class="pf-c-content">
10190
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta odio non justo cursus, quis placerat lacus mattis. Praesent orci velit, elementum eu tempus ut, posuere vel lorem. Fusce id tempus ex, et tempus nibh. Nullam laoreet odio tellus, id varius ante euismod id. Phasellus maximus lorem risus, eget facilisis urna hendrerit vel. Duis dapibus venenatis orci, id tristique magna hendrerit et. Aliquam eu lectus nec nisl efficitur euismod.</p>
10191
+ <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc auctor tortor eget ex mattis sagittis. Praesent aliquet, sem ut aliquet posuere, ante neque convallis velit, sit amet dictum nisi odio sed purus. Vestibulum congue eros nisl, faucibus sollicitudin nisi rutrum quis. Nam lacus risus, fringilla sed imperdiet sit amet, eleifend id nulla. Pellentesque posuere purus ex, sed ultricies leo vehicula vitae. Pellentesque lacinia, lacus interdum consequat molestie, urna quam rutrum nisi, at rhoncus dolor justo nec ante. Ut semper nisi ipsum, vel varius elit facilisis et. Nulla bibendum elit sed varius suscipit. Curabitur imperdiet ligula at pellentesque pretium. Sed eu porta erat.</p>
10192
+ <p>
10193
+ Aenean hendrerit quam velit, eget euismod ex sagittis a. Fusce a ante ut ante malesuada tincidunt.
10194
+ <a
10195
+ href="#"
10196
+ >Vestibulum facilisis ante eros, eget volutpat risus lobortis non.</a>
10197
+ </p>
10198
+ <a href="#">
10199
+ <span
10200
+ class="pf-l-flex pf-m-space-items-sm pf-m-nowrap"
10201
+ >
10202
+ <span>Learn about Red Hat connector</span>
10203
+ <i
10204
+ class="fas fa-external-link-alt"
10205
+ aria-hidden="true"
10206
+ ></i>
10207
+ </span>
10208
+ </a>
10209
+ </div>
10167
10210
  </div>
10168
10211
  </div>
10169
10212
  </div>
10170
10213
  </div>
10171
- <div class="pf-c-drawer__body">
10172
- <div class="pf-c-content">
10173
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta odio non justo cursus, quis placerat lacus mattis. Praesent orci velit, elementum eu tempus ut, posuere vel lorem. Fusce id tempus ex, et tempus nibh. Nullam laoreet odio tellus, id varius ante euismod id. Phasellus maximus lorem risus, eget facilisis urna hendrerit vel. Duis dapibus venenatis orci, id tristique magna hendrerit et. Aliquam eu lectus nec nisl efficitur euismod.</p>
10174
-
10175
- <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc auctor tortor eget ex mattis sagittis. Praesent aliquet, sem ut aliquet posuere, ante neque convallis velit, sit amet dictum nisi odio sed purus. Vestibulum congue eros nisl, faucibus sollicitudin nisi rutrum quis. Nam lacus risus, fringilla sed imperdiet sit amet, eleifend id nulla. Pellentesque posuere purus ex, sed ultricies leo vehicula vitae. Pellentesque lacinia, lacus interdum consequat molestie, urna quam rutrum nisi, at rhoncus dolor justo nec ante. Ut semper nisi ipsum, vel varius elit facilisis et. Nulla bibendum elit sed varius suscipit. Curabitur imperdiet ligula at pellentesque pretium. Sed eu porta erat.</p>
10176
-
10177
- <p>
10178
- Aenean hendrerit quam velit, eget euismod ex sagittis a. Fusce a ante ut ante malesuada tincidunt.
10179
- <a
10180
- href="#"
10181
- >Vestibulum facilisis ante eros, eget volutpat risus lobortis non.</a>
10182
- </p>
10183
- <a href="#">
10184
- <span class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
10185
- <span>Learn about Red Hat connector</span>
10186
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
10187
- </span>
10188
- </a>
10189
- </div>
10190
- </div>
10191
- </div>
10214
+ </main>
10192
10215
  </div>
10216
+ <footer class="pf-c-wizard__footer">
10217
+ <button class="pf-c-button pf-m-secondary" type="button">Back</button>
10218
+ <button class="pf-c-button pf-m-primary" type="submit">Next</button>
10219
+ <div class="pf-c-wizard__footer-cancel">
10220
+ <button class="pf-c-button pf-m-link" type="button">Cancel</button>
10221
+ </div>
10222
+ </footer>
10193
10223
  </div>
10194
- <footer class="pf-c-wizard__footer">
10195
- <button class="pf-c-button pf-m-secondary" type="button">Back</button>
10196
- <button class="pf-c-button pf-m-primary" type="submit">Next</button>
10197
- <div class="pf-c-wizard__footer-cancel">
10198
- <button class="pf-c-button pf-m-link" type="button">Cancel</button>
10199
- </div>
10200
- </footer>
10201
10224
  </div>
10202
10225
  </section>
10203
10226
  </main>