@patternfly/patternfly 5.0.0-alpha.3 → 5.0.0-alpha.31

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 (290) hide show
  1. package/RELEASE-NOTES.md +17 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  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/_fonts.scss +22 -22
  10. package/base/_globals.scss +1 -1
  11. package/base/_icons.scss +1 -28
  12. package/base/_svg-icons.scss +6 -0
  13. package/base/_variables.scss +1 -1
  14. package/base/patternfly-common.css +0 -10
  15. package/base/patternfly-fonts.css +17 -17
  16. package/base/patternfly-icons.css +6 -20
  17. package/base/patternfly-pf-icons.css +5 -1
  18. package/base/themes/dark/_globals.scss +1 -1
  19. package/base/themes/dark/_variables.scss +1 -1
  20. package/components/AboutModalBox/about-modal-box.css +7 -7
  21. package/components/AboutModalBox/about-modal-box.scss +7 -7
  22. package/components/Accordion/accordion.css +2 -0
  23. package/components/Accordion/accordion.scss +2 -0
  24. package/components/Alert/alert.css +3 -3
  25. package/components/Alert/alert.scss +3 -3
  26. package/components/AppLauncher/app-launcher.css +2 -0
  27. package/components/AppLauncher/app-launcher.scss +2 -0
  28. package/components/Avatar/avatar.scss +2 -2
  29. package/components/Banner/banner.css +14 -14
  30. package/components/Banner/banner.scss +9 -13
  31. package/components/Breadcrumb/breadcrumb.css +2 -0
  32. package/components/Breadcrumb/breadcrumb.scss +2 -0
  33. package/components/CalendarMonth/calendar-month.css +2 -2
  34. package/components/CalendarMonth/calendar-month.scss +3 -3
  35. package/components/Card/card.css +20 -21
  36. package/components/Card/card.scss +22 -26
  37. package/components/Chip/chip.css +33 -24
  38. package/components/Chip/chip.scss +40 -31
  39. package/components/ChipGroup/chip-group.css +27 -17
  40. package/components/ChipGroup/chip-group.scss +36 -22
  41. package/components/Content/content.css +11 -5
  42. package/components/Content/content.scss +17 -9
  43. package/components/ContextSelector/context-selector.css +5 -1
  44. package/components/ContextSelector/context-selector.scss +6 -2
  45. package/components/DataList/data-list-grid.css +7 -7
  46. package/components/DataList/data-list-grid.scss +1 -1
  47. package/components/DataList/data-list.css +12 -11
  48. package/components/DataList/data-list.scss +5 -4
  49. package/components/DescriptionList/description-list.css +7 -7
  50. package/components/DescriptionList/description-list.scss +7 -7
  51. package/components/Divider/divider.css +2 -2
  52. package/components/Divider/divider.scss +3 -3
  53. package/components/Drawer/drawer.css +15 -16
  54. package/components/Drawer/drawer.scss +2 -3
  55. package/components/Dropdown/dropdown.css +12 -10
  56. package/components/Dropdown/dropdown.scss +2 -0
  57. package/components/DualListSelector/dual-list-selector.css +1 -1
  58. package/components/DualListSelector/dual-list-selector.scss +1 -1
  59. package/components/EmptyState/empty-state.css +46 -52
  60. package/components/EmptyState/empty-state.scss +58 -57
  61. package/components/ExpandableSection/expandable-section.css +2 -0
  62. package/components/ExpandableSection/expandable-section.scss +2 -0
  63. package/components/Form/form.css +12 -12
  64. package/components/Form/form.scss +7 -7
  65. package/components/FormControl/form-control.css +2 -5
  66. package/components/FormControl/themes/dark/form-control.scss +2 -6
  67. package/components/Hint/hint.css +2 -2
  68. package/components/Hint/hint.scss +2 -2
  69. package/components/Label/label.css +43 -30
  70. package/components/Label/label.scss +49 -34
  71. package/components/LabelGroup/label-group.css +26 -22
  72. package/components/LabelGroup/label-group.scss +31 -26
  73. package/components/Login/login.css +11 -11
  74. package/components/Login/login.scss +10 -10
  75. package/components/Masthead/masthead.css +4 -4
  76. package/components/Masthead/masthead.scss +4 -4
  77. package/components/Menu/menu.css +9 -6
  78. package/components/Menu/menu.scss +34 -31
  79. package/components/MenuToggle/menu-toggle.css +3 -1
  80. package/components/MenuToggle/menu-toggle.scss +3 -1
  81. package/components/ModalBox/modal-box.css +9 -8
  82. package/components/ModalBox/modal-box.scss +11 -11
  83. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  84. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  85. package/components/Nav/nav.css +1 -1
  86. package/components/Nav/nav.scss +2 -2
  87. package/components/NotificationDrawer/notification-drawer.css +3 -3
  88. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  89. package/components/Page/page.css +71 -71
  90. package/components/Page/page.scss +12 -12
  91. package/components/Pagination/pagination.css +2 -2
  92. package/components/Popover/popover.css +25 -31
  93. package/components/Popover/popover.scss +27 -32
  94. package/components/Popover/themes/dark/popover.scss +2 -8
  95. package/components/Progress/progress.css +13 -10
  96. package/components/Progress/progress.scss +13 -10
  97. package/components/ProgressStepper/progress-stepper.css +5 -5
  98. package/components/ProgressStepper/progress-stepper.scss +5 -5
  99. package/components/SearchInput/search-input.css +4 -2
  100. package/components/SearchInput/search-input.scss +4 -2
  101. package/components/Select/select.css +1 -1
  102. package/components/Select/select.scss +1 -1
  103. package/components/Sidebar/sidebar.css +69 -26
  104. package/components/Sidebar/sidebar.scss +84 -27
  105. package/components/SimpleList/simple-list.css +1 -1
  106. package/components/SimpleList/simple-list.scss +2 -2
  107. package/components/Spinner/spinner.css +4 -4
  108. package/components/Spinner/spinner.scss +4 -4
  109. package/components/Table/table-grid.css +28 -28
  110. package/components/Table/table-scrollable.css +31 -26
  111. package/components/Table/table-scrollable.scss +33 -28
  112. package/components/Table/table-tree-view.css +14 -4
  113. package/components/Table/table-tree-view.scss +15 -0
  114. package/components/Table/table.css +7 -2
  115. package/components/Table/table.scss +9 -2
  116. package/components/Tabs/tabs.css +0 -4
  117. package/components/Tabs/tabs.scss +0 -7
  118. package/components/TextInputGroup/text-input-group.css +6 -4
  119. package/components/TextInputGroup/text-input-group.scss +6 -5
  120. package/components/Tile/tile.css +1 -1
  121. package/components/Tile/tile.scss +1 -1
  122. package/components/Timestamp/timestamp.css +3 -3
  123. package/components/Timestamp/timestamp.scss +3 -3
  124. package/components/Toolbar/toolbar.css +78 -43
  125. package/components/Toolbar/toolbar.scss +50 -10
  126. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  127. package/components/Tooltip/tooltip.css +7 -12
  128. package/components/Tooltip/tooltip.scss +6 -3
  129. package/components/TreeView/tree-view.css +7 -15
  130. package/components/TreeView/tree-view.scss +7 -18
  131. package/components/Wizard/wizard.css +16 -1
  132. package/components/Wizard/wizard.scss +20 -2
  133. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  134. package/docs/components/Accordion/examples/Accordion.md +12 -12
  135. package/docs/components/ActionList/examples/ActionList.md +6 -6
  136. package/docs/components/Alert/examples/Alert.md +19 -19
  137. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  138. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  139. package/docs/components/Avatar/examples/Avatar.md +11 -11
  140. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  141. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  142. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  143. package/docs/components/Badge/examples/Badge.md +5 -5
  144. package/docs/components/Banner/examples/Banner.md +8 -8
  145. package/docs/components/Brand/examples/Brand.md +9 -9
  146. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  147. package/docs/components/Button/examples/Button.md +35 -35
  148. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  149. package/docs/components/Card/examples/Card.md +139 -64
  150. package/docs/components/Check/examples/Check.md +15 -19
  151. package/docs/components/Chip/examples/Chip.md +70 -52
  152. package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
  153. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  154. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  155. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  156. package/docs/components/Content/examples/Content.md +37 -9
  157. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  158. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  159. package/docs/components/DataList/examples/DataList.md +187 -148
  160. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  161. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  162. package/docs/components/Divider/examples/Divider.md +10 -10
  163. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  164. package/docs/components/Drawer/examples/Drawer.md +43 -43
  165. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  166. package/docs/components/Dropdown/examples/Dropdown.md +123 -99
  167. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  168. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  169. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  170. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  171. package/docs/components/Form/examples/Form.md +64 -64
  172. package/docs/components/FormControl/examples/FormControl.md +20 -20
  173. package/docs/components/HelperText/examples/HelperText.md +12 -12
  174. package/docs/components/Hint/examples/Hint.md +7 -7
  175. package/docs/components/Icon/examples/Icon.md +10 -10
  176. package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
  177. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  178. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  179. package/docs/components/Label/examples/Label.md +1427 -746
  180. package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
  181. package/docs/components/List/examples/List.md +18 -18
  182. package/docs/components/LogViewer/examples/LogViewer.md +79 -73
  183. package/docs/components/Login/examples/Login.md +32 -32
  184. package/docs/components/Masthead/examples/masthead.md +9 -9
  185. package/docs/components/Menu/examples/Menu.md +82 -80
  186. package/docs/components/MenuToggle/examples/MenuToggle.md +28 -28
  187. package/docs/components/ModalBox/examples/ModalBox.md +106 -85
  188. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  189. package/docs/components/Nav/examples/Navigation.md +69 -69
  190. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  191. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  192. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  193. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  194. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  195. package/docs/components/Page/examples/Page.md +54 -54
  196. package/docs/components/Pagination/examples/Pagination.md +27 -27
  197. package/docs/components/Panel/examples/Panel.md +10 -10
  198. package/docs/components/Popover/examples/Popover.md +201 -144
  199. package/docs/components/Progress/examples/Progress.md +31 -60
  200. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  201. package/docs/components/Radio/examples/Radio.md +11 -11
  202. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  203. package/docs/components/Select/examples/Select.md +367 -313
  204. package/docs/components/Sidebar/examples/Sidebar.md +70 -14
  205. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  206. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  207. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  208. package/docs/components/Slider/examples/Slider.md +24 -24
  209. package/docs/components/Spinner/examples/Spinner.md +24 -24
  210. package/docs/components/Switch/examples/Switch.md +19 -19
  211. package/docs/components/TabContent/examples/TabContent.md +13 -13
  212. package/docs/components/Table/examples/Table.css +4 -0
  213. package/docs/components/Table/examples/Table.md +3163 -1712
  214. package/docs/components/Tabs/examples/Tabs.md +149 -149
  215. package/docs/components/TextInputGroup/examples/TextInputGroup.md +362 -280
  216. package/docs/components/Tile/examples/Tile.md +15 -15
  217. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  218. package/docs/components/Title/examples/Title.md +17 -17
  219. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  220. package/docs/components/Toolbar/examples/Toolbar.md +466 -373
  221. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  222. package/docs/components/TreeView/examples/TreeView.md +34 -34
  223. package/docs/components/Truncate/examples/Truncate.md +4 -4
  224. package/docs/components/Wizard/examples/Wizard.md +119 -127
  225. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  226. package/docs/demos/Alert/examples/Alert.md +13 -13
  227. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  228. package/docs/demos/Banner/examples/Banner.md +8 -9
  229. package/docs/demos/Card/examples/Card.md +219 -156
  230. package/docs/demos/CardView/examples/CardView.md +56 -29
  231. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  232. package/docs/demos/Dashboard/examples/Dashboard.md +51 -35
  233. package/docs/demos/DataList/examples/DataList.md +158 -109
  234. package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
  235. package/docs/demos/Drawer/examples/Drawer.md +24 -22
  236. package/docs/demos/Form/examples/BasicForms.md +28 -22
  237. package/docs/demos/HelperText/examples/HelperText.md +8 -9
  238. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  239. package/docs/demos/Masthead/examples/Masthead.md +29 -32
  240. package/docs/demos/Modal/examples/Modal.md +54 -66
  241. package/docs/demos/Nav/examples/Nav.md +47 -47
  242. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  243. package/docs/demos/Page/examples/Page.md +37 -37
  244. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -33
  245. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +74 -64
  246. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  247. package/docs/demos/Table/examples/Table.md +2454 -467
  248. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  249. package/docs/demos/Toolbar/examples/Toolbar.md +1808 -174
  250. package/docs/demos/Wizard/examples/Wizard.md +289 -266
  251. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  252. package/docs/layouts/Flex/examples/Flex.md +98 -98
  253. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  254. package/docs/layouts/Grid/examples/Grid.md +9 -9
  255. package/docs/layouts/Level/examples/Level.md +5 -5
  256. package/docs/layouts/Split/examples/Split.md +7 -7
  257. package/docs/layouts/Stack/examples/Stack.md +6 -6
  258. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  259. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  260. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  261. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  262. package/docs/utilities/Display/examples/Display.md +11 -11
  263. package/docs/utilities/Flex/examples/Flex.md +34 -34
  264. package/docs/utilities/Float/examples/Float.md +4 -4
  265. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  266. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  267. package/docs/utilities/Text/examples/Text.md +27 -27
  268. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  269. package/layouts/Gallery/gallery.css +1 -1
  270. package/layouts/Gallery/gallery.scss +1 -1
  271. package/layouts/Grid/grid.css +7 -7
  272. package/layouts/Grid/grid.scss +2 -2
  273. package/package.json +59 -65
  274. package/patternfly-base-no-reset.css +23 -47
  275. package/patternfly-base.css +23 -47
  276. package/patternfly-no-reset.css +781 -656
  277. package/patternfly.css +781 -656
  278. package/patternfly.min.css +1 -1
  279. package/patternfly.min.css.map +1 -1
  280. package/sass-utilities/functions.scss +8 -24
  281. package/sass-utilities/mixins.scss +15 -39
  282. package/sass-utilities/scss-variables.scss +1 -1
  283. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  284. package/utilities/Spacing/spacing.scss +2 -2
  285. package/base/_shield-inheritable.scss +0 -69
  286. package/base/_shield-noninheritable.scss +0 -13
  287. package/base/patternfly-shield-inheritable.css +0 -66
  288. package/base/patternfly-shield-inheritable.scss +0 -4
  289. package/base/patternfly-shield-noninheritable.css +0 -9
  290. package/base/patternfly-shield-noninheritable.scss +0 -4
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -106,7 +106,7 @@ section: components
106
106
  </div>
107
107
  <section class="pf-c-app-launcher__group">
108
108
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
109
- <ul>
109
+ <ul role="list">
110
110
  <li
111
111
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
112
112
  >
@@ -158,7 +158,7 @@ section: components
158
158
  <hr class="pf-c-divider" />
159
159
  <section class="pf-c-app-launcher__group">
160
160
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
161
- <ul>
161
+ <ul role="list">
162
162
  <li
163
163
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
164
164
  >
@@ -813,7 +813,7 @@ section: components
813
813
  id="drawer-collapsed-example-page-primary-nav"
814
814
  aria-label="Global"
815
815
  >
816
- <ul class="pf-c-nav__list">
816
+ <ul class="pf-c-nav__list" role="list">
817
817
  <li class="pf-c-nav__item">
818
818
  <a href="#" class="pf-c-nav__link">System panel</a>
819
819
  </li>
@@ -846,7 +846,7 @@ section: components
846
846
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
847
847
  <div class="pf-c-page__main-body">
848
848
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
849
- <ol class="pf-c-breadcrumb__list">
849
+ <ol class="pf-c-breadcrumb__list" role="list">
850
850
  <li class="pf-c-breadcrumb__item">
851
851
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
852
852
  </li>
@@ -986,7 +986,7 @@ section: components
986
986
  </div>
987
987
  </div>
988
988
  <div class="pf-c-notification-drawer__body">
989
- <ul class="pf-c-notification-drawer__list">
989
+ <ul class="pf-c-notification-drawer__list" role="list">
990
990
  <li
991
991
  class="pf-c-notification-drawer__list-item pf-m-read pf-m-info"
992
992
  >
@@ -1623,7 +1623,7 @@ section: components
1623
1623
  </div>
1624
1624
  <section class="pf-c-app-launcher__group">
1625
1625
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1626
- <ul>
1626
+ <ul role="list">
1627
1627
  <li
1628
1628
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1629
1629
  >
@@ -1675,7 +1675,7 @@ section: components
1675
1675
  <hr class="pf-c-divider" />
1676
1676
  <section class="pf-c-app-launcher__group">
1677
1677
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1678
- <ul>
1678
+ <ul role="list">
1679
1679
  <li
1680
1680
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1681
1681
  >
@@ -2330,7 +2330,7 @@ section: components
2330
2330
  id="drawer-expanded-read-example-page-primary-nav"
2331
2331
  aria-label="Global"
2332
2332
  >
2333
- <ul class="pf-c-nav__list">
2333
+ <ul class="pf-c-nav__list" role="list">
2334
2334
  <li class="pf-c-nav__item">
2335
2335
  <a href="#" class="pf-c-nav__link">System panel</a>
2336
2336
  </li>
@@ -2363,7 +2363,7 @@ section: components
2363
2363
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2364
2364
  <div class="pf-c-page__main-body">
2365
2365
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2366
- <ol class="pf-c-breadcrumb__list">
2366
+ <ol class="pf-c-breadcrumb__list" role="list">
2367
2367
  <li class="pf-c-breadcrumb__item">
2368
2368
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2369
2369
  </li>
@@ -2503,7 +2503,7 @@ section: components
2503
2503
  </div>
2504
2504
  </div>
2505
2505
  <div class="pf-c-notification-drawer__body">
2506
- <ul class="pf-c-notification-drawer__list">
2506
+ <ul class="pf-c-notification-drawer__list" role="list">
2507
2507
  <li
2508
2508
  class="pf-c-notification-drawer__list-item pf-m-read pf-m-info"
2509
2509
  >
@@ -3145,7 +3145,7 @@ section: components
3145
3145
  </div>
3146
3146
  <section class="pf-c-app-launcher__group">
3147
3147
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3148
- <ul>
3148
+ <ul role="list">
3149
3149
  <li
3150
3150
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3151
3151
  >
@@ -3197,7 +3197,7 @@ section: components
3197
3197
  <hr class="pf-c-divider" />
3198
3198
  <section class="pf-c-app-launcher__group">
3199
3199
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3200
- <ul>
3200
+ <ul role="list">
3201
3201
  <li
3202
3202
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3203
3203
  >
@@ -3852,7 +3852,7 @@ section: components
3852
3852
  id="drawer-expanded-unread-example-page-primary-nav"
3853
3853
  aria-label="Global"
3854
3854
  >
3855
- <ul class="pf-c-nav__list">
3855
+ <ul class="pf-c-nav__list" role="list">
3856
3856
  <li class="pf-c-nav__item">
3857
3857
  <a href="#" class="pf-c-nav__link">System panel</a>
3858
3858
  </li>
@@ -3885,7 +3885,7 @@ section: components
3885
3885
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3886
3886
  <div class="pf-c-page__main-body">
3887
3887
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3888
- <ol class="pf-c-breadcrumb__list">
3888
+ <ol class="pf-c-breadcrumb__list" role="list">
3889
3889
  <li class="pf-c-breadcrumb__item">
3890
3890
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3891
3891
  </li>
@@ -4025,7 +4025,7 @@ section: components
4025
4025
  </div>
4026
4026
  </div>
4027
4027
  <div class="pf-c-notification-drawer__body">
4028
- <ul class="pf-c-notification-drawer__list">
4028
+ <ul class="pf-c-notification-drawer__list" role="list">
4029
4029
  <li
4030
4030
  class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-info"
4031
4031
  tabindex="0"
@@ -4670,7 +4670,7 @@ section: components
4670
4670
  </div>
4671
4671
  <section class="pf-c-app-launcher__group">
4672
4672
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4673
- <ul>
4673
+ <ul role="list">
4674
4674
  <li
4675
4675
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4676
4676
  >
@@ -4722,7 +4722,7 @@ section: components
4722
4722
  <hr class="pf-c-divider" />
4723
4723
  <section class="pf-c-app-launcher__group">
4724
4724
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4725
- <ul>
4725
+ <ul role="list">
4726
4726
  <li
4727
4727
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4728
4728
  >
@@ -5377,7 +5377,7 @@ section: components
5377
5377
  id="drawer-expanded-attention-example-page-primary-nav"
5378
5378
  aria-label="Global"
5379
5379
  >
5380
- <ul class="pf-c-nav__list">
5380
+ <ul class="pf-c-nav__list" role="list">
5381
5381
  <li class="pf-c-nav__item">
5382
5382
  <a href="#" class="pf-c-nav__link">System panel</a>
5383
5383
  </li>
@@ -5410,7 +5410,7 @@ section: components
5410
5410
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5411
5411
  <div class="pf-c-page__main-body">
5412
5412
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5413
- <ol class="pf-c-breadcrumb__list">
5413
+ <ol class="pf-c-breadcrumb__list" role="list">
5414
5414
  <li class="pf-c-breadcrumb__item">
5415
5415
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
5416
5416
  </li>
@@ -5550,7 +5550,7 @@ section: components
5550
5550
  </div>
5551
5551
  </div>
5552
5552
  <div class="pf-c-notification-drawer__body">
5553
- <ul class="pf-c-notification-drawer__list">
5553
+ <ul class="pf-c-notification-drawer__list" role="list">
5554
5554
  <li
5555
5555
  class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-info"
5556
5556
  tabindex="0"
@@ -6194,7 +6194,7 @@ section: components
6194
6194
  </div>
6195
6195
  <section class="pf-c-app-launcher__group">
6196
6196
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
6197
- <ul>
6197
+ <ul role="list">
6198
6198
  <li
6199
6199
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
6200
6200
  >
@@ -6246,7 +6246,7 @@ section: components
6246
6246
  <hr class="pf-c-divider" />
6247
6247
  <section class="pf-c-app-launcher__group">
6248
6248
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
6249
- <ul>
6249
+ <ul role="list">
6250
6250
  <li
6251
6251
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
6252
6252
  >
@@ -6901,7 +6901,7 @@ section: components
6901
6901
  id="drawer-expanded-with-groups-example-page-primary-nav"
6902
6902
  aria-label="Global"
6903
6903
  >
6904
- <ul class="pf-c-nav__list">
6904
+ <ul class="pf-c-nav__list" role="list">
6905
6905
  <li class="pf-c-nav__item">
6906
6906
  <a href="#" class="pf-c-nav__link">System panel</a>
6907
6907
  </li>
@@ -6934,7 +6934,7 @@ section: components
6934
6934
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6935
6935
  <div class="pf-c-page__main-body">
6936
6936
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6937
- <ol class="pf-c-breadcrumb__list">
6937
+ <ol class="pf-c-breadcrumb__list" role="list">
6938
6938
  <li class="pf-c-breadcrumb__item">
6939
6939
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6940
6940
  </li>
@@ -7096,7 +7096,11 @@ section: components
7096
7096
  </span>
7097
7097
  </button>
7098
7098
  </h1>
7099
- <ul class="pf-c-notification-drawer__list" hidden>
7099
+ <ul
7100
+ class="pf-c-notification-drawer__list"
7101
+ role="list"
7102
+ hidden
7103
+ >
7100
7104
  <li
7101
7105
  class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-info"
7102
7106
  tabindex="0"
@@ -7672,7 +7676,7 @@ section: components
7672
7676
  </span>
7673
7677
  </button>
7674
7678
  </h1>
7675
- <ul class="pf-c-notification-drawer__list">
7679
+ <ul class="pf-c-notification-drawer__list" role="list">
7676
7680
  <li
7677
7681
  class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-info"
7678
7682
  tabindex="0"
@@ -8246,7 +8250,11 @@ section: components
8246
8250
  </span>
8247
8251
  </button>
8248
8252
  </h1>
8249
- <ul class="pf-c-notification-drawer__list" hidden>
8253
+ <ul
8254
+ class="pf-c-notification-drawer__list"
8255
+ role="list"
8256
+ hidden
8257
+ >
8250
8258
  <li
8251
8259
  class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-info"
8252
8260
  tabindex="0"
@@ -8820,7 +8828,11 @@ section: components
8820
8828
  </span>
8821
8829
  </button>
8822
8830
  </h1>
8823
- <ul class="pf-c-notification-drawer__list" hidden>
8831
+ <ul
8832
+ class="pf-c-notification-drawer__list"
8833
+ role="list"
8834
+ hidden
8835
+ >
8824
8836
  <li
8825
8837
  class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-info"
8826
8838
  tabindex="0"
package/docs/demos/Page/examples/Page.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="page-demo-basic-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>
@@ -831,7 +831,7 @@ wrapperTag: div
831
831
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
832
832
  <div class="pf-c-page__main-body">
833
833
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
834
- <ol class="pf-c-breadcrumb__list">
834
+ <ol class="pf-c-breadcrumb__list" role="list">
835
835
  <li class="pf-c-breadcrumb__item">
836
836
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
837
837
  </li>
@@ -1007,7 +1007,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
1007
1007
  </div>
1008
1008
  <section class="pf-c-app-launcher__group">
1009
1009
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1010
- <ul>
1010
+ <ul role="list">
1011
1011
  <li
1012
1012
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1013
1013
  >
@@ -1059,7 +1059,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
1059
1059
  <hr class="pf-c-divider" />
1060
1060
  <section class="pf-c-app-launcher__group">
1061
1061
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1062
- <ul>
1062
+ <ul role="list">
1063
1063
  <li
1064
1064
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1065
1065
  >
@@ -1714,7 +1714,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
1714
1714
  id="page-demo-full-height-primary-nav"
1715
1715
  aria-label="Global"
1716
1716
  >
1717
- <ul class="pf-c-nav__list">
1717
+ <ul class="pf-c-nav__list" role="list">
1718
1718
  <li class="pf-c-nav__item">
1719
1719
  <a href="#" class="pf-c-nav__link">System panel</a>
1720
1720
  </li>
@@ -1746,7 +1746,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
1746
1746
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1747
1747
  <div class="pf-c-page__main-body">
1748
1748
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1749
- <ol class="pf-c-breadcrumb__list">
1749
+ <ol class="pf-c-breadcrumb__list" role="list">
1750
1750
  <li class="pf-c-breadcrumb__item">
1751
1751
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1752
1752
  </li>
@@ -1923,7 +1923,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
1923
1923
  </div>
1924
1924
  <section class="pf-c-app-launcher__group">
1925
1925
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1926
- <ul>
1926
+ <ul role="list">
1927
1927
  <li
1928
1928
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1929
1929
  >
@@ -1975,7 +1975,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
1975
1975
  <hr class="pf-c-divider" />
1976
1976
  <section class="pf-c-app-launcher__group">
1977
1977
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1978
- <ul>
1978
+ <ul role="list">
1979
1979
  <li
1980
1980
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1981
1981
  >
@@ -2630,7 +2630,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
2630
2630
  id="page-demo-sticky-top-horizontal-subnav-primary-nav"
2631
2631
  aria-label="Global"
2632
2632
  >
2633
- <ul class="pf-c-nav__list">
2633
+ <ul class="pf-c-nav__list" role="list">
2634
2634
  <li class="pf-c-nav__item">
2635
2635
  <a href="#" class="pf-c-nav__link">System panel</a>
2636
2636
  </li>
@@ -2672,7 +2672,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
2672
2672
  >
2673
2673
  <i class="fas fa-angle-left" aria-hidden="true"></i>
2674
2674
  </button>
2675
- <ul class="pf-c-nav__list">
2675
+ <ul class="pf-c-nav__list" role="list">
2676
2676
  <li class="pf-c-nav__item">
2677
2677
  <a
2678
2678
  href="#"
@@ -2702,7 +2702,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
2702
2702
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2703
2703
  <div class="pf-c-page__main-body">
2704
2704
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2705
- <ol class="pf-c-breadcrumb__list">
2705
+ <ol class="pf-c-breadcrumb__list" role="list">
2706
2706
  <li class="pf-c-breadcrumb__item">
2707
2707
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2708
2708
  </li>
@@ -2996,7 +2996,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
2996
2996
  </div>
2997
2997
  <section class="pf-c-app-launcher__group">
2998
2998
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2999
- <ul>
2999
+ <ul role="list">
3000
3000
  <li
3001
3001
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3002
3002
  >
@@ -3048,7 +3048,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
3048
3048
  <hr class="pf-c-divider" />
3049
3049
  <section class="pf-c-app-launcher__group">
3050
3050
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3051
- <ul>
3051
+ <ul role="list">
3052
3052
  <li
3053
3053
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3054
3054
  >
@@ -3703,7 +3703,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
3703
3703
  id="page-demo-sticky-top-breadcrumb-primary-nav"
3704
3704
  aria-label="Global"
3705
3705
  >
3706
- <ul class="pf-c-nav__list">
3706
+ <ul class="pf-c-nav__list" role="list">
3707
3707
  <li class="pf-c-nav__item">
3708
3708
  <a href="#" class="pf-c-nav__link">System panel</a>
3709
3709
  </li>
@@ -3737,7 +3737,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
3737
3737
  >
3738
3738
  <div class="pf-c-page__main-body">
3739
3739
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3740
- <ol class="pf-c-breadcrumb__list">
3740
+ <ol class="pf-c-breadcrumb__list" role="list">
3741
3741
  <li class="pf-c-breadcrumb__item">
3742
3742
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3743
3743
  </li>
@@ -3941,7 +3941,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
3941
3941
 
3942
3942
  ### Sticky breadcrumb on medium
3943
3943
 
3944
- ```html isFullscreen isBeta
3944
+ ```html isFullscreen
3945
3945
  <div class="pf-c-page" id="page-demo-sticky-top-breadcrumb">
3946
3946
  <div class="pf-c-skip-to-content">
3947
3947
  <a
@@ -4031,7 +4031,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
4031
4031
  </div>
4032
4032
  <section class="pf-c-app-launcher__group">
4033
4033
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4034
- <ul>
4034
+ <ul role="list">
4035
4035
  <li
4036
4036
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4037
4037
  >
@@ -4083,7 +4083,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
4083
4083
  <hr class="pf-c-divider" />
4084
4084
  <section class="pf-c-app-launcher__group">
4085
4085
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4086
- <ul>
4086
+ <ul role="list">
4087
4087
  <li
4088
4088
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4089
4089
  >
@@ -4738,7 +4738,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
4738
4738
  id="page-demo-sticky-top-breadcrumb-primary-nav"
4739
4739
  aria-label="Global"
4740
4740
  >
4741
- <ul class="pf-c-nav__list">
4741
+ <ul class="pf-c-nav__list" role="list">
4742
4742
  <li class="pf-c-nav__item">
4743
4743
  <a href="#" class="pf-c-nav__link">System panel</a>
4744
4744
  </li>
@@ -4772,7 +4772,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
4772
4772
  >
4773
4773
  <div class="pf-c-page__main-body">
4774
4774
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4775
- <ol class="pf-c-breadcrumb__list">
4775
+ <ol class="pf-c-breadcrumb__list" role="list">
4776
4776
  <li class="pf-c-breadcrumb__item">
4777
4777
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4778
4778
  </li>
@@ -5069,7 +5069,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
5069
5069
  </div>
5070
5070
  <section class="pf-c-app-launcher__group">
5071
5071
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5072
- <ul>
5072
+ <ul role="list">
5073
5073
  <li
5074
5074
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5075
5075
  >
@@ -5121,7 +5121,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
5121
5121
  <hr class="pf-c-divider" />
5122
5122
  <section class="pf-c-app-launcher__group">
5123
5123
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5124
- <ul>
5124
+ <ul role="list">
5125
5125
  <li
5126
5126
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5127
5127
  >
@@ -5776,7 +5776,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
5776
5776
  id="page-demo-sticky-top-section-group-primary-nav"
5777
5777
  aria-label="Global"
5778
5778
  >
5779
- <ul class="pf-c-nav__list">
5779
+ <ul class="pf-c-nav__list" role="list">
5780
5780
  <li class="pf-c-nav__item">
5781
5781
  <a href="#" class="pf-c-nav__link">System panel</a>
5782
5782
  </li>
@@ -5809,7 +5809,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
5809
5809
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5810
5810
  <div class="pf-c-page__main-body">
5811
5811
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5812
- <ol class="pf-c-breadcrumb__list">
5812
+ <ol class="pf-c-breadcrumb__list" role="list">
5813
5813
  <li class="pf-c-breadcrumb__item">
5814
5814
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
5815
5815
  </li>
@@ -6104,7 +6104,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
6104
6104
  </div>
6105
6105
  <section class="pf-c-app-launcher__group">
6106
6106
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
6107
- <ul>
6107
+ <ul role="list">
6108
6108
  <li
6109
6109
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
6110
6110
  >
@@ -6156,7 +6156,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
6156
6156
  <hr class="pf-c-divider" />
6157
6157
  <section class="pf-c-app-launcher__group">
6158
6158
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
6159
- <ul>
6159
+ <ul role="list">
6160
6160
  <li
6161
6161
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
6162
6162
  >
@@ -6811,7 +6811,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
6811
6811
  id="page-demo-sticky-section-bottom-primary-nav"
6812
6812
  aria-label="Global"
6813
6813
  >
6814
- <ul class="pf-c-nav__list">
6814
+ <ul class="pf-c-nav__list" role="list">
6815
6815
  <li class="pf-c-nav__item">
6816
6816
  <a href="#" class="pf-c-nav__link">System panel</a>
6817
6817
  </li>
@@ -6843,7 +6843,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
6843
6843
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6844
6844
  <div class="pf-c-page__main-body">
6845
6845
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6846
- <ol class="pf-c-breadcrumb__list">
6846
+ <ol class="pf-c-breadcrumb__list" role="list">
6847
6847
  <li class="pf-c-breadcrumb__item">
6848
6848
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6849
6849
  </li>
@@ -7144,7 +7144,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
7144
7144
  </div>
7145
7145
  <section class="pf-c-app-launcher__group">
7146
7146
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
7147
- <ul>
7147
+ <ul role="list">
7148
7148
  <li
7149
7149
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
7150
7150
  >
@@ -7196,7 +7196,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
7196
7196
  <hr class="pf-c-divider" />
7197
7197
  <section class="pf-c-app-launcher__group">
7198
7198
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
7199
- <ul>
7199
+ <ul role="list">
7200
7200
  <li
7201
7201
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
7202
7202
  >
@@ -7851,7 +7851,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
7851
7851
  id="page-demo-overflow-scroll-primary-nav"
7852
7852
  aria-label="Global"
7853
7853
  >
7854
- <ul class="pf-c-nav__list">
7854
+ <ul class="pf-c-nav__list" role="list">
7855
7855
  <li class="pf-c-nav__item">
7856
7856
  <a href="#" class="pf-c-nav__link">System panel</a>
7857
7857
  </li>
@@ -7883,7 +7883,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
7883
7883
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
7884
7884
  <div class="pf-c-page__main-body">
7885
7885
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
7886
- <ol class="pf-c-breadcrumb__list">
7886
+ <ol class="pf-c-breadcrumb__list" role="list">
7887
7887
  <li class="pf-c-breadcrumb__item">
7888
7888
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
7889
7889
  </li>
@@ -8189,7 +8189,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
8189
8189
  </div>
8190
8190
  <section class="pf-c-app-launcher__group">
8191
8191
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
8192
- <ul>
8192
+ <ul role="list">
8193
8193
  <li
8194
8194
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
8195
8195
  >
@@ -8241,7 +8241,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
8241
8241
  <hr class="pf-c-divider" />
8242
8242
  <section class="pf-c-app-launcher__group">
8243
8243
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
8244
- <ul>
8244
+ <ul role="list">
8245
8245
  <li
8246
8246
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
8247
8247
  >
@@ -8896,7 +8896,7 @@ Using the `.pf-m-full-height` modifier class on the page component eliminates th
8896
8896
  id="page-demo-centered-section-primary-nav"
8897
8897
  aria-label="Global"
8898
8898
  >
8899
- <ul class="pf-c-nav__list">
8899
+ <ul class="pf-c-nav__list" role="list">
8900
8900
  <li class="pf-c-nav__item">
8901
8901
  <a href="#" class="pf-c-nav__link">System panel</a>
8902
8902
  </li>