@patternfly/patternfly 5.0.0-alpha.13 → 5.0.0-alpha.18

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 (177) hide show
  1. package/assets/pficon/pficon.woff +0 -0
  2. package/assets/pficon/pficon.woff2 +0 -0
  3. package/components/Accordion/accordion.css +2 -0
  4. package/components/Accordion/accordion.scss +2 -0
  5. package/components/AppLauncher/app-launcher.css +2 -0
  6. package/components/AppLauncher/app-launcher.scss +2 -0
  7. package/components/Breadcrumb/breadcrumb.css +2 -0
  8. package/components/Breadcrumb/breadcrumb.scss +2 -0
  9. package/components/ContextSelector/context-selector.css +5 -1
  10. package/components/ContextSelector/context-selector.scss +6 -2
  11. package/components/DataList/data-list.css +2 -1
  12. package/components/DataList/data-list.scss +2 -1
  13. package/components/Drawer/drawer.css +13 -13
  14. package/components/Dropdown/dropdown.css +12 -10
  15. package/components/Dropdown/dropdown.scss +2 -0
  16. package/components/ExpandableSection/expandable-section.css +2 -0
  17. package/components/ExpandableSection/expandable-section.scss +2 -0
  18. package/components/Label/label.css +2 -0
  19. package/components/Label/label.scss +2 -0
  20. package/components/Login/login.css +1 -1
  21. package/components/Menu/menu.css +2 -0
  22. package/components/Menu/menu.scss +2 -0
  23. package/components/MenuToggle/menu-toggle.css +2 -0
  24. package/components/MenuToggle/menu-toggle.scss +2 -0
  25. package/components/Page/page.css +60 -60
  26. package/components/Pagination/pagination.css +2 -2
  27. package/components/SearchInput/search-input.css +2 -0
  28. package/components/SearchInput/search-input.scss +2 -0
  29. package/components/Table/table-grid.css +28 -28
  30. package/components/Table/table-tree-view.css +4 -4
  31. package/components/TextInputGroup/text-input-group.css +4 -2
  32. package/components/TextInputGroup/text-input-group.scss +4 -3
  33. package/components/Toolbar/toolbar.css +35 -35
  34. package/components/TreeView/tree-view.css +7 -15
  35. package/components/TreeView/tree-view.scss +7 -18
  36. package/components/Wizard/wizard.css +2 -0
  37. package/components/Wizard/wizard.scss +2 -0
  38. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  39. package/docs/components/Accordion/examples/Accordion.md +12 -12
  40. package/docs/components/ActionList/examples/ActionList.md +6 -6
  41. package/docs/components/Alert/examples/Alert.md +19 -19
  42. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  43. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  44. package/docs/components/Avatar/examples/Avatar.md +11 -11
  45. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  46. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  47. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  48. package/docs/components/Badge/examples/Badge.md +5 -5
  49. package/docs/components/Banner/examples/Banner.md +8 -8
  50. package/docs/components/Brand/examples/Brand.md +9 -9
  51. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  52. package/docs/components/Button/examples/Button.md +35 -35
  53. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  54. package/docs/components/Card/examples/Card.md +27 -27
  55. package/docs/components/Check/examples/Check.md +13 -13
  56. package/docs/components/Chip/examples/Chip.md +13 -13
  57. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -15
  58. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  59. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  60. package/docs/components/CodeEditor/examples/CodeEditor.md +56 -33
  61. package/docs/components/Content/examples/Content.md +10 -10
  62. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  63. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  64. package/docs/components/DataList/examples/DataList.md +83 -83
  65. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  66. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  67. package/docs/components/Divider/examples/Divider.md +10 -10
  68. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  69. package/docs/components/Drawer/examples/Drawer.md +43 -43
  70. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  71. package/docs/components/Dropdown/examples/Dropdown.md +50 -50
  72. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  73. package/docs/components/EmptyState/examples/EmptyState.md +19 -19
  74. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  75. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  76. package/docs/components/Form/examples/Form.md +64 -64
  77. package/docs/components/FormControl/examples/FormControl.md +20 -20
  78. package/docs/components/HelperText/examples/HelperText.md +12 -12
  79. package/docs/components/Hint/examples/Hint.md +7 -7
  80. package/docs/components/Icon/examples/Icon.md +10 -10
  81. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  82. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  83. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  84. package/docs/components/Label/examples/Label.md +31 -31
  85. package/docs/components/LabelGroup/examples/LabelGroup.md +22 -22
  86. package/docs/components/List/examples/List.md +18 -18
  87. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  88. package/docs/components/Login/examples/Login.md +32 -32
  89. package/docs/components/Masthead/examples/masthead.md +9 -9
  90. package/docs/components/Menu/examples/Menu.md +81 -79
  91. package/docs/components/MenuToggle/examples/MenuToggle.md +24 -24
  92. package/docs/components/ModalBox/examples/ModalBox.md +35 -35
  93. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  94. package/docs/components/Nav/examples/Navigation.md +69 -69
  95. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  96. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  97. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  98. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  99. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  100. package/docs/components/Page/examples/Page.md +54 -54
  101. package/docs/components/Pagination/examples/Pagination.md +27 -27
  102. package/docs/components/Panel/examples/Panel.md +10 -10
  103. package/docs/components/Popover/examples/Popover.md +34 -34
  104. package/docs/components/Progress/examples/Progress.md +31 -31
  105. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  106. package/docs/components/Radio/examples/Radio.md +11 -11
  107. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  108. package/docs/components/Select/examples/Select.md +143 -143
  109. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  110. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  111. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  112. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  113. package/docs/components/Slider/examples/Slider.md +24 -24
  114. package/docs/components/Spinner/examples/Spinner.md +24 -24
  115. package/docs/components/Switch/examples/Switch.md +19 -19
  116. package/docs/components/TabContent/examples/TabContent.md +13 -13
  117. package/docs/components/Table/examples/Table.md +155 -155
  118. package/docs/components/Tabs/examples/Tabs.md +47 -47
  119. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  120. package/docs/components/Tile/examples/Tile.md +15 -15
  121. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  122. package/docs/components/Title/examples/Title.md +17 -17
  123. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  124. package/docs/components/Toolbar/examples/Toolbar.md +113 -113
  125. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  126. package/docs/components/TreeView/examples/TreeView.md +34 -34
  127. package/docs/components/Truncate/examples/Truncate.md +4 -4
  128. package/docs/components/Wizard/examples/Wizard.md +59 -59
  129. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  130. package/docs/demos/Alert/examples/Alert.md +13 -13
  131. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  132. package/docs/demos/Banner/examples/Banner.md +8 -8
  133. package/docs/demos/Card/examples/Card.md +7 -7
  134. package/docs/demos/CardView/examples/CardView.md +7 -7
  135. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  136. package/docs/demos/Dashboard/examples/Dashboard.md +9 -5
  137. package/docs/demos/DataList/examples/DataList.md +22 -22
  138. package/docs/demos/DescriptionList/examples/DescriptionList.md +12 -12
  139. package/docs/demos/Drawer/examples/Drawer.md +20 -20
  140. package/docs/demos/HelperText/examples/HelperText.md +8 -8
  141. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  142. package/docs/demos/Masthead/examples/Masthead.md +29 -29
  143. package/docs/demos/Modal/examples/Modal.md +24 -24
  144. package/docs/demos/Nav/examples/Nav.md +47 -47
  145. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  146. package/docs/demos/Page/examples/Page.md +36 -36
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -32
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +36 -36
  149. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  150. package/docs/demos/Table/examples/Table.md +78 -78
  151. package/docs/demos/Tabs/examples/Tabs.md +25 -25
  152. package/docs/demos/Toolbar/examples/Toolbar.md +16 -16
  153. package/docs/demos/Wizard/examples/Wizard.md +54 -54
  154. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  155. package/docs/layouts/Flex/examples/Flex.md +98 -98
  156. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  157. package/docs/layouts/Grid/examples/Grid.md +9 -9
  158. package/docs/layouts/Level/examples/Level.md +5 -5
  159. package/docs/layouts/Split/examples/Split.md +7 -7
  160. package/docs/layouts/Stack/examples/Stack.md +6 -6
  161. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  162. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  163. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  164. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  165. package/docs/utilities/Display/examples/Display.md +11 -11
  166. package/docs/utilities/Flex/examples/Flex.md +34 -34
  167. package/docs/utilities/Float/examples/Float.md +4 -4
  168. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  169. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  170. package/docs/utilities/Text/examples/Text.md +27 -27
  171. package/icons/{pf-icons.json → pf-icons.mjs} +1 -1
  172. package/layouts/Grid/grid.css +5 -5
  173. package/package.json +56 -61
  174. package/patternfly-no-reset.css +196 -177
  175. package/patternfly.css +196 -177
  176. package/patternfly.min.css +1 -1
  177. package/patternfly.min.css.map +1 -1
package/docs/demos/ContextSelector/examples/ContextSelector.md CHANGED
@@ -85,7 +85,7 @@ section: components
85
85
  </div>
86
86
  </div>
87
87
  </div>
88
- <ul class="pf-c-context-selector__menu-list">
88
+ <ul class="pf-c-context-selector__menu-list" role="list">
89
89
  <li>
90
90
  <a
91
91
  class="pf-c-context-selector__menu-list-item"
@@ -189,7 +189,7 @@ section: components
189
189
  id="context-selector-in-masthead-primary-nav"
190
190
  aria-label="Global"
191
191
  >
192
- <ul class="pf-c-nav__list">
192
+ <ul class="pf-c-nav__list" role="list">
193
193
  <li class="pf-c-nav__item">
194
194
  <a href="#" class="pf-c-nav__link">System panel</a>
195
195
  </li>
@@ -221,7 +221,7 @@ section: components
221
221
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
222
222
  <div class="pf-c-page__main-body">
223
223
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
224
- <ol class="pf-c-breadcrumb__list">
224
+ <ol class="pf-c-breadcrumb__list" role="list">
225
225
  <li class="pf-c-breadcrumb__item">
226
226
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
227
227
  </li>
@@ -398,7 +398,7 @@ section: components
398
398
  </div>
399
399
  <section class="pf-c-app-launcher__group">
400
400
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
401
- <ul>
401
+ <ul role="list">
402
402
  <li
403
403
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
404
404
  >
@@ -450,7 +450,7 @@ section: components
450
450
  <hr class="pf-c-divider" />
451
451
  <section class="pf-c-app-launcher__group">
452
452
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
453
- <ul>
453
+ <ul role="list">
454
454
  <li
455
455
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
456
456
  >
@@ -1134,7 +1134,7 @@ section: components
1134
1134
  </div>
1135
1135
  </div>
1136
1136
  </div>
1137
- <ul class="pf-c-context-selector__menu-list">
1137
+ <ul class="pf-c-context-selector__menu-list" role="list">
1138
1138
  <li>
1139
1139
  <a class="pf-c-context-selector__menu-list-item" href="#">Link</a>
1140
1140
  </li>
@@ -1229,7 +1229,7 @@ section: components
1229
1229
  id="context-selector-in-sidebar-example-primary-nav"
1230
1230
  aria-label="Global"
1231
1231
  >
1232
- <ul class="pf-c-nav__list">
1232
+ <ul class="pf-c-nav__list" role="list">
1233
1233
  <li class="pf-c-nav__item">
1234
1234
  <a href="#" class="pf-c-nav__link">System panel</a>
1235
1235
  </li>
@@ -1261,7 +1261,7 @@ section: components
1261
1261
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1262
1262
  <div class="pf-c-page__main-body">
1263
1263
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1264
- <ol class="pf-c-breadcrumb__list">
1264
+ <ol class="pf-c-breadcrumb__list" role="list">
1265
1265
  <li class="pf-c-breadcrumb__item">
1266
1266
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1267
1267
  </li>
@@ -1438,7 +1438,7 @@ section: components
1438
1438
  </div>
1439
1439
  <section class="pf-c-app-launcher__group">
1440
1440
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1441
- <ul>
1441
+ <ul role="list">
1442
1442
  <li
1443
1443
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1444
1444
  >
@@ -1490,7 +1490,7 @@ section: components
1490
1490
  <hr class="pf-c-divider" />
1491
1491
  <section class="pf-c-app-launcher__group">
1492
1492
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1493
- <ul>
1493
+ <ul role="list">
1494
1494
  <li
1495
1495
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1496
1496
  >
@@ -2176,7 +2176,7 @@ section: components
2176
2176
  </div>
2177
2177
  </div>
2178
2178
  </div>
2179
- <ul class="pf-c-context-selector__menu-list">
2179
+ <ul class="pf-c-context-selector__menu-list" role="list">
2180
2180
  <li>
2181
2181
  <a class="pf-c-context-selector__menu-list-item" href="#">Link</a>
2182
2182
  </li>
@@ -2271,7 +2271,7 @@ section: components
2271
2271
  id="context-selector-in-sidebar-expanded-example-primary-nav"
2272
2272
  aria-label="Global"
2273
2273
  >
2274
- <ul class="pf-c-nav__list">
2274
+ <ul class="pf-c-nav__list" role="list">
2275
2275
  <li class="pf-c-nav__item">
2276
2276
  <a href="#" class="pf-c-nav__link">System panel</a>
2277
2277
  </li>
@@ -2303,7 +2303,7 @@ section: components
2303
2303
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2304
2304
  <div class="pf-c-page__main-body">
2305
2305
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2306
- <ol class="pf-c-breadcrumb__list">
2306
+ <ol class="pf-c-breadcrumb__list" role="list">
2307
2307
  <li class="pf-c-breadcrumb__item">
2308
2308
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2309
2309
  </li>
@@ -2480,7 +2480,7 @@ section: components
2480
2480
  </div>
2481
2481
  <section class="pf-c-app-launcher__group">
2482
2482
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2483
- <ul>
2483
+ <ul role="list">
2484
2484
  <li
2485
2485
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2486
2486
  >
@@ -2532,7 +2532,7 @@ section: components
2532
2532
  <hr class="pf-c-divider" />
2533
2533
  <section class="pf-c-app-launcher__group">
2534
2534
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2535
- <ul>
2535
+ <ul role="list">
2536
2536
  <li
2537
2537
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2538
2538
  >
@@ -3187,7 +3187,7 @@ section: components
3187
3187
  id="context-selector-in-page-content-example-primary-nav"
3188
3188
  aria-label="Global"
3189
3189
  >
3190
- <ul class="pf-c-nav__list">
3190
+ <ul class="pf-c-nav__list" role="list">
3191
3191
  <li class="pf-c-nav__item">
3192
3192
  <a href="#" class="pf-c-nav__link">System panel</a>
3193
3193
  </li>
@@ -3263,7 +3263,7 @@ section: components
3263
3263
  </div>
3264
3264
  </div>
3265
3265
  </div>
3266
- <ul class="pf-c-context-selector__menu-list">
3266
+ <ul class="pf-c-context-selector__menu-list" role="list">
3267
3267
  <li>
3268
3268
  <a
3269
3269
  class="pf-c-context-selector__menu-list-item"
@@ -3429,7 +3429,7 @@ section: components
3429
3429
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3430
3430
  <div class="pf-c-page__main-body">
3431
3431
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3432
- <ol class="pf-c-breadcrumb__list">
3432
+ <ol class="pf-c-breadcrumb__list" role="list">
3433
3433
  <li class="pf-c-breadcrumb__item">
3434
3434
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3435
3435
  </li>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -97,7 +97,7 @@ cssPrefix: pf-d-dashboard
97
97
  </div>
98
98
  <section class="pf-c-app-launcher__group">
99
99
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
100
- <ul>
100
+ <ul role="list">
101
101
  <li
102
102
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
103
103
  >
@@ -149,7 +149,7 @@ cssPrefix: pf-d-dashboard
149
149
  <hr class="pf-c-divider" />
150
150
  <section class="pf-c-app-launcher__group">
151
151
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
152
- <ul>
152
+ <ul role="list">
153
153
  <li
154
154
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
155
155
  >
@@ -800,7 +800,7 @@ cssPrefix: pf-d-dashboard
800
800
  <div class="pf-c-page__sidebar">
801
801
  <div class="pf-c-page__sidebar-body">
802
802
  <nav class="pf-c-nav" id="dashboard-demo-primary-nav" aria-label="Global">
803
- <ul class="pf-c-nav__list">
803
+ <ul class="pf-c-nav__list" role="list">
804
804
  <li class="pf-c-nav__item">
805
805
  <a href="#" class="pf-c-nav__link">System panel</a>
806
806
  </li>
@@ -828,7 +828,7 @@ cssPrefix: pf-d-dashboard
828
828
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
829
829
  <div class="pf-c-page__main-body">
830
830
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
831
- <ol class="pf-c-breadcrumb__list">
831
+ <ol class="pf-c-breadcrumb__list" role="list">
832
832
  <li class="pf-c-breadcrumb__item">
833
833
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
834
834
  </li>
@@ -1406,7 +1406,11 @@ cssPrefix: pf-d-dashboard
1406
1406
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1407
1407
  </span>
1408
1408
  </button>
1409
- <ul class="pf-c-notification-drawer__list" hidden>
1409
+ <ul
1410
+ class="pf-c-notification-drawer__list"
1411
+ role="list"
1412
+ hidden
1413
+ >
1410
1414
  <li
1411
1415
  class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-danger"
1412
1416
  tabindex="0"
package/docs/demos/DataList/examples/DataList.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="data-list-basic-example-primary-nav"
804
804
  aria-label="Global"
805
805
  >
806
- <ul class="pf-c-nav__list">
806
+ <ul class="pf-c-nav__list" role="list">
807
807
  <li class="pf-c-nav__item">
808
808
  <a href="#" class="pf-c-nav__link">System panel</a>
809
809
  </li>
@@ -835,7 +835,7 @@ wrapperTag: div
835
835
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
836
836
  <div class="pf-c-page__main-body">
837
837
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
838
- <ol class="pf-c-breadcrumb__list">
838
+ <ol class="pf-c-breadcrumb__list" role="list">
839
839
  <li class="pf-c-breadcrumb__item">
840
840
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
841
841
  </li>
@@ -963,7 +963,7 @@ wrapperTag: div
963
963
  </div>
964
964
  </div>
965
965
  </div>
966
- <ul class="pf-c-context-selector__menu-list">
966
+ <ul class="pf-c-context-selector__menu-list" role="list">
967
967
  <li>My project</li>
968
968
  <li>OpenShift cluster</li>
969
969
  <li>Production Ansible</li>
@@ -1614,7 +1614,7 @@ wrapperTag: div
1614
1614
  </div>
1615
1615
  <section class="pf-c-app-launcher__group">
1616
1616
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1617
- <ul>
1617
+ <ul role="list">
1618
1618
  <li
1619
1619
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1620
1620
  >
@@ -1666,7 +1666,7 @@ wrapperTag: div
1666
1666
  <hr class="pf-c-divider" />
1667
1667
  <section class="pf-c-app-launcher__group">
1668
1668
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1669
- <ul>
1669
+ <ul role="list">
1670
1670
  <li
1671
1671
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1672
1672
  >
@@ -2321,7 +2321,7 @@ wrapperTag: div
2321
2321
  id="data-list-actionable-example-primary-nav"
2322
2322
  aria-label="Global"
2323
2323
  >
2324
- <ul class="pf-c-nav__list">
2324
+ <ul class="pf-c-nav__list" role="list">
2325
2325
  <li class="pf-c-nav__item">
2326
2326
  <a href="#" class="pf-c-nav__link">System panel</a>
2327
2327
  </li>
@@ -2353,7 +2353,7 @@ wrapperTag: div
2353
2353
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2354
2354
  <div class="pf-c-page__main-body">
2355
2355
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2356
- <ol class="pf-c-breadcrumb__list">
2356
+ <ol class="pf-c-breadcrumb__list" role="list">
2357
2357
  <li class="pf-c-breadcrumb__item">
2358
2358
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2359
2359
  </li>
@@ -2500,7 +2500,7 @@ wrapperTag: div
2500
2500
  </div>
2501
2501
  </div>
2502
2502
  </div>
2503
- <ul class="pf-c-context-selector__menu-list">
2503
+ <ul class="pf-c-context-selector__menu-list" role="list">
2504
2504
  <li>My project</li>
2505
2505
  <li>OpenShift cluster</li>
2506
2506
  <li>Production Ansible</li>
@@ -3122,7 +3122,7 @@ wrapperTag: div
3122
3122
  </div>
3123
3123
  <section class="pf-c-app-launcher__group">
3124
3124
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3125
- <ul>
3125
+ <ul role="list">
3126
3126
  <li
3127
3127
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3128
3128
  >
@@ -3174,7 +3174,7 @@ wrapperTag: div
3174
3174
  <hr class="pf-c-divider" />
3175
3175
  <section class="pf-c-app-launcher__group">
3176
3176
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3177
- <ul>
3177
+ <ul role="list">
3178
3178
  <li
3179
3179
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3180
3180
  >
@@ -3829,7 +3829,7 @@ wrapperTag: div
3829
3829
  id="data-list-expandable-example-primary-nav"
3830
3830
  aria-label="Global"
3831
3831
  >
3832
- <ul class="pf-c-nav__list">
3832
+ <ul class="pf-c-nav__list" role="list">
3833
3833
  <li class="pf-c-nav__item">
3834
3834
  <a href="#" class="pf-c-nav__link">System panel</a>
3835
3835
  </li>
@@ -3861,7 +3861,7 @@ wrapperTag: div
3861
3861
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3862
3862
  <div class="pf-c-page__main-body">
3863
3863
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3864
- <ol class="pf-c-breadcrumb__list">
3864
+ <ol class="pf-c-breadcrumb__list" role="list">
3865
3865
  <li class="pf-c-breadcrumb__item">
3866
3866
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3867
3867
  </li>
@@ -4063,9 +4063,9 @@ wrapperTag: div
4063
4063
  </span>
4064
4064
  <input
4065
4065
  class="pf-c-text-input-group__text-input"
4066
- type="text"
4067
- value
4066
+ type="search"
4068
4067
  placeholder="Filter by name"
4068
+ value
4069
4069
  aria-label="Type to filter"
4070
4070
  />
4071
4071
  </span>
@@ -5256,7 +5256,7 @@ wrapperTag: div
5256
5256
  </div>
5257
5257
  <section class="pf-c-app-launcher__group">
5258
5258
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5259
- <ul>
5259
+ <ul role="list">
5260
5260
  <li
5261
5261
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5262
5262
  >
@@ -5308,7 +5308,7 @@ wrapperTag: div
5308
5308
  <hr class="pf-c-divider" />
5309
5309
  <section class="pf-c-app-launcher__group">
5310
5310
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5311
- <ul>
5311
+ <ul role="list">
5312
5312
  <li
5313
5313
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5314
5314
  >
@@ -5963,7 +5963,7 @@ wrapperTag: div
5963
5963
  id="data-list-static-bottom-example-primary-nav"
5964
5964
  aria-label="Global"
5965
5965
  >
5966
- <ul class="pf-c-nav__list">
5966
+ <ul class="pf-c-nav__list" role="list">
5967
5967
  <li class="pf-c-nav__item">
5968
5968
  <a href="#" class="pf-c-nav__link">System panel</a>
5969
5969
  </li>
@@ -5995,7 +5995,7 @@ wrapperTag: div
5995
5995
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5996
5996
  <div class="pf-c-page__main-body">
5997
5997
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5998
- <ol class="pf-c-breadcrumb__list">
5998
+ <ol class="pf-c-breadcrumb__list" role="list">
5999
5999
  <li class="pf-c-breadcrumb__item">
6000
6000
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6001
6001
  </li>
@@ -6136,9 +6136,9 @@ wrapperTag: div
6136
6136
  </span>
6137
6137
  <input
6138
6138
  class="pf-c-text-input-group__text-input"
6139
- type="text"
6140
- value
6139
+ type="search"
6141
6140
  placeholder="Filter by name"
6141
+ value
6142
6142
  aria-label="Type to filter"
6143
6143
  />
6144
6144
  </span>
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -96,7 +96,7 @@ cssPrefix: pf-d-description-list
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 @@ cssPrefix: pf-d-description-list
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 @@ cssPrefix: pf-d-description-list
803
803
  id="description-list-basic-example-primary-nav"
804
804
  aria-label="Global"
805
805
  >
806
- <ul class="pf-c-nav__list">
806
+ <ul class="pf-c-nav__list" role="list">
807
807
  <li class="pf-c-nav__item">
808
808
  <a href="#" class="pf-c-nav__link">System panel</a>
809
809
  </li>
@@ -835,7 +835,7 @@ cssPrefix: pf-d-description-list
835
835
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
836
836
  <div class="pf-c-page__main-body">
837
837
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
838
- <ol class="pf-c-breadcrumb__list">
838
+ <ol class="pf-c-breadcrumb__list" role="list">
839
839
  <li class="pf-c-breadcrumb__item">
840
840
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
841
841
  </li>
@@ -1070,7 +1070,7 @@ cssPrefix: pf-d-description-list
1070
1070
  </div>
1071
1071
  <section class="pf-c-app-launcher__group">
1072
1072
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1073
- <ul>
1073
+ <ul role="list">
1074
1074
  <li
1075
1075
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1076
1076
  >
@@ -1122,7 +1122,7 @@ cssPrefix: pf-d-description-list
1122
1122
  <hr class="pf-c-divider" />
1123
1123
  <section class="pf-c-app-launcher__group">
1124
1124
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1125
- <ul>
1125
+ <ul role="list">
1126
1126
  <li
1127
1127
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1128
1128
  >
@@ -1777,7 +1777,7 @@ cssPrefix: pf-d-description-list
1777
1777
  id="description-list-in-drawer-example-primary-nav"
1778
1778
  aria-label="Global"
1779
1779
  >
1780
- <ul class="pf-c-nav__list">
1780
+ <ul class="pf-c-nav__list" role="list">
1781
1781
  <li class="pf-c-nav__item">
1782
1782
  <a href="#" class="pf-c-nav__link">System panel</a>
1783
1783
  </li>
@@ -1814,7 +1814,7 @@ cssPrefix: pf-d-description-list
1814
1814
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1815
1815
  <div class="pf-c-page__main-body">
1816
1816
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1817
- <ol class="pf-c-breadcrumb__list">
1817
+ <ol class="pf-c-breadcrumb__list" role="list">
1818
1818
  <li class="pf-c-breadcrumb__item">
1819
1819
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1820
1820
  </li>
@@ -2329,7 +2329,7 @@ cssPrefix: pf-d-description-list
2329
2329
  </div>
2330
2330
  <section class="pf-c-app-launcher__group">
2331
2331
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2332
- <ul>
2332
+ <ul role="list">
2333
2333
  <li
2334
2334
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2335
2335
  >
@@ -2381,7 +2381,7 @@ cssPrefix: pf-d-description-list
2381
2381
  <hr class="pf-c-divider" />
2382
2382
  <section class="pf-c-app-launcher__group">
2383
2383
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2384
- <ul>
2384
+ <ul role="list">
2385
2385
  <li
2386
2386
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2387
2387
  >
@@ -3036,7 +3036,7 @@ cssPrefix: pf-d-description-list
3036
3036
  id="description-list-complex-content-example-primary-nav"
3037
3037
  aria-label="Global"
3038
3038
  >
3039
- <ul class="pf-c-nav__list">
3039
+ <ul class="pf-c-nav__list" role="list">
3040
3040
  <li class="pf-c-nav__item">
3041
3041
  <a href="#" class="pf-c-nav__link">System panel</a>
3042
3042
  </li>
@@ -3068,7 +3068,7 @@ cssPrefix: pf-d-description-list
3068
3068
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3069
3069
  <div class="pf-c-page__main-body">
3070
3070
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3071
- <ol class="pf-c-breadcrumb__list">
3071
+ <ol class="pf-c-breadcrumb__list" role="list">
3072
3072
  <li class="pf-c-breadcrumb__item">
3073
3073
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3074
3074
  </li>