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

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 (340) hide show
  1. package/RELEASE-NOTES.md +18 -1
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/images/pfbg-icon.svg +1 -0
  4. package/assets/pficon/pficon.scss +7 -2
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/_base.scss +0 -18
  7. package/base/_chart-globals.scss +0 -4
  8. package/base/_common.scss +0 -22
  9. package/base/_fa-icons.scss +1 -2
  10. package/base/_fonts.scss +22 -27
  11. package/base/_globals.scss +92 -86
  12. package/base/_icons.scss +1 -28
  13. package/base/_svg-icons.scss +6 -0
  14. package/base/_variables.scss +4 -4
  15. package/base/patternfly-common.css +0 -10
  16. package/base/patternfly-fa-icons.css +1 -1
  17. package/base/patternfly-fonts.css +17 -17
  18. package/base/patternfly-globals.css +35 -41
  19. package/base/patternfly-icons.css +8 -22
  20. package/base/patternfly-pf-icons.css +6 -2
  21. package/base/patternfly-themes.css +0 -42
  22. package/base/patternfly-variables.css +3 -3
  23. package/base/themes/dark/_globals.scss +1 -1
  24. package/base/themes/dark/_variables.scss +1 -1
  25. package/components/AboutModalBox/about-modal-box.css +20 -50
  26. package/components/AboutModalBox/about-modal-box.scss +22 -14
  27. package/components/Accordion/accordion.css +2 -0
  28. package/components/Accordion/accordion.scss +2 -0
  29. package/components/Alert/alert.css +17 -8
  30. package/components/Alert/alert.scss +21 -7
  31. package/components/Alert/themes/dark/alert.scss +1 -1
  32. package/components/AppLauncher/app-launcher.css +2 -0
  33. package/components/AppLauncher/app-launcher.scss +2 -0
  34. package/components/Avatar/avatar.scss +2 -2
  35. package/components/BackgroundImage/background-image.css +8 -35
  36. package/components/BackgroundImage/background-image.scss +17 -43
  37. package/components/Banner/banner.css +14 -52
  38. package/components/Banner/banner.scss +9 -13
  39. package/components/Breadcrumb/breadcrumb.css +2 -0
  40. package/components/Breadcrumb/breadcrumb.scss +2 -0
  41. package/components/CalendarMonth/calendar-month.css +2 -2
  42. package/components/CalendarMonth/calendar-month.scss +3 -3
  43. package/components/Card/card.css +115 -50
  44. package/components/Card/card.scss +164 -63
  45. package/components/Chip/chip.css +33 -24
  46. package/components/Chip/chip.scss +40 -31
  47. package/components/ChipGroup/chip-group.css +27 -17
  48. package/components/ChipGroup/chip-group.scss +36 -22
  49. package/components/Content/content.css +11 -5
  50. package/components/Content/content.scss +17 -9
  51. package/components/ContextSelector/context-selector.css +13 -6
  52. package/components/ContextSelector/context-selector.scss +14 -7
  53. package/components/DataList/data-list-grid.css +7 -7
  54. package/components/DataList/data-list-grid.scss +1 -1
  55. package/components/DataList/data-list.css +46 -40
  56. package/components/DataList/data-list.scss +37 -28
  57. package/components/DatePicker/date-picker.css +0 -8
  58. package/components/DatePicker/date-picker.scss +0 -9
  59. package/components/DescriptionList/description-list.css +7 -7
  60. package/components/DescriptionList/description-list.scss +7 -7
  61. package/components/Divider/divider.css +2 -2
  62. package/components/Divider/divider.scss +3 -3
  63. package/components/Drawer/drawer.css +15 -16
  64. package/components/Drawer/drawer.scss +2 -3
  65. package/components/Dropdown/dropdown.css +26 -25
  66. package/components/Dropdown/dropdown.scss +17 -18
  67. package/components/DualListSelector/dual-list-selector.css +1 -1
  68. package/components/DualListSelector/dual-list-selector.scss +1 -1
  69. package/components/EmptyState/empty-state.css +46 -52
  70. package/components/EmptyState/empty-state.scss +58 -57
  71. package/components/ExpandableSection/expandable-section.css +2 -0
  72. package/components/ExpandableSection/expandable-section.scss +2 -0
  73. package/components/Form/form.css +14 -12
  74. package/components/Form/form.scss +9 -7
  75. package/components/FormControl/form-control.css +2 -5
  76. package/components/FormControl/themes/dark/form-control.scss +2 -6
  77. package/components/HelperText/helper-text.css +4 -0
  78. package/components/HelperText/helper-text.scss +5 -0
  79. package/components/Hint/hint.css +2 -2
  80. package/components/Hint/hint.scss +2 -2
  81. package/components/Icon/icon.css +3 -3
  82. package/components/Icon/icon.scss +3 -3
  83. package/components/InputGroup/input-group.css +61 -85
  84. package/components/InputGroup/input-group.scss +55 -61
  85. package/components/InputGroup/themes/dark/input-group.scss +11 -25
  86. package/components/Label/label.css +49 -36
  87. package/components/Label/label.scss +53 -38
  88. package/components/Label/themes/dark/label.scss +2 -2
  89. package/components/LabelGroup/label-group.css +26 -22
  90. package/components/LabelGroup/label-group.scss +31 -26
  91. package/components/LogViewer/log-viewer.css +0 -38
  92. package/components/Login/login.css +20 -60
  93. package/components/Login/login.scss +16 -18
  94. package/components/Login/themes/dark/login.scss +4 -0
  95. package/components/Masthead/masthead.css +4 -42
  96. package/components/Masthead/masthead.scss +4 -4
  97. package/components/Menu/menu.css +9 -6
  98. package/components/Menu/menu.scss +34 -31
  99. package/components/MenuToggle/menu-toggle.css +3 -1
  100. package/components/MenuToggle/menu-toggle.scss +3 -1
  101. package/components/ModalBox/modal-box.css +12 -11
  102. package/components/ModalBox/modal-box.scss +14 -14
  103. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  104. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  105. package/components/Nav/nav.css +1 -1
  106. package/components/Nav/nav.scss +2 -2
  107. package/components/NotificationDrawer/notification-drawer.css +8 -8
  108. package/components/NotificationDrawer/notification-drawer.scss +8 -8
  109. package/components/OptionsMenu/options-menu.css +8 -10
  110. package/components/OptionsMenu/options-menu.scss +9 -11
  111. package/components/Page/page.css +101 -122
  112. package/components/Page/page.scss +49 -21
  113. package/components/Pagination/pagination.css +2 -110
  114. package/components/Pagination/pagination.scss +0 -6
  115. package/components/Popover/popover.css +31 -37
  116. package/components/Popover/popover.scss +32 -37
  117. package/components/Popover/themes/dark/popover.scss +3 -9
  118. package/components/Progress/progress.css +13 -10
  119. package/components/Progress/progress.scss +13 -10
  120. package/components/ProgressStepper/progress-stepper.css +5 -5
  121. package/components/ProgressStepper/progress-stepper.scss +5 -5
  122. package/components/SearchInput/search-input.css +4 -2
  123. package/components/SearchInput/search-input.scss +4 -2
  124. package/components/Select/select.css +1 -1
  125. package/components/Select/select.scss +1 -1
  126. package/components/Sidebar/sidebar.css +69 -26
  127. package/components/Sidebar/sidebar.scss +84 -27
  128. package/components/SimpleList/simple-list.css +1 -1
  129. package/components/SimpleList/simple-list.scss +2 -2
  130. package/components/Spinner/spinner.css +4 -4
  131. package/components/Spinner/spinner.scss +4 -4
  132. package/components/Table/table-grid.css +28 -28
  133. package/components/Table/table-scrollable.css +31 -26
  134. package/components/Table/table-scrollable.scss +33 -28
  135. package/components/Table/table-tree-view.css +14 -4
  136. package/components/Table/table-tree-view.scss +15 -0
  137. package/components/Table/table.css +67 -65
  138. package/components/Table/table.scss +65 -62
  139. package/components/Tabs/tabs.css +0 -4
  140. package/components/Tabs/tabs.scss +0 -7
  141. package/components/TextInputGroup/text-input-group.css +6 -4
  142. package/components/TextInputGroup/text-input-group.scss +6 -5
  143. package/components/Tile/tile.css +1 -1
  144. package/components/Tile/tile.scss +1 -1
  145. package/components/Timestamp/timestamp.css +3 -3
  146. package/components/Timestamp/timestamp.scss +3 -3
  147. package/components/Toolbar/toolbar.css +78 -43
  148. package/components/Toolbar/toolbar.scss +50 -10
  149. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  150. package/components/Tooltip/tooltip.css +7 -12
  151. package/components/Tooltip/tooltip.scss +6 -3
  152. package/components/TreeView/tree-view.css +7 -15
  153. package/components/TreeView/tree-view.scss +7 -18
  154. package/components/Wizard/wizard.css +16 -39
  155. package/components/Wizard/wizard.scss +20 -2
  156. package/docs/components/AboutModalBox/examples/AboutModalBox.md +20 -14
  157. package/docs/components/Accordion/examples/Accordion.md +12 -12
  158. package/docs/components/ActionList/examples/ActionList.md +6 -6
  159. package/docs/components/Alert/examples/Alert.md +29 -29
  160. package/docs/components/AlertGroup/examples/AlertGroup.md +15 -15
  161. package/docs/components/AppLauncher/examples/application-launcher.md +52 -46
  162. package/docs/components/Avatar/examples/Avatar.md +11 -11
  163. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  164. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  165. package/docs/components/BackgroundImage/examples/BackgroundImage.md +13 -29
  166. package/docs/components/Badge/examples/Badge.md +5 -5
  167. package/docs/components/Banner/examples/Banner.md +8 -8
  168. package/docs/components/Brand/examples/Brand.md +9 -9
  169. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  170. package/docs/components/Button/examples/Button.md +35 -35
  171. package/docs/components/CalendarMonth/examples/CalendarMonth.md +301 -284
  172. package/docs/components/Card/examples/Card.md +676 -116
  173. package/docs/components/Check/examples/Check.md +16 -19
  174. package/docs/components/Chip/examples/Chip.md +70 -52
  175. package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
  176. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  177. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  178. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  179. package/docs/components/Content/examples/Content.md +37 -9
  180. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  181. package/docs/components/ContextSelector/examples/context-selector.md +87 -80
  182. package/docs/components/DataList/examples/DataList.md +239 -202
  183. package/docs/components/DatePicker/examples/DatePicker.md +139 -104
  184. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  185. package/docs/components/Divider/examples/Divider.md +10 -10
  186. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  187. package/docs/components/Drawer/examples/Drawer.md +43 -43
  188. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  189. package/docs/components/Dropdown/examples/Dropdown.md +125 -100
  190. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  191. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  192. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  193. package/docs/components/FileUpload/examples/FileUpload.md +146 -105
  194. package/docs/components/Form/examples/Form.md +152 -130
  195. package/docs/components/FormControl/examples/FormControl.md +21 -20
  196. package/docs/components/HelperText/examples/HelperText.md +24 -35
  197. package/docs/components/Hint/examples/Hint.md +7 -7
  198. package/docs/components/Icon/examples/Icon.md +11 -12
  199. package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
  200. package/docs/components/InputGroup/examples/InputGroup.md +229 -179
  201. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  202. package/docs/components/Label/examples/Label.md +1427 -746
  203. package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
  204. package/docs/components/List/examples/List.md +18 -18
  205. package/docs/components/LogViewer/examples/LogViewer.md +79 -74
  206. package/docs/components/Login/examples/Login.md +103 -181
  207. package/docs/components/Masthead/examples/masthead.md +9 -9
  208. package/docs/components/Menu/examples/Menu.md +83 -80
  209. package/docs/components/MenuToggle/examples/MenuToggle.md +29 -28
  210. package/docs/components/ModalBox/examples/ModalBox.md +113 -92
  211. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +27 -26
  212. package/docs/components/Nav/examples/Navigation.md +69 -69
  213. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  214. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +64 -64
  215. package/docs/components/NumberInput/examples/NumberInput.md +311 -239
  216. package/docs/components/OptionsMenu/examples/options-menu.md +28 -28
  217. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  218. package/docs/components/Page/examples/Page.css +7 -1
  219. package/docs/components/Page/examples/Page.md +81 -54
  220. package/docs/components/Pagination/examples/Pagination.md +27 -27
  221. package/docs/components/Panel/examples/Panel.md +10 -10
  222. package/docs/components/Popover/examples/Popover.md +206 -149
  223. package/docs/components/Progress/examples/Progress.md +32 -61
  224. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -39
  225. package/docs/components/Radio/examples/Radio.md +12 -11
  226. package/docs/components/SearchInput/examples/SearchInput.md +185 -148
  227. package/docs/components/Select/examples/Select.md +368 -313
  228. package/docs/components/Sidebar/examples/Sidebar.md +70 -14
  229. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  230. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  231. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  232. package/docs/components/Slider/examples/Slider.md +84 -62
  233. package/docs/components/Spinner/examples/Spinner.md +24 -24
  234. package/docs/components/Switch/examples/Switch.md +19 -19
  235. package/docs/components/TabContent/examples/TabContent.md +13 -13
  236. package/docs/components/Table/examples/Table.css +4 -0
  237. package/docs/components/Table/examples/Table.md +5212 -5750
  238. package/docs/components/Tabs/examples/Tabs.md +155 -155
  239. package/docs/components/TextInputGroup/examples/TextInputGroup.md +523 -406
  240. package/docs/components/Tile/examples/Tile.md +16 -17
  241. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  242. package/docs/components/Title/examples/Title.md +17 -17
  243. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  244. package/docs/components/Toolbar/examples/Toolbar.md +848 -726
  245. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  246. package/docs/components/TreeView/examples/TreeView.md +34 -34
  247. package/docs/components/Truncate/examples/Truncate.md +4 -5
  248. package/docs/components/Wizard/examples/Wizard.md +119 -127
  249. package/docs/demos/AboutModal/examples/AboutModal.md +4 -5
  250. package/docs/demos/Alert/examples/Alert.md +118 -71
  251. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  252. package/docs/demos/Banner/examples/Banner.md +8 -9
  253. package/docs/demos/Card/examples/Card.md +216 -153
  254. package/docs/demos/CardView/examples/CardView.md +57 -30
  255. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  256. package/docs/demos/Dashboard/examples/Dashboard.md +51 -33
  257. package/docs/demos/DataList/examples/DataList.md +312 -255
  258. package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
  259. package/docs/demos/Drawer/examples/Drawer.md +24 -22
  260. package/docs/demos/Form/examples/BasicForms.md +220 -213
  261. package/docs/demos/HelperText/examples/HelperText.md +16 -14
  262. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  263. package/docs/demos/Masthead/examples/Masthead.md +302 -284
  264. package/docs/demos/Modal/examples/Modal.md +54 -66
  265. package/docs/demos/Nav/examples/Nav.md +47 -47
  266. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +70 -58
  267. package/docs/demos/Page/examples/Page.md +982 -51
  268. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +22 -18
  269. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +121 -106
  270. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +345 -311
  271. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  272. package/docs/demos/Table/examples/Table.md +3323 -1288
  273. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  274. package/docs/demos/Toolbar/examples/Toolbar.md +1994 -329
  275. package/docs/demos/Wizard/examples/Wizard.md +289 -266
  276. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  277. package/docs/layouts/Flex/examples/Flex.md +98 -98
  278. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  279. package/docs/layouts/Grid/examples/Grid.md +9 -9
  280. package/docs/layouts/Level/examples/Level.md +5 -5
  281. package/docs/layouts/Split/examples/Split.md +7 -7
  282. package/docs/layouts/Stack/examples/Stack.md +6 -6
  283. package/docs/utilities/Accessibility/examples/Accessibility.md +5 -5
  284. package/docs/utilities/Alignment/examples/Alignment.md +7 -7
  285. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +13 -13
  286. package/docs/utilities/BoxShadow/examples/box-shadow.md +23 -23
  287. package/docs/utilities/Display/examples/Display.md +12 -12
  288. package/docs/utilities/Flex/examples/Flex.md +35 -35
  289. package/docs/utilities/Float/examples/Float.md +5 -5
  290. package/docs/utilities/Sizing/examples/Sizing.md +51 -51
  291. package/docs/utilities/Spacing/examples/Spacing.md +35 -35
  292. package/docs/utilities/Text/examples/Text.md +31 -31
  293. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  294. package/layouts/Gallery/gallery.css +1 -1
  295. package/layouts/Gallery/gallery.scss +1 -1
  296. package/layouts/Grid/grid.css +7 -7
  297. package/layouts/Grid/grid.scss +2 -2
  298. package/package.json +59 -65
  299. package/patternfly-addons.css +48 -48
  300. package/{patternfly-base-no-reset.css → patternfly-base-no-globals.css} +28 -73
  301. package/{patternfly-base-no-reset.scss → patternfly-base-no-globals.scss} +1 -0
  302. package/patternfly-base.css +63 -114
  303. package/{patternfly-no-reset.css → patternfly-no-globals.css} +1179 -2293
  304. package/{patternfly-no-reset.scss → patternfly-no-globals.scss} +1 -0
  305. package/patternfly.css +1207 -2327
  306. package/patternfly.min.css +1 -1
  307. package/patternfly.min.css.map +1 -1
  308. package/sass-utilities/functions.scss +8 -24
  309. package/sass-utilities/mixins.scss +15 -39
  310. package/sass-utilities/placeholders.scss +0 -23
  311. package/sass-utilities/scss-variables.scss +5 -6
  312. package/sass-utilities/themes/dark/placeholders.scss +0 -22
  313. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  314. package/utilities/Spacing/spacing.scss +2 -2
  315. package/utilities/Text/text.css +48 -48
  316. package/utilities/Text/text.scss +6 -6
  317. package/utilities/Text/themes/dark/text.scss +2 -2
  318. package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff +0 -0
  319. package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff +0 -0
  320. package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff +0 -0
  321. package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff +0 -0
  322. package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff +0 -0
  323. package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff +0 -0
  324. package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff +0 -0
  325. package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff +0 -0
  326. package/assets/fonts/RedHatText/RedHatText-Bold.woff +0 -0
  327. package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff +0 -0
  328. package/assets/fonts/RedHatText/RedHatText-Italic.woff +0 -0
  329. package/assets/fonts/RedHatText/RedHatText-Medium.woff +0 -0
  330. package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff +0 -0
  331. package/assets/fonts/RedHatText/RedHatText-Regular.woff +0 -0
  332. package/assets/fonts/webfonts/fa-solid-900.woff +0 -0
  333. package/assets/pficon/pficon.woff +0 -0
  334. package/base/_shield-inheritable.scss +0 -69
  335. package/base/_shield-noninheritable.scss +0 -13
  336. package/base/patternfly-shield-inheritable.css +0 -66
  337. package/base/patternfly-shield-inheritable.scss +0 -4
  338. package/base/patternfly-shield-noninheritable.css +0 -9
  339. package/base/patternfly-shield-noninheritable.scss +0 -4
  340. package/sass-utilities/bs-variables.scss +0 -709
@@ -95,7 +95,7 @@ section: components
95
95
  </div>
96
96
  <section class="pf-c-app-launcher__group">
97
97
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
98
- <ul>
98
+ <ul role="list">
99
99
  <li
100
100
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
101
101
  >
@@ -147,7 +147,7 @@ section: components
147
147
  <hr class="pf-c-divider" />
148
148
  <section class="pf-c-app-launcher__group">
149
149
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
150
- <ul>
150
+ <ul role="list">
151
151
  <li
152
152
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
153
153
  >
@@ -802,7 +802,7 @@ section: components
802
802
  id="nav-basic-example-primary-nav"
803
803
  aria-label="Global"
804
804
  >
805
- <ul class="pf-c-nav__list">
805
+ <ul class="pf-c-nav__list" role="list">
806
806
  <li class="pf-c-nav__item">
807
807
  <a href="#" class="pf-c-nav__link">System panel</a>
808
808
  </li>
@@ -834,7 +834,7 @@ section: components
834
834
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
835
835
  <div class="pf-c-page__main-body">
836
836
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
837
- <ol class="pf-c-breadcrumb__list">
837
+ <ol class="pf-c-breadcrumb__list" role="list">
838
838
  <li class="pf-c-breadcrumb__item">
839
839
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
840
840
  </li>
@@ -1008,7 +1008,7 @@ section: components
1008
1008
  </div>
1009
1009
  <section class="pf-c-app-launcher__group">
1010
1010
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1011
- <ul>
1011
+ <ul role="list">
1012
1012
  <li
1013
1013
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1014
1014
  >
@@ -1060,7 +1060,7 @@ section: components
1060
1060
  <hr class="pf-c-divider" />
1061
1061
  <section class="pf-c-app-launcher__group">
1062
1062
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1063
- <ul>
1063
+ <ul role="list">
1064
1064
  <li
1065
1065
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1066
1066
  >
@@ -1717,7 +1717,7 @@ section: components
1717
1717
  >
1718
1718
  <section class="pf-c-nav__section" aria-labelledby="grouped-title1">
1719
1719
  <h2 class="pf-c-nav__section-title" id="grouped-title1">System panel</h2>
1720
- <ul class="pf-c-nav__list">
1720
+ <ul class="pf-c-nav__list" role="list">
1721
1721
  <li class="pf-c-nav__item">
1722
1722
  <a href="#" class="pf-c-nav__link">Overview</a>
1723
1723
  </li>
@@ -1744,7 +1744,7 @@ section: components
1744
1744
  </section>
1745
1745
  <section class="pf-c-nav__section" aria-labelledby="grouped-title2">
1746
1746
  <h2 class="pf-c-nav__section-title" id="grouped-title2">Policy</h2>
1747
- <ul class="pf-c-nav__list">
1747
+ <ul class="pf-c-nav__list" role="list">
1748
1748
  <li class="pf-c-nav__item">
1749
1749
  <a href="#" class="pf-c-nav__link">Hosts</a>
1750
1750
  </li>
@@ -1767,7 +1767,7 @@ section: components
1767
1767
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1768
1768
  <div class="pf-c-page__main-body">
1769
1769
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1770
- <ol class="pf-c-breadcrumb__list">
1770
+ <ol class="pf-c-breadcrumb__list" role="list">
1771
1771
  <li class="pf-c-breadcrumb__item">
1772
1772
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1773
1773
  </li>
@@ -1941,7 +1941,7 @@ section: components
1941
1941
  </div>
1942
1942
  <section class="pf-c-app-launcher__group">
1943
1943
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1944
- <ul>
1944
+ <ul role="list">
1945
1945
  <li
1946
1946
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1947
1947
  >
@@ -1993,7 +1993,7 @@ section: components
1993
1993
  <hr class="pf-c-divider" />
1994
1994
  <section class="pf-c-app-launcher__group">
1995
1995
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1996
- <ul>
1996
+ <ul role="list">
1997
1997
  <li
1998
1998
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1999
1999
  >
@@ -2648,7 +2648,7 @@ section: components
2648
2648
  id="nav-expandable-example-expandable-nav"
2649
2649
  aria-label="Global"
2650
2650
  >
2651
- <ul class="pf-c-nav__list">
2651
+ <ul class="pf-c-nav__list" role="list">
2652
2652
  <li class="pf-c-nav__item pf-m-expandable pf-m-expanded pf-m-current">
2653
2653
  <button
2654
2654
  class="pf-c-nav__link"
@@ -2666,7 +2666,7 @@ section: components
2666
2666
  class="pf-c-nav__subnav"
2667
2667
  aria-labelledby="nav-expandable-example-expandable-nav-link1"
2668
2668
  >
2669
- <ul class="pf-c-nav__list">
2669
+ <ul class="pf-c-nav__list" role="list">
2670
2670
  <li class="pf-c-nav__item">
2671
2671
  <a href="#" class="pf-c-nav__link">Overview</a>
2672
2672
  </li>
@@ -2712,7 +2712,7 @@ section: components
2712
2712
  aria-labelledby="nav-expandable-example-expandable-nav-link2"
2713
2713
  hidden
2714
2714
  >
2715
- <ul class="pf-c-nav__list">
2715
+ <ul class="pf-c-nav__list" role="list">
2716
2716
  <li class="pf-c-nav__item">
2717
2717
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
2718
2718
  </li>
@@ -2740,7 +2740,7 @@ section: components
2740
2740
  aria-labelledby="nav-expandable-example-expandable-nav-link3"
2741
2741
  hidden
2742
2742
  >
2743
- <ul class="pf-c-nav__list">
2743
+ <ul class="pf-c-nav__list" role="list">
2744
2744
  <li class="pf-c-nav__item">
2745
2745
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
2746
2746
  </li>
@@ -2762,7 +2762,7 @@ section: components
2762
2762
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2763
2763
  <div class="pf-c-page__main-body">
2764
2764
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2765
- <ol class="pf-c-breadcrumb__list">
2765
+ <ol class="pf-c-breadcrumb__list" role="list">
2766
2766
  <li class="pf-c-breadcrumb__item">
2767
2767
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2768
2768
  </li>
@@ -2896,7 +2896,7 @@ section: components
2896
2896
  >
2897
2897
  <i class="fas fa-angle-left" aria-hidden="true"></i>
2898
2898
  </button>
2899
- <ul class="pf-c-nav__list">
2899
+ <ul class="pf-c-nav__list" role="list">
2900
2900
  <li class="pf-c-nav__item">
2901
2901
  <a href="#" class="pf-c-nav__link">Horizontal nav item 1</a>
2902
2902
  </li>
@@ -2972,7 +2972,7 @@ section: components
2972
2972
  </div>
2973
2973
  <section class="pf-c-app-launcher__group">
2974
2974
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2975
- <ul>
2975
+ <ul role="list">
2976
2976
  <li
2977
2977
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2978
2978
  >
@@ -3024,7 +3024,7 @@ section: components
3024
3024
  <hr class="pf-c-divider" />
3025
3025
  <section class="pf-c-app-launcher__group">
3026
3026
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3027
- <ul>
3027
+ <ul role="list">
3028
3028
  <li
3029
3029
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3030
3030
  >
@@ -3680,7 +3680,7 @@ section: components
3680
3680
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3681
3681
  <div class="pf-c-page__main-body">
3682
3682
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3683
- <ol class="pf-c-breadcrumb__list">
3683
+ <ol class="pf-c-breadcrumb__list" role="list">
3684
3684
  <li class="pf-c-breadcrumb__item">
3685
3685
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3686
3686
  </li>
@@ -3854,7 +3854,7 @@ section: components
3854
3854
  </div>
3855
3855
  <section class="pf-c-app-launcher__group">
3856
3856
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3857
- <ul>
3857
+ <ul role="list">
3858
3858
  <li
3859
3859
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3860
3860
  >
@@ -3906,7 +3906,7 @@ section: components
3906
3906
  <hr class="pf-c-divider" />
3907
3907
  <section class="pf-c-app-launcher__group">
3908
3908
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3909
- <ul>
3909
+ <ul role="list">
3910
3910
  <li
3911
3911
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3912
3912
  >
@@ -4561,7 +4561,7 @@ section: components
4561
4561
  id="nav-horizontal-subnav-example-expandable-nav"
4562
4562
  aria-label="Global"
4563
4563
  >
4564
- <ul class="pf-c-nav__list">
4564
+ <ul class="pf-c-nav__list" role="list">
4565
4565
  <li class="pf-c-nav__item pf-m-expandable pf-m-expanded pf-m-current">
4566
4566
  <button
4567
4567
  class="pf-c-nav__link"
@@ -4579,7 +4579,7 @@ section: components
4579
4579
  class="pf-c-nav__subnav"
4580
4580
  aria-labelledby="nav-horizontal-subnav-example-expandable-nav-link1"
4581
4581
  >
4582
- <ul class="pf-c-nav__list">
4582
+ <ul class="pf-c-nav__list" role="list">
4583
4583
  <li class="pf-c-nav__item">
4584
4584
  <a href="#" class="pf-c-nav__link">Overview</a>
4585
4585
  </li>
@@ -4625,7 +4625,7 @@ section: components
4625
4625
  aria-labelledby="nav-horizontal-subnav-example-expandable-nav-link2"
4626
4626
  hidden
4627
4627
  >
4628
- <ul class="pf-c-nav__list">
4628
+ <ul class="pf-c-nav__list" role="list">
4629
4629
  <li class="pf-c-nav__item">
4630
4630
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
4631
4631
  </li>
@@ -4653,7 +4653,7 @@ section: components
4653
4653
  aria-labelledby="nav-horizontal-subnav-example-expandable-nav-link3"
4654
4654
  hidden
4655
4655
  >
4656
- <ul class="pf-c-nav__list">
4656
+ <ul class="pf-c-nav__list" role="list">
4657
4657
  <li class="pf-c-nav__item">
4658
4658
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
4659
4659
  </li>
@@ -4675,7 +4675,7 @@ section: components
4675
4675
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4676
4676
  <div class="pf-c-page__main-body">
4677
4677
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4678
- <ol class="pf-c-breadcrumb__list">
4678
+ <ol class="pf-c-breadcrumb__list" role="list">
4679
4679
  <li class="pf-c-breadcrumb__item">
4680
4680
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4681
4681
  </li>
@@ -4821,7 +4821,7 @@ section: components
4821
4821
  >
4822
4822
  <i class="fas fa-angle-left" aria-hidden="true"></i>
4823
4823
  </button>
4824
- <ul class="pf-c-nav__list">
4824
+ <ul class="pf-c-nav__list" role="list">
4825
4825
  <li class="pf-c-nav__item">
4826
4826
  <a href="#" class="pf-c-nav__link">Horizontal nav item 1</a>
4827
4827
  </li>
@@ -4897,7 +4897,7 @@ section: components
4897
4897
  </div>
4898
4898
  <section class="pf-c-app-launcher__group">
4899
4899
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4900
- <ul>
4900
+ <ul role="list">
4901
4901
  <li
4902
4902
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4903
4903
  >
@@ -4949,7 +4949,7 @@ section: components
4949
4949
  <hr class="pf-c-divider" />
4950
4950
  <section class="pf-c-app-launcher__group">
4951
4951
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4952
- <ul>
4952
+ <ul role="list">
4953
4953
  <li
4954
4954
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4955
4955
  >
@@ -5615,7 +5615,7 @@ section: components
5615
5615
  >
5616
5616
  <i class="fas fa-angle-left" aria-hidden="true"></i>
5617
5617
  </button>
5618
- <ul class="pf-c-nav__list">
5618
+ <ul class="pf-c-nav__list" role="list">
5619
5619
  <li class="pf-c-nav__item">
5620
5620
  <a
5621
5621
  href="#"
@@ -5645,7 +5645,7 @@ section: components
5645
5645
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5646
5646
  <div class="pf-c-page__main-body">
5647
5647
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5648
- <ol class="pf-c-breadcrumb__list">
5648
+ <ol class="pf-c-breadcrumb__list" role="list">
5649
5649
  <li class="pf-c-breadcrumb__item">
5650
5650
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
5651
5651
  </li>
@@ -5819,7 +5819,7 @@ section: components
5819
5819
  </div>
5820
5820
  <section class="pf-c-app-launcher__group">
5821
5821
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5822
- <ul>
5822
+ <ul role="list">
5823
5823
  <li
5824
5824
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5825
5825
  >
@@ -5871,7 +5871,7 @@ section: components
5871
5871
  <hr class="pf-c-divider" />
5872
5872
  <section class="pf-c-app-launcher__group">
5873
5873
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5874
- <ul>
5874
+ <ul role="list">
5875
5875
  <li
5876
5876
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5877
5877
  >
@@ -6526,7 +6526,7 @@ section: components
6526
6526
  id="nav-legacy-teriary-example-expandable-nav"
6527
6527
  aria-label="Global"
6528
6528
  >
6529
- <ul class="pf-c-nav__list">
6529
+ <ul class="pf-c-nav__list" role="list">
6530
6530
  <li class="pf-c-nav__item pf-m-expandable pf-m-expanded pf-m-current">
6531
6531
  <button
6532
6532
  class="pf-c-nav__link"
@@ -6544,7 +6544,7 @@ section: components
6544
6544
  class="pf-c-nav__subnav"
6545
6545
  aria-labelledby="nav-legacy-teriary-example-expandable-nav-link1"
6546
6546
  >
6547
- <ul class="pf-c-nav__list">
6547
+ <ul class="pf-c-nav__list" role="list">
6548
6548
  <li class="pf-c-nav__item">
6549
6549
  <a href="#" class="pf-c-nav__link">Overview</a>
6550
6550
  </li>
@@ -6590,7 +6590,7 @@ section: components
6590
6590
  aria-labelledby="nav-legacy-teriary-example-expandable-nav-link2"
6591
6591
  hidden
6592
6592
  >
6593
- <ul class="pf-c-nav__list">
6593
+ <ul class="pf-c-nav__list" role="list">
6594
6594
  <li class="pf-c-nav__item">
6595
6595
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
6596
6596
  </li>
@@ -6618,7 +6618,7 @@ section: components
6618
6618
  aria-labelledby="nav-legacy-teriary-example-expandable-nav-link3"
6619
6619
  hidden
6620
6620
  >
6621
- <ul class="pf-c-nav__list">
6621
+ <ul class="pf-c-nav__list" role="list">
6622
6622
  <li class="pf-c-nav__item">
6623
6623
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
6624
6624
  </li>
@@ -6650,7 +6650,7 @@ section: components
6650
6650
  >
6651
6651
  <i class="fas fa-angle-left" aria-hidden="true"></i>
6652
6652
  </button>
6653
- <ul class="pf-c-nav__list">
6653
+ <ul class="pf-c-nav__list" role="list">
6654
6654
  <li class="pf-c-nav__item">
6655
6655
  <a
6656
6656
  href="#"
@@ -6680,7 +6680,7 @@ section: components
6680
6680
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6681
6681
  <div class="pf-c-page__main-body">
6682
6682
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6683
- <ol class="pf-c-breadcrumb__list">
6683
+ <ol class="pf-c-breadcrumb__list" role="list">
6684
6684
  <li class="pf-c-breadcrumb__item">
6685
6685
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6686
6686
  </li>
@@ -6854,7 +6854,7 @@ section: components
6854
6854
  </div>
6855
6855
  <section class="pf-c-app-launcher__group">
6856
6856
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
6857
- <ul>
6857
+ <ul role="list">
6858
6858
  <li
6859
6859
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
6860
6860
  >
@@ -6906,7 +6906,7 @@ section: components
6906
6906
  <hr class="pf-c-divider" />
6907
6907
  <section class="pf-c-app-launcher__group">
6908
6908
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
6909
- <ul>
6909
+ <ul role="list">
6910
6910
  <li
6911
6911
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
6912
6912
  >
@@ -7561,7 +7561,7 @@ section: components
7561
7561
  id="nav-light-theme-example-expandable-nav"
7562
7562
  aria-label="Global"
7563
7563
  >
7564
- <ul class="pf-c-nav__list">
7564
+ <ul class="pf-c-nav__list" role="list">
7565
7565
  <li class="pf-c-nav__item pf-m-expandable pf-m-expanded pf-m-current">
7566
7566
  <button
7567
7567
  class="pf-c-nav__link"
@@ -7579,7 +7579,7 @@ section: components
7579
7579
  class="pf-c-nav__subnav"
7580
7580
  aria-labelledby="nav-light-theme-example-expandable-nav-link1"
7581
7581
  >
7582
- <ul class="pf-c-nav__list">
7582
+ <ul class="pf-c-nav__list" role="list">
7583
7583
  <li class="pf-c-nav__item">
7584
7584
  <a href="#" class="pf-c-nav__link">Overview</a>
7585
7585
  </li>
@@ -7625,7 +7625,7 @@ section: components
7625
7625
  aria-labelledby="nav-light-theme-example-expandable-nav-link2"
7626
7626
  hidden
7627
7627
  >
7628
- <ul class="pf-c-nav__list">
7628
+ <ul class="pf-c-nav__list" role="list">
7629
7629
  <li class="pf-c-nav__item">
7630
7630
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
7631
7631
  </li>
@@ -7653,7 +7653,7 @@ section: components
7653
7653
  aria-labelledby="nav-light-theme-example-expandable-nav-link3"
7654
7654
  hidden
7655
7655
  >
7656
- <ul class="pf-c-nav__list">
7656
+ <ul class="pf-c-nav__list" role="list">
7657
7657
  <li class="pf-c-nav__item">
7658
7658
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
7659
7659
  </li>
@@ -7675,7 +7675,7 @@ section: components
7675
7675
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
7676
7676
  <div class="pf-c-page__main-body">
7677
7677
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
7678
- <ol class="pf-c-breadcrumb__list">
7678
+ <ol class="pf-c-breadcrumb__list" role="list">
7679
7679
  <li class="pf-c-breadcrumb__item">
7680
7680
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
7681
7681
  </li>