@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/JumpLinks/examples/JumpLinks.md CHANGED
@@ -98,7 +98,7 @@ section: components
98
98
  </div>
99
99
  <section class="pf-c-app-launcher__group">
100
100
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
101
- <ul>
101
+ <ul role="list">
102
102
  <li
103
103
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
104
104
  >
@@ -150,7 +150,7 @@ section: components
150
150
  <hr class="pf-c-divider" />
151
151
  <section class="pf-c-app-launcher__group">
152
152
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
153
- <ul>
153
+ <ul role="list">
154
154
  <li
155
155
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
156
156
  >
@@ -805,7 +805,7 @@ section: components
805
805
  id="jump-links-collapsed-mobile-example-primary-nav"
806
806
  aria-label="Global"
807
807
  >
808
- <ul class="pf-c-nav__list">
808
+ <ul class="pf-c-nav__list" role="list">
809
809
  <li class="pf-c-nav__item">
810
810
  <a href="#" class="pf-c-nav__link">System panel</a>
811
811
  </li>
@@ -837,7 +837,7 @@ section: components
837
837
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
838
838
  <div class="pf-c-page__main-body">
839
839
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
840
- <ol class="pf-c-breadcrumb__list">
840
+ <ol class="pf-c-breadcrumb__list" role="list">
841
841
  <li class="pf-c-breadcrumb__item">
842
842
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
843
843
  </li>
@@ -902,7 +902,7 @@ section: components
902
902
  </div>
903
903
  <div class="pf-c-jump-links__label">Jump to section</div>
904
904
  </div>
905
- <ul class="pf-c-jump-links__list">
905
+ <ul class="pf-c-jump-links__list" role="list">
906
906
  <li class="pf-c-jump-links__item pf-m-current">
907
907
  <a
908
908
  class="pf-c-jump-links__link"
@@ -1084,7 +1084,7 @@ section: components
1084
1084
  </div>
1085
1085
  <section class="pf-c-app-launcher__group">
1086
1086
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1087
- <ul>
1087
+ <ul role="list">
1088
1088
  <li
1089
1089
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1090
1090
  >
@@ -1136,7 +1136,7 @@ section: components
1136
1136
  <hr class="pf-c-divider" />
1137
1137
  <section class="pf-c-app-launcher__group">
1138
1138
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1139
- <ul>
1139
+ <ul role="list">
1140
1140
  <li
1141
1141
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1142
1142
  >
@@ -1791,7 +1791,7 @@ section: components
1791
1791
  id="jump-links-vertical-expanded-mobile-example-primary-nav"
1792
1792
  aria-label="Global"
1793
1793
  >
1794
- <ul class="pf-c-nav__list">
1794
+ <ul class="pf-c-nav__list" role="list">
1795
1795
  <li class="pf-c-nav__item">
1796
1796
  <a href="#" class="pf-c-nav__link">System panel</a>
1797
1797
  </li>
@@ -1823,7 +1823,7 @@ section: components
1823
1823
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1824
1824
  <div class="pf-c-page__main-body">
1825
1825
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1826
- <ol class="pf-c-breadcrumb__list">
1826
+ <ol class="pf-c-breadcrumb__list" role="list">
1827
1827
  <li class="pf-c-breadcrumb__item">
1828
1828
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1829
1829
  </li>
@@ -1888,7 +1888,7 @@ section: components
1888
1888
  </div>
1889
1889
  <div class="pf-c-jump-links__label">Jump to section</div>
1890
1890
  </div>
1891
- <ul class="pf-c-jump-links__list">
1891
+ <ul class="pf-c-jump-links__list" role="list">
1892
1892
  <li class="pf-c-jump-links__item pf-m-current">
1893
1893
  <a
1894
1894
  class="pf-c-jump-links__link"
@@ -2070,7 +2070,7 @@ section: components
2070
2070
  </div>
2071
2071
  <section class="pf-c-app-launcher__group">
2072
2072
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2073
- <ul>
2073
+ <ul role="list">
2074
2074
  <li
2075
2075
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2076
2076
  >
@@ -2122,7 +2122,7 @@ section: components
2122
2122
  <hr class="pf-c-divider" />
2123
2123
  <section class="pf-c-app-launcher__group">
2124
2124
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2125
- <ul>
2125
+ <ul role="list">
2126
2126
  <li
2127
2127
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2128
2128
  >
@@ -2777,7 +2777,7 @@ section: components
2777
2777
  id="jump-links-vertical-toggle-text-mobile-example-primary-nav"
2778
2778
  aria-label="Global"
2779
2779
  >
2780
- <ul class="pf-c-nav__list">
2780
+ <ul class="pf-c-nav__list" role="list">
2781
2781
  <li class="pf-c-nav__item">
2782
2782
  <a href="#" class="pf-c-nav__link">System panel</a>
2783
2783
  </li>
@@ -2809,7 +2809,7 @@ section: components
2809
2809
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2810
2810
  <div class="pf-c-page__main-body">
2811
2811
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2812
- <ol class="pf-c-breadcrumb__list">
2812
+ <ol class="pf-c-breadcrumb__list" role="list">
2813
2813
  <li class="pf-c-breadcrumb__item">
2814
2814
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2815
2815
  </li>
@@ -2874,7 +2874,7 @@ section: components
2874
2874
  </div>
2875
2875
  <div class="pf-c-jump-links__label">Jump to section</div>
2876
2876
  </div>
2877
- <ul class="pf-c-jump-links__list">
2877
+ <ul class="pf-c-jump-links__list" role="list">
2878
2878
  <li class="pf-c-jump-links__item pf-m-current">
2879
2879
  <a
2880
2880
  class="pf-c-jump-links__link"
@@ -3053,7 +3053,7 @@ section: components
3053
3053
  </div>
3054
3054
  <section class="pf-c-app-launcher__group">
3055
3055
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3056
- <ul>
3056
+ <ul role="list">
3057
3057
  <li
3058
3058
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3059
3059
  >
@@ -3105,7 +3105,7 @@ section: components
3105
3105
  <hr class="pf-c-divider" />
3106
3106
  <section class="pf-c-app-launcher__group">
3107
3107
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3108
- <ul>
3108
+ <ul role="list">
3109
3109
  <li
3110
3110
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3111
3111
  >
@@ -3760,7 +3760,7 @@ section: components
3760
3760
  id="jump-links-horizontal-example-primary-nav"
3761
3761
  aria-label="Global"
3762
3762
  >
3763
- <ul class="pf-c-nav__list">
3763
+ <ul class="pf-c-nav__list" role="list">
3764
3764
  <li class="pf-c-nav__item">
3765
3765
  <a href="#" class="pf-c-nav__link">System panel</a>
3766
3766
  </li>
@@ -3792,7 +3792,7 @@ section: components
3792
3792
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3793
3793
  <div class="pf-c-page__main-body">
3794
3794
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3795
- <ol class="pf-c-breadcrumb__list">
3795
+ <ol class="pf-c-breadcrumb__list" role="list">
3796
3796
  <li class="pf-c-breadcrumb__item">
3797
3797
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3798
3798
  </li>
@@ -3839,7 +3839,7 @@ section: components
3839
3839
  <div class="pf-c-jump-links__header">
3840
3840
  <div class="pf-c-jump-links__label">Jump to section</div>
3841
3841
  </div>
3842
- <ul class="pf-c-jump-links__list">
3842
+ <ul class="pf-c-jump-links__list" role="list">
3843
3843
  <li class="pf-c-jump-links__item pf-m-current">
3844
3844
  <a class="pf-c-jump-links__link" href="#-first">
3845
3845
  <span class="pf-c-jump-links__link-text">First section</span>
@@ -3988,7 +3988,7 @@ section: components
3988
3988
  </div>
3989
3989
  <section class="pf-c-app-launcher__group">
3990
3990
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3991
- <ul>
3991
+ <ul role="list">
3992
3992
  <li
3993
3993
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3994
3994
  >
@@ -4040,7 +4040,7 @@ section: components
4040
4040
  <hr class="pf-c-divider" />
4041
4041
  <section class="pf-c-app-launcher__group">
4042
4042
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4043
- <ul>
4043
+ <ul role="list">
4044
4044
  <li
4045
4045
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4046
4046
  >
@@ -4695,7 +4695,7 @@ section: components
4695
4695
  id="jump-links-drawer-primary-nav"
4696
4696
  aria-label="Global"
4697
4697
  >
4698
- <ul class="pf-c-nav__list">
4698
+ <ul class="pf-c-nav__list" role="list">
4699
4699
  <li class="pf-c-nav__item">
4700
4700
  <a href="#" class="pf-c-nav__link">System panel</a>
4701
4701
  </li>
@@ -4739,7 +4739,7 @@ section: components
4739
4739
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
4740
4740
  >
4741
4741
  <div class="pf-c-jump-links__label">Jump to section</div>
4742
- <ul class="pf-c-jump-links__list">
4742
+ <ul class="pf-c-jump-links__list" role="list">
4743
4743
  <li class="pf-c-jump-links__item pf-m-current">
4744
4744
  <a
4745
4745
  class="pf-c-jump-links__link"
@@ -4943,7 +4943,7 @@ section: components
4943
4943
  </div>
4944
4944
  <section class="pf-c-app-launcher__group">
4945
4945
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4946
- <ul>
4946
+ <ul role="list">
4947
4947
  <li
4948
4948
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4949
4949
  >
@@ -4995,7 +4995,7 @@ section: components
4995
4995
  <hr class="pf-c-divider" />
4996
4996
  <section class="pf-c-app-launcher__group">
4997
4997
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4998
- <ul>
4998
+ <ul role="list">
4999
4999
  <li
5000
5000
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5001
5001
  >
@@ -5650,7 +5650,7 @@ section: components
5650
5650
  id="jump-links-drawer-expanded-primary-nav"
5651
5651
  aria-label="Global"
5652
5652
  >
5653
- <ul class="pf-c-nav__list">
5653
+ <ul class="pf-c-nav__list" role="list">
5654
5654
  <li class="pf-c-nav__item">
5655
5655
  <a href="#" class="pf-c-nav__link">System panel</a>
5656
5656
  </li>
@@ -5694,7 +5694,7 @@ section: components
5694
5694
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
5695
5695
  >
5696
5696
  <div class="pf-c-jump-links__label">Jump to section</div>
5697
- <ul class="pf-c-jump-links__list">
5697
+ <ul class="pf-c-jump-links__list" role="list">
5698
5698
  <li class="pf-c-jump-links__item pf-m-current">
5699
5699
  <a
5700
5700
  class="pf-c-jump-links__link"
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -113,7 +113,7 @@ wrapperTag: div
113
113
  id="masthead-basic-example-primary-nav"
114
114
  aria-label="Global"
115
115
  >
116
- <ul class="pf-c-nav__list">
116
+ <ul class="pf-c-nav__list" role="list">
117
117
  <li class="pf-c-nav__item">
118
118
  <a href="#" class="pf-c-nav__link">System panel</a>
119
119
  </li>
@@ -145,7 +145,7 @@ wrapperTag: div
145
145
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
146
146
  <div class="pf-c-page__main-body">
147
147
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
148
- <ol class="pf-c-breadcrumb__list">
148
+ <ol class="pf-c-breadcrumb__list" role="list">
149
149
  <li class="pf-c-breadcrumb__item">
150
150
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
151
151
  </li>
@@ -313,7 +313,7 @@ wrapperTag: div
313
313
  </div>
314
314
  </div>
315
315
  </div>
316
- <ul class="pf-c-context-selector__menu-list">
316
+ <ul class="pf-c-context-selector__menu-list" role="list">
317
317
  <li>
318
318
  <a
319
319
  class="pf-c-context-selector__menu-list-item"
@@ -517,7 +517,7 @@ wrapperTag: div
517
517
  id="masthead-context-selecton-drilldown-example-primary-nav"
518
518
  aria-label="Global"
519
519
  >
520
- <ul class="pf-c-nav__list">
520
+ <ul class="pf-c-nav__list" role="list">
521
521
  <li class="pf-c-nav__item">
522
522
  <a href="#" class="pf-c-nav__link">System panel</a>
523
523
  </li>
@@ -549,7 +549,7 @@ wrapperTag: div
549
549
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
550
550
  <div class="pf-c-page__main-body">
551
551
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
552
- <ol class="pf-c-breadcrumb__list">
552
+ <ol class="pf-c-breadcrumb__list" role="list">
553
553
  <li class="pf-c-breadcrumb__item">
554
554
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
555
555
  </li>
@@ -726,7 +726,6 @@ wrapperTag: div
726
726
  role="listbox"
727
727
  aria-labelledby="masthead-toolbar-filters-example-masthead-toolbar-select-name-label"
728
728
  hidden
729
- style="width: 175px"
730
729
  >
731
730
  <li role="presentation">
732
731
  <button
@@ -774,9 +773,9 @@ wrapperTag: div
774
773
  </span>
775
774
  <input
776
775
  class="pf-c-text-input-group__text-input"
777
- type="text"
778
- value
776
+ type="search"
779
777
  placeholder="Filter by name"
778
+ value
780
779
  aria-label="Type to filter"
781
780
  />
782
781
  </span>
@@ -849,7 +848,7 @@ wrapperTag: div
849
848
  id="masthead-toolbar-filters-example-primary-nav"
850
849
  aria-label="Global"
851
850
  >
852
- <ul class="pf-c-nav__list">
851
+ <ul class="pf-c-nav__list" role="list">
853
852
  <li class="pf-c-nav__item">
854
853
  <a href="#" class="pf-c-nav__link">System panel</a>
855
854
  </li>
@@ -881,7 +880,7 @@ wrapperTag: div
881
880
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
882
881
  <div class="pf-c-page__main-body">
883
882
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
884
- <ol class="pf-c-breadcrumb__list">
883
+ <ol class="pf-c-breadcrumb__list" role="list">
885
884
  <li class="pf-c-breadcrumb__item">
886
885
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
887
886
  </li>
@@ -1061,7 +1060,6 @@ wrapperTag: div
1061
1060
  role="listbox"
1062
1061
  aria-labelledby="masthead-toggle-group-filters-example-masthead-toolbar-select-name-label"
1063
1062
  hidden
1064
- style="width: 175px"
1065
1063
  >
1066
1064
  <li role="presentation">
1067
1065
  <button
@@ -1109,9 +1107,9 @@ wrapperTag: div
1109
1107
  </span>
1110
1108
  <input
1111
1109
  class="pf-c-text-input-group__text-input"
1112
- type="text"
1113
- value
1110
+ type="search"
1114
1111
  placeholder="Filter by name"
1112
+ value
1115
1113
  aria-label="Type to filter"
1116
1114
  />
1117
1115
  </span>
@@ -1184,7 +1182,7 @@ wrapperTag: div
1184
1182
  id="masthead-toggle-group-filters-example-primary-nav"
1185
1183
  aria-label="Global"
1186
1184
  >
1187
- <ul class="pf-c-nav__list">
1185
+ <ul class="pf-c-nav__list" role="list">
1188
1186
  <li class="pf-c-nav__item">
1189
1187
  <a href="#" class="pf-c-nav__link">System panel</a>
1190
1188
  </li>
@@ -1216,7 +1214,7 @@ wrapperTag: div
1216
1214
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1217
1215
  <div class="pf-c-page__main-body">
1218
1216
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1219
- <ol class="pf-c-breadcrumb__list">
1217
+ <ol class="pf-c-breadcrumb__list" role="list">
1220
1218
  <li class="pf-c-breadcrumb__item">
1221
1219
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1222
1220
  </li>
@@ -1371,7 +1369,7 @@ wrapperTag: div
1371
1369
  id="masthead-expandable-search-example-primary-nav"
1372
1370
  aria-label="Global"
1373
1371
  >
1374
- <ul class="pf-c-nav__list">
1372
+ <ul class="pf-c-nav__list" role="list">
1375
1373
  <li class="pf-c-nav__item">
1376
1374
  <a href="#" class="pf-c-nav__link">System panel</a>
1377
1375
  </li>
@@ -1403,7 +1401,7 @@ wrapperTag: div
1403
1401
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1404
1402
  <div class="pf-c-page__main-body">
1405
1403
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1406
- <ol class="pf-c-breadcrumb__list">
1404
+ <ol class="pf-c-breadcrumb__list" role="list">
1407
1405
  <li class="pf-c-breadcrumb__item">
1408
1406
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1409
1407
  </li>
@@ -1574,7 +1572,7 @@ wrapperTag: div
1574
1572
  id="masthead-expandable-search-expanded-example-primary-nav"
1575
1573
  aria-label="Global"
1576
1574
  >
1577
- <ul class="pf-c-nav__list">
1575
+ <ul class="pf-c-nav__list" role="list">
1578
1576
  <li class="pf-c-nav__item">
1579
1577
  <a href="#" class="pf-c-nav__link">System panel</a>
1580
1578
  </li>
@@ -1606,7 +1604,7 @@ wrapperTag: div
1606
1604
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1607
1605
  <div class="pf-c-page__main-body">
1608
1606
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1609
- <ol class="pf-c-breadcrumb__list">
1607
+ <ol class="pf-c-breadcrumb__list" role="list">
1610
1608
  <li class="pf-c-breadcrumb__item">
1611
1609
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1612
1610
  </li>
@@ -1783,7 +1781,7 @@ wrapperTag: div
1783
1781
  </div>
1784
1782
  <section class="pf-c-app-launcher__group">
1785
1783
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1786
- <ul>
1784
+ <ul role="list">
1787
1785
  <li
1788
1786
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1789
1787
  >
@@ -1835,7 +1833,7 @@ wrapperTag: div
1835
1833
  <hr class="pf-c-divider" />
1836
1834
  <section class="pf-c-app-launcher__group">
1837
1835
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1838
- <ul>
1836
+ <ul role="list">
1839
1837
  <li
1840
1838
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1841
1839
  >
@@ -2490,7 +2488,7 @@ wrapperTag: div
2490
2488
  id="masthead-advanced-with-menu-example-primary-nav"
2491
2489
  aria-label="Global"
2492
2490
  >
2493
- <ul class="pf-c-nav__list">
2491
+ <ul class="pf-c-nav__list" role="list">
2494
2492
  <li class="pf-c-nav__item">
2495
2493
  <a href="#" class="pf-c-nav__link">System panel</a>
2496
2494
  </li>
@@ -2522,7 +2520,7 @@ wrapperTag: div
2522
2520
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2523
2521
  <div class="pf-c-page__main-body">
2524
2522
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2525
- <ol class="pf-c-breadcrumb__list">
2523
+ <ol class="pf-c-breadcrumb__list" role="list">
2526
2524
  <li class="pf-c-breadcrumb__item">
2527
2525
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2528
2526
  </li>
@@ -2656,7 +2654,7 @@ wrapperTag: div
2656
2654
  >
2657
2655
  <i class="fas fa-angle-left" aria-hidden="true"></i>
2658
2656
  </button>
2659
- <ul class="pf-c-nav__list">
2657
+ <ul class="pf-c-nav__list" role="list">
2660
2658
  <li class="pf-c-nav__item">
2661
2659
  <a href="#" class="pf-c-nav__link">Horizontal nav item 1</a>
2662
2660
  </li>
@@ -2732,7 +2730,7 @@ wrapperTag: div
2732
2730
  </div>
2733
2731
  <section class="pf-c-app-launcher__group">
2734
2732
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2735
- <ul>
2733
+ <ul role="list">
2736
2734
  <li
2737
2735
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2738
2736
  >
@@ -2784,7 +2782,7 @@ wrapperTag: div
2784
2782
  <hr class="pf-c-divider" />
2785
2783
  <section class="pf-c-app-launcher__group">
2786
2784
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2787
- <ul>
2785
+ <ul role="list">
2788
2786
  <li
2789
2787
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2790
2788
  >
@@ -3440,7 +3438,7 @@ wrapperTag: div
3440
3438
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3441
3439
  <div class="pf-c-page__main-body">
3442
3440
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3443
- <ol class="pf-c-breadcrumb__list">
3441
+ <ol class="pf-c-breadcrumb__list" role="list">
3444
3442
  <li class="pf-c-breadcrumb__item">
3445
3443
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3446
3444
  </li>
@@ -3678,7 +3676,6 @@ wrapperTag: div
3678
3676
  role="listbox"
3679
3677
  aria-labelledby="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-select-name-label"
3680
3678
  hidden
3681
- style="width: 175px"
3682
3679
  >
3683
3680
  <li role="presentation">
3684
3681
  <button
@@ -3723,9 +3720,9 @@ wrapperTag: div
3723
3720
  </span>
3724
3721
  <input
3725
3722
  class="pf-c-text-input-group__text-input"
3726
- type="text"
3727
- value
3723
+ type="search"
3728
3724
  placeholder="Filter by name"
3725
+ value
3729
3726
  aria-label="Type to filter"
3730
3727
  />
3731
3728
  </span>
@@ -3745,7 +3742,7 @@ wrapperTag: div
3745
3742
  id="masthead-toggle-group-filters-expanded-mobile-example-primary-nav"
3746
3743
  aria-label="Global"
3747
3744
  >
3748
- <ul class="pf-c-nav__list">
3745
+ <ul class="pf-c-nav__list" role="list">
3749
3746
  <li class="pf-c-nav__item">
3750
3747
  <a href="#" class="pf-c-nav__link">System panel</a>
3751
3748
  </li>
@@ -3777,7 +3774,7 @@ wrapperTag: div
3777
3774
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3778
3775
  <div class="pf-c-page__main-body">
3779
3776
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3780
- <ol class="pf-c-breadcrumb__list">
3777
+ <ol class="pf-c-breadcrumb__list" role="list">
3781
3778
  <li class="pf-c-breadcrumb__item">
3782
3779
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3783
3780
  </li>