@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/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -1,6 +1,5 @@
1
1
  ---
2
2
  id: 'Password strength'
3
- beta: true
4
3
  section: demos
5
4
  ---## Examples
6
5
 
@@ -46,32 +45,32 @@ section: demos
46
45
  </button>
47
46
  </div>
48
47
  <div class="pf-c-form__helper-text">
49
- <ul class="pf-c-helper-text">
50
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
48
+ <div class="pf-c-helper-text">
49
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
51
50
  <span class="pf-c-helper-text__item-icon">
52
51
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
53
52
  </span>
54
53
  <span
55
54
  class="pf-c-helper-text__item-text"
56
55
  >Must be at least 14 characters</span>
57
- </li>
58
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
56
+ </div>
57
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
59
58
  <span class="pf-c-helper-text__item-icon">
60
59
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
61
60
  </span>
62
61
  <span
63
62
  class="pf-c-helper-text__item-text"
64
63
  >Cannot contain the word "redhat"</span>
65
- </li>
66
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
64
+ </div>
65
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
67
66
  <span class="pf-c-helper-text__item-icon">
68
67
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
69
68
  </span>
70
69
  <span
71
70
  class="pf-c-helper-text__item-text"
72
71
  >Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols</span>
73
- </li>
74
- </ul>
72
+ </div>
73
+ </div>
75
74
  </div>
76
75
  </div>
77
76
  </div>
@@ -121,32 +120,32 @@ section: demos
121
120
  </button>
122
121
  </div>
123
122
  <div class="pf-c-form__helper-text">
124
- <ul class="pf-c-helper-text">
125
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
123
+ <div class="pf-c-helper-text">
124
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
126
125
  <span class="pf-c-helper-text__item-icon">
127
126
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
128
127
  </span>
129
128
  <span
130
129
  class="pf-c-helper-text__item-text"
131
130
  >Must be at least 14 characters</span>
132
- </li>
133
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-error">
131
+ </div>
132
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-error">
134
133
  <span class="pf-c-helper-text__item-icon">
135
134
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
136
135
  </span>
137
136
  <span
138
137
  class="pf-c-helper-text__item-text"
139
138
  >Cannot contain the word "redhat"</span>
140
- </li>
141
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
139
+ </div>
140
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
142
141
  <span class="pf-c-helper-text__item-icon">
143
142
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
144
143
  </span>
145
144
  <span
146
145
  class="pf-c-helper-text__item-text"
147
146
  >Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols</span>
148
- </li>
149
- </ul>
147
+ </div>
148
+ </div>
150
149
  </div>
151
150
  </div>
152
151
  </div>
@@ -205,32 +204,32 @@ section: demos
205
204
  </button>
206
205
  </div>
207
206
  <div class="pf-c-form__helper-text">
208
- <ul class="pf-c-helper-text">
209
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
207
+ <div class="pf-c-helper-text">
208
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
210
209
  <span class="pf-c-helper-text__item-icon">
211
210
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
212
211
  </span>
213
212
  <span
214
213
  class="pf-c-helper-text__item-text"
215
214
  >Must be at least 14 characters</span>
216
- </li>
217
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
215
+ </div>
216
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
218
217
  <span class="pf-c-helper-text__item-icon">
219
218
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
220
219
  </span>
221
220
  <span
222
221
  class="pf-c-helper-text__item-text"
223
222
  >Cannot contain the word "redhat"</span>
224
- </li>
225
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
223
+ </div>
224
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
226
225
  <span class="pf-c-helper-text__item-icon">
227
226
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
228
227
  </span>
229
228
  <span
230
229
  class="pf-c-helper-text__item-text"
231
230
  >Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols</span>
232
- </li>
233
- </ul>
231
+ </div>
232
+ </div>
234
233
  </div>
235
234
  </div>
236
235
  </div>
@@ -289,32 +288,32 @@ section: demos
289
288
  </button>
290
289
  </div>
291
290
  <div class="pf-c-form__helper-text">
292
- <ul class="pf-c-helper-text">
293
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
291
+ <div class="pf-c-helper-text">
292
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
294
293
  <span class="pf-c-helper-text__item-icon">
295
294
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
296
295
  </span>
297
296
  <span
298
297
  class="pf-c-helper-text__item-text"
299
298
  >Must be at least 14 characters</span>
300
- </li>
301
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
299
+ </div>
300
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
302
301
  <span class="pf-c-helper-text__item-icon">
303
302
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
304
303
  </span>
305
304
  <span
306
305
  class="pf-c-helper-text__item-text"
307
306
  >Cannot contain the word "redhat"</span>
308
- </li>
309
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
307
+ </div>
308
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
310
309
  <span class="pf-c-helper-text__item-icon">
311
310
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
312
311
  </span>
313
312
  <span
314
313
  class="pf-c-helper-text__item-text"
315
314
  >Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols</span>
316
- </li>
317
- </ul>
315
+ </div>
316
+ </div>
318
317
  </div>
319
318
  </div>
320
319
  </div>
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -99,7 +99,7 @@ wrapperTag: div
99
99
  </div>
100
100
  <section class="pf-c-app-launcher__group">
101
101
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
102
- <ul>
102
+ <ul role="list">
103
103
  <li
104
104
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
105
105
  >
@@ -151,7 +151,7 @@ wrapperTag: div
151
151
  <hr class="pf-c-divider" />
152
152
  <section class="pf-c-app-launcher__group">
153
153
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
154
- <ul>
154
+ <ul role="list">
155
155
  <li
156
156
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
157
157
  >
@@ -806,7 +806,7 @@ wrapperTag: div
806
806
  id="primary-detail-expanded-example-primary-nav"
807
807
  aria-label="Global"
808
808
  >
809
- <ul class="pf-c-nav__list">
809
+ <ul class="pf-c-nav__list" role="list">
810
810
  <li class="pf-c-nav__item">
811
811
  <a href="#" class="pf-c-nav__link">System panel</a>
812
812
  </li>
@@ -838,7 +838,7 @@ wrapperTag: div
838
838
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
839
839
  <div class="pf-c-page__main-body">
840
840
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
841
- <ol class="pf-c-breadcrumb__list">
841
+ <ol class="pf-c-breadcrumb__list" role="list">
842
842
  <li class="pf-c-breadcrumb__item">
843
843
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
844
844
  </li>
@@ -944,7 +944,6 @@ wrapperTag: div
944
944
  role="listbox"
945
945
  aria-labelledby="primary-detail-expanded-example-drawer-toolbar-select-name-label"
946
946
  hidden
947
- style="width: 175px"
948
947
  >
949
948
  <li role="presentation">
950
949
  <button
@@ -992,9 +991,9 @@ wrapperTag: div
992
991
  </span>
993
992
  <input
994
993
  class="pf-c-text-input-group__text-input"
995
- type="text"
996
- value
994
+ type="search"
997
995
  placeholder="Filter by name"
996
+ value
998
997
  aria-label="Type to filter"
999
998
  />
1000
999
  </span>
@@ -1976,7 +1975,7 @@ wrapperTag: div
1976
1975
  </div>
1977
1976
  <section class="pf-c-app-launcher__group">
1978
1977
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1979
- <ul>
1978
+ <ul role="list">
1980
1979
  <li
1981
1980
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1982
1981
  >
@@ -2028,7 +2027,7 @@ wrapperTag: div
2028
2027
  <hr class="pf-c-divider" />
2029
2028
  <section class="pf-c-app-launcher__group">
2030
2029
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2031
- <ul>
2030
+ <ul role="list">
2032
2031
  <li
2033
2032
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2034
2033
  >
@@ -2683,7 +2682,7 @@ wrapperTag: div
2683
2682
  id="primary-detail-collapsed-example-primary-nav"
2684
2683
  aria-label="Global"
2685
2684
  >
2686
- <ul class="pf-c-nav__list">
2685
+ <ul class="pf-c-nav__list" role="list">
2687
2686
  <li class="pf-c-nav__item">
2688
2687
  <a href="#" class="pf-c-nav__link">System panel</a>
2689
2688
  </li>
@@ -2715,7 +2714,7 @@ wrapperTag: div
2715
2714
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2716
2715
  <div class="pf-c-page__main-body">
2717
2716
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2718
- <ol class="pf-c-breadcrumb__list">
2717
+ <ol class="pf-c-breadcrumb__list" role="list">
2719
2718
  <li class="pf-c-breadcrumb__item">
2720
2719
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2721
2720
  </li>
@@ -2821,7 +2820,6 @@ wrapperTag: div
2821
2820
  role="listbox"
2822
2821
  aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-select-name-label"
2823
2822
  hidden
2824
- style="width: 175px"
2825
2823
  >
2826
2824
  <li role="presentation">
2827
2825
  <button
@@ -2869,9 +2867,9 @@ wrapperTag: div
2869
2867
  </span>
2870
2868
  <input
2871
2869
  class="pf-c-text-input-group__text-input"
2872
- type="text"
2873
- value
2870
+ type="search"
2874
2871
  placeholder="Filter by name"
2872
+ value
2875
2873
  aria-label="Type to filter"
2876
2874
  />
2877
2875
  </span>
@@ -3780,7 +3778,7 @@ wrapperTag: div
3780
3778
  </div>
3781
3779
  <section class="pf-c-app-launcher__group">
3782
3780
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3783
- <ul>
3781
+ <ul role="list">
3784
3782
  <li
3785
3783
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3786
3784
  >
@@ -3832,7 +3830,7 @@ wrapperTag: div
3832
3830
  <hr class="pf-c-divider" />
3833
3831
  <section class="pf-c-app-launcher__group">
3834
3832
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3835
- <ul>
3833
+ <ul role="list">
3836
3834
  <li
3837
3835
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3838
3836
  >
@@ -4487,7 +4485,7 @@ wrapperTag: div
4487
4485
  id="primary-detail-content-body-padding-example-primary-nav"
4488
4486
  aria-label="Global"
4489
4487
  >
4490
- <ul class="pf-c-nav__list">
4488
+ <ul class="pf-c-nav__list" role="list">
4491
4489
  <li class="pf-c-nav__item">
4492
4490
  <a href="#" class="pf-c-nav__link">System panel</a>
4493
4491
  </li>
@@ -4519,7 +4517,7 @@ wrapperTag: div
4519
4517
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4520
4518
  <div class="pf-c-page__main-body">
4521
4519
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4522
- <ol class="pf-c-breadcrumb__list">
4520
+ <ol class="pf-c-breadcrumb__list" role="list">
4523
4521
  <li class="pf-c-breadcrumb__item">
4524
4522
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4525
4523
  </li>
@@ -5489,7 +5487,7 @@ wrapperTag: div
5489
5487
  </div>
5490
5488
  <section class="pf-c-app-launcher__group">
5491
5489
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5492
- <ul>
5490
+ <ul role="list">
5493
5491
  <li
5494
5492
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5495
5493
  >
@@ -5541,7 +5539,7 @@ wrapperTag: div
5541
5539
  <hr class="pf-c-divider" />
5542
5540
  <section class="pf-c-app-launcher__group">
5543
5541
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5544
- <ul>
5542
+ <ul role="list">
5545
5543
  <li
5546
5544
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5547
5545
  >
@@ -6196,7 +6194,7 @@ wrapperTag: div
6196
6194
  id="primary-detail-card-view-expanded-example-primary-nav"
6197
6195
  aria-label="Global"
6198
6196
  >
6199
- <ul class="pf-c-nav__list">
6197
+ <ul class="pf-c-nav__list" role="list">
6200
6198
  <li class="pf-c-nav__item">
6201
6199
  <a href="#" class="pf-c-nav__link">System panel</a>
6202
6200
  </li>
@@ -6228,7 +6226,7 @@ wrapperTag: div
6228
6226
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6229
6227
  <div class="pf-c-page__main-body">
6230
6228
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6231
- <ol class="pf-c-breadcrumb__list">
6229
+ <ol class="pf-c-breadcrumb__list" role="list">
6232
6230
  <li class="pf-c-breadcrumb__item">
6233
6231
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6234
6232
  </li>
@@ -6300,11 +6298,14 @@ wrapperTag: div
6300
6298
  class="pf-c-dropdown__toggle-check"
6301
6299
  for="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6302
6300
  >
6303
- <input
6304
- type="checkbox"
6305
- id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6306
- aria-label="Select all"
6307
- />
6301
+ <div class="pf-c-check pf-m-standalone">
6302
+ <input
6303
+ class="pf-c-check__input"
6304
+ type="checkbox"
6305
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6306
+ aria-label="Select all"
6307
+ />
6308
+ </div>
6308
6309
  </label>
6309
6310
 
6310
6311
  <button
@@ -6376,7 +6377,6 @@ wrapperTag: div
6376
6377
  role="listbox"
6377
6378
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label"
6378
6379
  hidden
6379
- style="width: 175px"
6380
6380
  >
6381
6381
  <li role="presentation">
6382
6382
  <button
@@ -6424,9 +6424,9 @@ wrapperTag: div
6424
6424
  </span>
6425
6425
  <input
6426
6426
  class="pf-c-text-input-group__text-input"
6427
- type="text"
6428
- value
6427
+ type="search"
6429
6428
  placeholder="Filter by name"
6429
+ value
6430
6430
  aria-label="Type to filter"
6431
6431
  />
6432
6432
  </span>
@@ -6677,9 +6677,10 @@ wrapperTag: div
6677
6677
  </div>
6678
6678
  </div>
6679
6679
  <div class="pf-c-card__title">
6680
- <p
6680
+ <h2
6681
+ class="pf-c-card__title-text"
6681
6682
  id="primary-detail-card-view-expanded-example-drawer-card-1-check-label"
6682
- >Patternfly</p>
6683
+ >Patternfly</h2>
6683
6684
  <div class="pf-c-content">
6684
6685
  <small>Provided by Red Hat</small>
6685
6686
  </div>
@@ -6759,9 +6760,10 @@ wrapperTag: div
6759
6760
  </div>
6760
6761
  </div>
6761
6762
  <div class="pf-c-card__title">
6762
- <p
6763
+ <h2
6764
+ class="pf-c-card__title-text"
6763
6765
  id="primary-detail-card-view-expanded-example-drawer-card-2-check-label"
6764
- >ActiveMQ</p>
6766
+ >ActiveQ</h2>
6765
6767
  <div class="pf-c-content">
6766
6768
  <small>Provided by Red Hat</small>
6767
6769
  </div>
@@ -6841,9 +6843,10 @@ wrapperTag: div
6841
6843
  </div>
6842
6844
  </div>
6843
6845
  <div class="pf-c-card__title">
6844
- <p
6846
+ <h2
6847
+ class="pf-c-card__title-text"
6845
6848
  id="primary-detail-card-view-expanded-example-drawer-card-3-check-label"
6846
- >Apache Spark</p>
6849
+ >Apache Spark</h2>
6847
6850
  <div class="pf-c-content">
6848
6851
  <small>Provided by Red Hat</small>
6849
6852
  </div>
@@ -6923,9 +6926,10 @@ wrapperTag: div
6923
6926
  </div>
6924
6927
  </div>
6925
6928
  <div class="pf-c-card__title">
6926
- <p
6929
+ <h2
6930
+ class="pf-c-card__title-text"
6927
6931
  id="primary-detail-card-view-expanded-example-drawer-card-4-check-label"
6928
- >Avro</p>
6932
+ >Avro</h2>
6929
6933
  <div class="pf-c-content">
6930
6934
  <small>Provided by Red Hat</small>
6931
6935
  </div>
@@ -7005,9 +7009,10 @@ wrapperTag: div
7005
7009
  </div>
7006
7010
  </div>
7007
7011
  <div class="pf-c-card__title">
7008
- <p
7012
+ <h2
7013
+ class="pf-c-card__title-text"
7009
7014
  id="primary-detail-card-view-expanded-example-drawer-card-5-check-label"
7010
- >Azure Services</p>
7015
+ >Azure Services</h2>
7011
7016
  <div class="pf-c-content">
7012
7017
  <small>Provided by Red Hat</small>
7013
7018
  </div>
@@ -7087,9 +7092,10 @@ wrapperTag: div
7087
7092
  </div>
7088
7093
  </div>
7089
7094
  <div class="pf-c-card__title">
7090
- <p
7095
+ <h2
7096
+ class="pf-c-card__title-text"
7091
7097
  id="primary-detail-card-view-expanded-example-drawer-card-6-check-label"
7092
- >Crypto</p>
7098
+ >Crypto</h2>
7093
7099
  <div class="pf-c-content">
7094
7100
  <small>Provided by Red Hat</small>
7095
7101
  </div>
@@ -7168,9 +7174,10 @@ wrapperTag: div
7168
7174
  </div>
7169
7175
  </div>
7170
7176
  <div class="pf-c-card__title">
7171
- <p
7177
+ <h2
7178
+ class="pf-c-card__title-text"
7172
7179
  id="primary-detail-card-view-expanded-example-drawer-card-7-check-label"
7173
- >Patternfly</p>
7180
+ >Patternfly</h2>
7174
7181
  <div class="pf-c-content">
7175
7182
  <small>Provided by Red Hat</small>
7176
7183
  </div>
@@ -7249,9 +7256,10 @@ wrapperTag: div
7249
7256
  </div>
7250
7257
  </div>
7251
7258
  <div class="pf-c-card__title">
7252
- <p
7259
+ <h2
7260
+ class="pf-c-card__title-text"
7253
7261
  id="primary-detail-card-view-expanded-example-drawer-card-8-check-label"
7254
- >Patternfly</p>
7262
+ >Patternfly</h2>
7255
7263
  <div class="pf-c-content">
7256
7264
  <small>Provided by Red Hat</small>
7257
7265
  </div>
@@ -7330,9 +7338,10 @@ wrapperTag: div
7330
7338
  </div>
7331
7339
  </div>
7332
7340
  <div class="pf-c-card__title">
7333
- <p
7341
+ <h2
7342
+ class="pf-c-card__title-text"
7334
7343
  id="primary-detail-card-view-expanded-example-drawer-card-9-check-label"
7335
- >Patternfly</p>
7344
+ >Patternfly</h2>
7336
7345
  <div class="pf-c-content">
7337
7346
  <small>Provided by Red Hat</small>
7338
7347
  </div>
@@ -7411,9 +7420,10 @@ wrapperTag: div
7411
7420
  </div>
7412
7421
  </div>
7413
7422
  <div class="pf-c-card__title">
7414
- <p
7423
+ <h2
7424
+ class="pf-c-card__title-text"
7415
7425
  id="primary-detail-card-view-expanded-example-drawer-card-10-check-label"
7416
- >Patternfly</p>
7426
+ >Patternfly</h2>
7417
7427
  <div class="pf-c-content">
7418
7428
  <small>Provided by Red Hat</small>
7419
7429
  </div>
@@ -7615,7 +7625,7 @@ wrapperTag: div
7615
7625
  </div>
7616
7626
  <section class="pf-c-app-launcher__group">
7617
7627
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
7618
- <ul>
7628
+ <ul role="list">
7619
7629
  <li
7620
7630
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
7621
7631
  >
@@ -7667,7 +7677,7 @@ wrapperTag: div
7667
7677
  <hr class="pf-c-divider" />
7668
7678
  <section class="pf-c-app-launcher__group">
7669
7679
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
7670
- <ul>
7680
+ <ul role="list">
7671
7681
  <li
7672
7682
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
7673
7683
  >
@@ -8322,7 +8332,7 @@ wrapperTag: div
8322
8332
  id="primary-detail-card-simple-list-on-mobile-example-primary-nav"
8323
8333
  aria-label="Global"
8324
8334
  >
8325
- <ul class="pf-c-nav__list">
8335
+ <ul class="pf-c-nav__list" role="list">
8326
8336
  <li class="pf-c-nav__item">
8327
8337
  <a href="#" class="pf-c-nav__link">System panel</a>
8328
8338
  </li>
@@ -8354,7 +8364,7 @@ wrapperTag: div
8354
8364
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
8355
8365
  <div class="pf-c-page__main-body">
8356
8366
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
8357
- <ol class="pf-c-breadcrumb__list">
8367
+ <ol class="pf-c-breadcrumb__list" role="list">
8358
8368
  <li class="pf-c-breadcrumb__item">
8359
8369
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
8360
8370
  </li>
@@ -8406,7 +8416,7 @@ wrapperTag: div
8406
8416
  <div class="pf-c-simple-list">
8407
8417
  <section class="pf-c-simple-list__section">
8408
8418
  <h2 class="pf-c-simple-list__title">Section title</h2>
8409
- <ul class="pf-c-simple-list__list">
8419
+ <ul class="pf-c-simple-list__list" role="list">
8410
8420
  <li class="pf-c-simple-list__item">
8411
8421
  <button
8412
8422
  class="pf-c-simple-list__item-link pf-m-current"
@@ -8435,7 +8445,7 @@ wrapperTag: div
8435
8445
  </section>
8436
8446
  <section class="pf-c-simple-list__section">
8437
8447
  <h2 class="pf-c-simple-list__title">Section title</h2>
8438
- <ul class="pf-c-simple-list__list">
8448
+ <ul class="pf-c-simple-list__list" role="list">
8439
8449
  <li class="pf-c-simple-list__item">
8440
8450
  <button
8441
8451
  class="pf-c-simple-list__item-link"
@@ -8676,7 +8686,7 @@ wrapperTag: div
8676
8686
  </div>
8677
8687
  <section class="pf-c-app-launcher__group">
8678
8688
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
8679
- <ul>
8689
+ <ul role="list">
8680
8690
  <li
8681
8691
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
8682
8692
  >
@@ -8728,7 +8738,7 @@ wrapperTag: div
8728
8738
  <hr class="pf-c-divider" />
8729
8739
  <section class="pf-c-app-launcher__group">
8730
8740
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
8731
- <ul>
8741
+ <ul role="list">
8732
8742
  <li
8733
8743
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
8734
8744
  >
@@ -9383,7 +9393,7 @@ wrapperTag: div
9383
9393
  id="primary-detail-card-data-list-example-primary-nav"
9384
9394
  aria-label="Global"
9385
9395
  >
9386
- <ul class="pf-c-nav__list">
9396
+ <ul class="pf-c-nav__list" role="list">
9387
9397
  <li class="pf-c-nav__item">
9388
9398
  <a href="#" class="pf-c-nav__link">System panel</a>
9389
9399
  </li>
@@ -9415,7 +9425,7 @@ wrapperTag: div
9415
9425
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
9416
9426
  <div class="pf-c-page__main-body">
9417
9427
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
9418
- <ol class="pf-c-breadcrumb__list">
9428
+ <ol class="pf-c-breadcrumb__list" role="list">
9419
9429
  <li class="pf-c-breadcrumb__item">
9420
9430
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
9421
9431
  </li>
@@ -9981,7 +9991,7 @@ wrapperTag: div
9981
9991
  </div>
9982
9992
  <section class="pf-c-app-launcher__group">
9983
9993
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
9984
- <ul>
9994
+ <ul role="list">
9985
9995
  <li
9986
9996
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
9987
9997
  >
@@ -10033,7 +10043,7 @@ wrapperTag: div
10033
10043
  <hr class="pf-c-divider" />
10034
10044
  <section class="pf-c-app-launcher__group">
10035
10045
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
10036
- <ul>
10046
+ <ul role="list">
10037
10047
  <li
10038
10048
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
10039
10049
  >
@@ -10688,7 +10698,7 @@ wrapperTag: div
10688
10698
  id="primary-detail-inline-modifier-example-primary-nav"
10689
10699
  aria-label="Global"
10690
10700
  >
10691
- <ul class="pf-c-nav__list">
10701
+ <ul class="pf-c-nav__list" role="list">
10692
10702
  <li class="pf-c-nav__item">
10693
10703
  <a href="#" class="pf-c-nav__link">System panel</a>
10694
10704
  </li>
@@ -10720,7 +10730,7 @@ wrapperTag: div
10720
10730
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
10721
10731
  <div class="pf-c-page__main-body">
10722
10732
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
10723
- <ol class="pf-c-breadcrumb__list">
10733
+ <ol class="pf-c-breadcrumb__list" role="list">
10724
10734
  <li class="pf-c-breadcrumb__item">
10725
10735
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
10726
10736
  </li>