@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/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>
@@ -773,9 +773,9 @@ wrapperTag: div
773
773
  </span>
774
774
  <input
775
775
  class="pf-c-text-input-group__text-input"
776
- type="text"
777
- value
776
+ type="search"
778
777
  placeholder="Filter by name"
778
+ value
779
779
  aria-label="Type to filter"
780
780
  />
781
781
  </span>
@@ -848,7 +848,7 @@ wrapperTag: div
848
848
  id="masthead-toolbar-filters-example-primary-nav"
849
849
  aria-label="Global"
850
850
  >
851
- <ul class="pf-c-nav__list">
851
+ <ul class="pf-c-nav__list" role="list">
852
852
  <li class="pf-c-nav__item">
853
853
  <a href="#" class="pf-c-nav__link">System panel</a>
854
854
  </li>
@@ -880,7 +880,7 @@ wrapperTag: div
880
880
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
881
881
  <div class="pf-c-page__main-body">
882
882
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
883
- <ol class="pf-c-breadcrumb__list">
883
+ <ol class="pf-c-breadcrumb__list" role="list">
884
884
  <li class="pf-c-breadcrumb__item">
885
885
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
886
886
  </li>
@@ -1107,9 +1107,9 @@ wrapperTag: div
1107
1107
  </span>
1108
1108
  <input
1109
1109
  class="pf-c-text-input-group__text-input"
1110
- type="text"
1111
- value
1110
+ type="search"
1112
1111
  placeholder="Filter by name"
1112
+ value
1113
1113
  aria-label="Type to filter"
1114
1114
  />
1115
1115
  </span>
@@ -1182,7 +1182,7 @@ wrapperTag: div
1182
1182
  id="masthead-toggle-group-filters-example-primary-nav"
1183
1183
  aria-label="Global"
1184
1184
  >
1185
- <ul class="pf-c-nav__list">
1185
+ <ul class="pf-c-nav__list" role="list">
1186
1186
  <li class="pf-c-nav__item">
1187
1187
  <a href="#" class="pf-c-nav__link">System panel</a>
1188
1188
  </li>
@@ -1214,7 +1214,7 @@ wrapperTag: div
1214
1214
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1215
1215
  <div class="pf-c-page__main-body">
1216
1216
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1217
- <ol class="pf-c-breadcrumb__list">
1217
+ <ol class="pf-c-breadcrumb__list" role="list">
1218
1218
  <li class="pf-c-breadcrumb__item">
1219
1219
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1220
1220
  </li>
@@ -1369,7 +1369,7 @@ wrapperTag: div
1369
1369
  id="masthead-expandable-search-example-primary-nav"
1370
1370
  aria-label="Global"
1371
1371
  >
1372
- <ul class="pf-c-nav__list">
1372
+ <ul class="pf-c-nav__list" role="list">
1373
1373
  <li class="pf-c-nav__item">
1374
1374
  <a href="#" class="pf-c-nav__link">System panel</a>
1375
1375
  </li>
@@ -1401,7 +1401,7 @@ wrapperTag: div
1401
1401
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1402
1402
  <div class="pf-c-page__main-body">
1403
1403
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1404
- <ol class="pf-c-breadcrumb__list">
1404
+ <ol class="pf-c-breadcrumb__list" role="list">
1405
1405
  <li class="pf-c-breadcrumb__item">
1406
1406
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1407
1407
  </li>
@@ -1572,7 +1572,7 @@ wrapperTag: div
1572
1572
  id="masthead-expandable-search-expanded-example-primary-nav"
1573
1573
  aria-label="Global"
1574
1574
  >
1575
- <ul class="pf-c-nav__list">
1575
+ <ul class="pf-c-nav__list" role="list">
1576
1576
  <li class="pf-c-nav__item">
1577
1577
  <a href="#" class="pf-c-nav__link">System panel</a>
1578
1578
  </li>
@@ -1604,7 +1604,7 @@ wrapperTag: div
1604
1604
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1605
1605
  <div class="pf-c-page__main-body">
1606
1606
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1607
- <ol class="pf-c-breadcrumb__list">
1607
+ <ol class="pf-c-breadcrumb__list" role="list">
1608
1608
  <li class="pf-c-breadcrumb__item">
1609
1609
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1610
1610
  </li>
@@ -1781,7 +1781,7 @@ wrapperTag: div
1781
1781
  </div>
1782
1782
  <section class="pf-c-app-launcher__group">
1783
1783
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1784
- <ul>
1784
+ <ul role="list">
1785
1785
  <li
1786
1786
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1787
1787
  >
@@ -1833,7 +1833,7 @@ wrapperTag: div
1833
1833
  <hr class="pf-c-divider" />
1834
1834
  <section class="pf-c-app-launcher__group">
1835
1835
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1836
- <ul>
1836
+ <ul role="list">
1837
1837
  <li
1838
1838
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1839
1839
  >
@@ -2488,7 +2488,7 @@ wrapperTag: div
2488
2488
  id="masthead-advanced-with-menu-example-primary-nav"
2489
2489
  aria-label="Global"
2490
2490
  >
2491
- <ul class="pf-c-nav__list">
2491
+ <ul class="pf-c-nav__list" role="list">
2492
2492
  <li class="pf-c-nav__item">
2493
2493
  <a href="#" class="pf-c-nav__link">System panel</a>
2494
2494
  </li>
@@ -2520,7 +2520,7 @@ wrapperTag: div
2520
2520
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2521
2521
  <div class="pf-c-page__main-body">
2522
2522
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2523
- <ol class="pf-c-breadcrumb__list">
2523
+ <ol class="pf-c-breadcrumb__list" role="list">
2524
2524
  <li class="pf-c-breadcrumb__item">
2525
2525
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2526
2526
  </li>
@@ -2654,7 +2654,7 @@ wrapperTag: div
2654
2654
  >
2655
2655
  <i class="fas fa-angle-left" aria-hidden="true"></i>
2656
2656
  </button>
2657
- <ul class="pf-c-nav__list">
2657
+ <ul class="pf-c-nav__list" role="list">
2658
2658
  <li class="pf-c-nav__item">
2659
2659
  <a href="#" class="pf-c-nav__link">Horizontal nav item 1</a>
2660
2660
  </li>
@@ -2730,7 +2730,7 @@ wrapperTag: div
2730
2730
  </div>
2731
2731
  <section class="pf-c-app-launcher__group">
2732
2732
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2733
- <ul>
2733
+ <ul role="list">
2734
2734
  <li
2735
2735
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2736
2736
  >
@@ -2782,7 +2782,7 @@ wrapperTag: div
2782
2782
  <hr class="pf-c-divider" />
2783
2783
  <section class="pf-c-app-launcher__group">
2784
2784
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2785
- <ul>
2785
+ <ul role="list">
2786
2786
  <li
2787
2787
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2788
2788
  >
@@ -3438,7 +3438,7 @@ wrapperTag: div
3438
3438
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3439
3439
  <div class="pf-c-page__main-body">
3440
3440
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3441
- <ol class="pf-c-breadcrumb__list">
3441
+ <ol class="pf-c-breadcrumb__list" role="list">
3442
3442
  <li class="pf-c-breadcrumb__item">
3443
3443
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3444
3444
  </li>
@@ -3720,9 +3720,9 @@ wrapperTag: div
3720
3720
  </span>
3721
3721
  <input
3722
3722
  class="pf-c-text-input-group__text-input"
3723
- type="text"
3724
- value
3723
+ type="search"
3725
3724
  placeholder="Filter by name"
3725
+ value
3726
3726
  aria-label="Type to filter"
3727
3727
  />
3728
3728
  </span>
@@ -3742,7 +3742,7 @@ wrapperTag: div
3742
3742
  id="masthead-toggle-group-filters-expanded-mobile-example-primary-nav"
3743
3743
  aria-label="Global"
3744
3744
  >
3745
- <ul class="pf-c-nav__list">
3745
+ <ul class="pf-c-nav__list" role="list">
3746
3746
  <li class="pf-c-nav__item">
3747
3747
  <a href="#" class="pf-c-nav__link">System panel</a>
3748
3748
  </li>
@@ -3774,7 +3774,7 @@ wrapperTag: div
3774
3774
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3775
3775
  <div class="pf-c-page__main-body">
3776
3776
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3777
- <ol class="pf-c-breadcrumb__list">
3777
+ <ol class="pf-c-breadcrumb__list" role="list">
3778
3778
  <li class="pf-c-breadcrumb__item">
3779
3779
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3780
3780
  </li>
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -95,7 +95,7 @@ section: components
95
95
  </div>
96
96
  <section class="pf-c-app-launcher__group">
97
97
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
98
- <ul>
98
+ <ul role="list">
99
99
  <li
100
100
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
101
101
  >
@@ -147,7 +147,7 @@ section: components
147
147
  <hr class="pf-c-divider" />
148
148
  <section class="pf-c-app-launcher__group">
149
149
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
150
- <ul>
150
+ <ul role="list">
151
151
  <li
152
152
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
153
153
  >
@@ -802,7 +802,7 @@ section: components
802
802
  id="modal-basic-example-primary-nav"
803
803
  aria-label="Global"
804
804
  >
805
- <ul class="pf-c-nav__list">
805
+ <ul class="pf-c-nav__list" role="list">
806
806
  <li class="pf-c-nav__item">
807
807
  <a href="#" class="pf-c-nav__link">System panel</a>
808
808
  </li>
@@ -834,7 +834,7 @@ section: components
834
834
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
835
835
  <div class="pf-c-page__main-body">
836
836
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
837
- <ol class="pf-c-breadcrumb__list">
837
+ <ol class="pf-c-breadcrumb__list" role="list">
838
838
  <li class="pf-c-breadcrumb__item">
839
839
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
840
840
  </li>
@@ -1044,7 +1044,7 @@ section: components
1044
1044
  </div>
1045
1045
  <section class="pf-c-app-launcher__group">
1046
1046
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1047
- <ul>
1047
+ <ul role="list">
1048
1048
  <li
1049
1049
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1050
1050
  >
@@ -1096,7 +1096,7 @@ section: components
1096
1096
  <hr class="pf-c-divider" />
1097
1097
  <section class="pf-c-app-launcher__group">
1098
1098
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1099
- <ul>
1099
+ <ul role="list">
1100
1100
  <li
1101
1101
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1102
1102
  >
@@ -1751,7 +1751,7 @@ section: components
1751
1751
  id="modal-scrollable-content-example-primary-nav"
1752
1752
  aria-label="Global"
1753
1753
  >
1754
- <ul class="pf-c-nav__list">
1754
+ <ul class="pf-c-nav__list" role="list">
1755
1755
  <li class="pf-c-nav__item">
1756
1756
  <a href="#" class="pf-c-nav__link">System panel</a>
1757
1757
  </li>
@@ -1783,7 +1783,7 @@ section: components
1783
1783
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1784
1784
  <div class="pf-c-page__main-body">
1785
1785
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1786
- <ol class="pf-c-breadcrumb__list">
1786
+ <ol class="pf-c-breadcrumb__list" role="list">
1787
1787
  <li class="pf-c-breadcrumb__item">
1788
1788
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1789
1789
  </li>
@@ -2002,7 +2002,7 @@ section: components
2002
2002
  </div>
2003
2003
  <section class="pf-c-app-launcher__group">
2004
2004
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2005
- <ul>
2005
+ <ul role="list">
2006
2006
  <li
2007
2007
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2008
2008
  >
@@ -2054,7 +2054,7 @@ section: components
2054
2054
  <hr class="pf-c-divider" />
2055
2055
  <section class="pf-c-app-launcher__group">
2056
2056
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2057
- <ul>
2057
+ <ul role="list">
2058
2058
  <li
2059
2059
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2060
2060
  >
@@ -2709,7 +2709,7 @@ section: components
2709
2709
  id="modal-medium-example-primary-nav"
2710
2710
  aria-label="Global"
2711
2711
  >
2712
- <ul class="pf-c-nav__list">
2712
+ <ul class="pf-c-nav__list" role="list">
2713
2713
  <li class="pf-c-nav__item">
2714
2714
  <a href="#" class="pf-c-nav__link">System panel</a>
2715
2715
  </li>
@@ -2741,7 +2741,7 @@ section: components
2741
2741
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2742
2742
  <div class="pf-c-page__main-body">
2743
2743
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2744
- <ol class="pf-c-breadcrumb__list">
2744
+ <ol class="pf-c-breadcrumb__list" role="list">
2745
2745
  <li class="pf-c-breadcrumb__item">
2746
2746
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2747
2747
  </li>
@@ -2950,7 +2950,7 @@ section: components
2950
2950
  </div>
2951
2951
  <section class="pf-c-app-launcher__group">
2952
2952
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2953
- <ul>
2953
+ <ul role="list">
2954
2954
  <li
2955
2955
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2956
2956
  >
@@ -3002,7 +3002,7 @@ section: components
3002
3002
  <hr class="pf-c-divider" />
3003
3003
  <section class="pf-c-app-launcher__group">
3004
3004
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3005
- <ul>
3005
+ <ul role="list">
3006
3006
  <li
3007
3007
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3008
3008
  >
@@ -3657,7 +3657,7 @@ section: components
3657
3657
  id="modal-large-example-primary-nav"
3658
3658
  aria-label="Global"
3659
3659
  >
3660
- <ul class="pf-c-nav__list">
3660
+ <ul class="pf-c-nav__list" role="list">
3661
3661
  <li class="pf-c-nav__item">
3662
3662
  <a href="#" class="pf-c-nav__link">System panel</a>
3663
3663
  </li>
@@ -3689,7 +3689,7 @@ section: components
3689
3689
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3690
3690
  <div class="pf-c-page__main-body">
3691
3691
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3692
- <ol class="pf-c-breadcrumb__list">
3692
+ <ol class="pf-c-breadcrumb__list" role="list">
3693
3693
  <li class="pf-c-breadcrumb__item">
3694
3694
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3695
3695
  </li>
@@ -3898,7 +3898,7 @@ section: components
3898
3898
  </div>
3899
3899
  <section class="pf-c-app-launcher__group">
3900
3900
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3901
- <ul>
3901
+ <ul role="list">
3902
3902
  <li
3903
3903
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3904
3904
  >
@@ -3950,7 +3950,7 @@ section: components
3950
3950
  <hr class="pf-c-divider" />
3951
3951
  <section class="pf-c-app-launcher__group">
3952
3952
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3953
- <ul>
3953
+ <ul role="list">
3954
3954
  <li
3955
3955
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3956
3956
  >
@@ -4605,7 +4605,7 @@ section: components
4605
4605
  id="modal-large-example-primary-nav"
4606
4606
  aria-label="Global"
4607
4607
  >
4608
- <ul class="pf-c-nav__list">
4608
+ <ul class="pf-c-nav__list" role="list">
4609
4609
  <li class="pf-c-nav__item">
4610
4610
  <a href="#" class="pf-c-nav__link">System panel</a>
4611
4611
  </li>
@@ -4637,7 +4637,7 @@ section: components
4637
4637
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4638
4638
  <div class="pf-c-page__main-body">
4639
4639
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4640
- <ol class="pf-c-breadcrumb__list">
4640
+ <ol class="pf-c-breadcrumb__list" role="list">
4641
4641
  <li class="pf-c-breadcrumb__item">
4642
4642
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4643
4643
  </li>
@@ -4846,7 +4846,7 @@ section: components
4846
4846
  </div>
4847
4847
  <section class="pf-c-app-launcher__group">
4848
4848
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4849
- <ul>
4849
+ <ul role="list">
4850
4850
  <li
4851
4851
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4852
4852
  >
@@ -4898,7 +4898,7 @@ section: components
4898
4898
  <hr class="pf-c-divider" />
4899
4899
  <section class="pf-c-app-launcher__group">
4900
4900
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4901
- <ul>
4901
+ <ul role="list">
4902
4902
  <li
4903
4903
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4904
4904
  >
@@ -5553,7 +5553,7 @@ section: components
5553
5553
  id="modal-with-form-example-primary-nav"
5554
5554
  aria-label="Global"
5555
5555
  >
5556
- <ul class="pf-c-nav__list">
5556
+ <ul class="pf-c-nav__list" role="list">
5557
5557
  <li class="pf-c-nav__item">
5558
5558
  <a href="#" class="pf-c-nav__link">System panel</a>
5559
5559
  </li>
@@ -5585,7 +5585,7 @@ section: components
5585
5585
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5586
5586
  <div class="pf-c-page__main-body">
5587
5587
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5588
- <ol class="pf-c-breadcrumb__list">
5588
+ <ol class="pf-c-breadcrumb__list" role="list">
5589
5589
  <li class="pf-c-breadcrumb__item">
5590
5590
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
5591
5591
  </li>