@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
@@ -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="wizard-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>
@@ -960,7 +960,7 @@ wrapperTag: div
960
960
  <div class="pf-c-wizard__outer-wrap">
961
961
  <div class="pf-c-wizard__inner-wrap">
962
962
  <nav class="pf-c-wizard__nav" aria-label="Steps">
963
- <ol class="pf-c-wizard__nav-list">
963
+ <ol class="pf-c-wizard__nav-list" role="list">
964
964
  <li class="pf-c-wizard__nav-item">
965
965
  <button class="pf-c-wizard__nav-link">Information</button>
966
966
  </li>
@@ -968,7 +968,7 @@ wrapperTag: div
968
968
  <button
969
969
  class="pf-c-wizard__nav-link pf-m-current"
970
970
  >Configuration</button>
971
- <ol class="pf-c-wizard__nav-list">
971
+ <ol class="pf-c-wizard__nav-list" role="list">
972
972
  <li class="pf-c-wizard__nav-item">
973
973
  <button class="pf-c-wizard__nav-link">Substep A</button>
974
974
  </li>
@@ -1228,7 +1228,7 @@ wrapperTag: div
1228
1228
  </div>
1229
1229
  <section class="pf-c-app-launcher__group">
1230
1230
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1231
- <ul>
1231
+ <ul role="list">
1232
1232
  <li
1233
1233
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1234
1234
  >
@@ -1280,7 +1280,7 @@ wrapperTag: div
1280
1280
  <hr class="pf-c-divider" />
1281
1281
  <section class="pf-c-app-launcher__group">
1282
1282
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1283
- <ul>
1283
+ <ul role="list">
1284
1284
  <li
1285
1285
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1286
1286
  >
@@ -1935,7 +1935,7 @@ wrapperTag: div
1935
1935
  id="wizard-nav-expanded-example-primary-nav"
1936
1936
  aria-label="Global"
1937
1937
  >
1938
- <ul class="pf-c-nav__list">
1938
+ <ul class="pf-c-nav__list" role="list">
1939
1939
  <li class="pf-c-nav__item">
1940
1940
  <a href="#" class="pf-c-nav__link">System panel</a>
1941
1941
  </li>
@@ -1967,7 +1967,7 @@ wrapperTag: div
1967
1967
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1968
1968
  <div class="pf-c-page__main-body">
1969
1969
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1970
- <ol class="pf-c-breadcrumb__list">
1970
+ <ol class="pf-c-breadcrumb__list" role="list">
1971
1971
  <li class="pf-c-breadcrumb__item">
1972
1972
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1973
1973
  </li>
@@ -2092,7 +2092,7 @@ wrapperTag: div
2092
2092
  <div class="pf-c-wizard__outer-wrap">
2093
2093
  <div class="pf-c-wizard__inner-wrap">
2094
2094
  <nav class="pf-c-wizard__nav pf-m-expanded" aria-label="Steps">
2095
- <ol class="pf-c-wizard__nav-list">
2095
+ <ol class="pf-c-wizard__nav-list" role="list">
2096
2096
  <li class="pf-c-wizard__nav-item">
2097
2097
  <button class="pf-c-wizard__nav-link">Information</button>
2098
2098
  </li>
@@ -2100,7 +2100,7 @@ wrapperTag: div
2100
2100
  <button
2101
2101
  class="pf-c-wizard__nav-link pf-m-current"
2102
2102
  >Configuration</button>
2103
- <ol class="pf-c-wizard__nav-list">
2103
+ <ol class="pf-c-wizard__nav-list" role="list">
2104
2104
  <li class="pf-c-wizard__nav-item">
2105
2105
  <button class="pf-c-wizard__nav-link">Substep A</button>
2106
2106
  </li>
@@ -2360,7 +2360,7 @@ wrapperTag: div
2360
2360
  </div>
2361
2361
  <section class="pf-c-app-launcher__group">
2362
2362
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2363
- <ul>
2363
+ <ul role="list">
2364
2364
  <li
2365
2365
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2366
2366
  >
@@ -2412,7 +2412,7 @@ wrapperTag: div
2412
2412
  <hr class="pf-c-divider" />
2413
2413
  <section class="pf-c-app-launcher__group">
2414
2414
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2415
- <ul>
2415
+ <ul role="list">
2416
2416
  <li
2417
2417
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2418
2418
  >
@@ -3067,7 +3067,7 @@ wrapperTag: div
3067
3067
  id="wizard-with-drawer-closed-example-primary-nav"
3068
3068
  aria-label="Global"
3069
3069
  >
3070
- <ul class="pf-c-nav__list">
3070
+ <ul class="pf-c-nav__list" role="list">
3071
3071
  <li class="pf-c-nav__item">
3072
3072
  <a href="#" class="pf-c-nav__link">System panel</a>
3073
3073
  </li>
@@ -3099,7 +3099,7 @@ wrapperTag: div
3099
3099
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3100
3100
  <div class="pf-c-page__main-body">
3101
3101
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3102
- <ol class="pf-c-breadcrumb__list">
3102
+ <ol class="pf-c-breadcrumb__list" role="list">
3103
3103
  <li class="pf-c-breadcrumb__item">
3104
3104
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3105
3105
  </li>
@@ -3224,7 +3224,7 @@ wrapperTag: div
3224
3224
  <div class="pf-c-wizard__outer-wrap">
3225
3225
  <div class="pf-c-wizard__inner-wrap">
3226
3226
  <nav class="pf-c-wizard__nav" aria-label="Steps">
3227
- <ol class="pf-c-wizard__nav-list">
3227
+ <ol class="pf-c-wizard__nav-list" role="list">
3228
3228
  <li class="pf-c-wizard__nav-item">
3229
3229
  <button class="pf-c-wizard__nav-link">Information</button>
3230
3230
  </li>
@@ -3232,7 +3232,7 @@ wrapperTag: div
3232
3232
  <button
3233
3233
  class="pf-c-wizard__nav-link pf-m-current"
3234
3234
  >Configuration</button>
3235
- <ol class="pf-c-wizard__nav-list">
3235
+ <ol class="pf-c-wizard__nav-list" role="list">
3236
3236
  <li class="pf-c-wizard__nav-item">
3237
3237
  <button class="pf-c-wizard__nav-link">Substep A</button>
3238
3238
  </li>
@@ -3570,7 +3570,7 @@ wrapperTag: div
3570
3570
  </div>
3571
3571
  <section class="pf-c-app-launcher__group">
3572
3572
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3573
- <ul>
3573
+ <ul role="list">
3574
3574
  <li
3575
3575
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3576
3576
  >
@@ -3622,7 +3622,7 @@ wrapperTag: div
3622
3622
  <hr class="pf-c-divider" />
3623
3623
  <section class="pf-c-app-launcher__group">
3624
3624
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3625
- <ul>
3625
+ <ul role="list">
3626
3626
  <li
3627
3627
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3628
3628
  >
@@ -4277,7 +4277,7 @@ wrapperTag: div
4277
4277
  id="wizard-with-drawer-expanded-example-primary-nav"
4278
4278
  aria-label="Global"
4279
4279
  >
4280
- <ul class="pf-c-nav__list">
4280
+ <ul class="pf-c-nav__list" role="list">
4281
4281
  <li class="pf-c-nav__item">
4282
4282
  <a href="#" class="pf-c-nav__link">System panel</a>
4283
4283
  </li>
@@ -4309,7 +4309,7 @@ wrapperTag: div
4309
4309
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4310
4310
  <div class="pf-c-page__main-body">
4311
4311
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4312
- <ol class="pf-c-breadcrumb__list">
4312
+ <ol class="pf-c-breadcrumb__list" role="list">
4313
4313
  <li class="pf-c-breadcrumb__item">
4314
4314
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4315
4315
  </li>
@@ -4434,7 +4434,7 @@ wrapperTag: div
4434
4434
  <div class="pf-c-wizard__outer-wrap">
4435
4435
  <div class="pf-c-wizard__inner-wrap">
4436
4436
  <nav class="pf-c-wizard__nav" aria-label="Steps">
4437
- <ol class="pf-c-wizard__nav-list">
4437
+ <ol class="pf-c-wizard__nav-list" role="list">
4438
4438
  <li class="pf-c-wizard__nav-item">
4439
4439
  <button class="pf-c-wizard__nav-link">Information</button>
4440
4440
  </li>
@@ -4442,7 +4442,7 @@ wrapperTag: div
4442
4442
  <button
4443
4443
  class="pf-c-wizard__nav-link pf-m-current"
4444
4444
  >Configuration</button>
4445
- <ol class="pf-c-wizard__nav-list">
4445
+ <ol class="pf-c-wizard__nav-list" role="list">
4446
4446
  <li class="pf-c-wizard__nav-item">
4447
4447
  <button class="pf-c-wizard__nav-link">Substep A</button>
4448
4448
  </li>
@@ -4774,7 +4774,7 @@ wrapperTag: div
4774
4774
  </div>
4775
4775
  <section class="pf-c-app-launcher__group">
4776
4776
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4777
- <ul>
4777
+ <ul role="list">
4778
4778
  <li
4779
4779
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4780
4780
  >
@@ -4826,7 +4826,7 @@ wrapperTag: div
4826
4826
  <hr class="pf-c-divider" />
4827
4827
  <section class="pf-c-app-launcher__group">
4828
4828
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4829
- <ul>
4829
+ <ul role="list">
4830
4830
  <li
4831
4831
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4832
4832
  >
@@ -5481,7 +5481,7 @@ wrapperTag: div
5481
5481
  id="wizard-with-drawer-info-example-primary-nav"
5482
5482
  aria-label="Global"
5483
5483
  >
5484
- <ul class="pf-c-nav__list">
5484
+ <ul class="pf-c-nav__list" role="list">
5485
5485
  <li class="pf-c-nav__item">
5486
5486
  <a href="#" class="pf-c-nav__link">System panel</a>
5487
5487
  </li>
@@ -5513,7 +5513,7 @@ wrapperTag: div
5513
5513
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5514
5514
  <div class="pf-c-page__main-body">
5515
5515
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5516
- <ol class="pf-c-breadcrumb__list">
5516
+ <ol class="pf-c-breadcrumb__list" role="list">
5517
5517
  <li class="pf-c-breadcrumb__item">
5518
5518
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
5519
5519
  </li>
@@ -5638,7 +5638,7 @@ wrapperTag: div
5638
5638
  <div class="pf-c-wizard__outer-wrap">
5639
5639
  <div class="pf-c-wizard__inner-wrap">
5640
5640
  <nav class="pf-c-wizard__nav" aria-label="Steps">
5641
- <ol class="pf-c-wizard__nav-list">
5641
+ <ol class="pf-c-wizard__nav-list" role="list">
5642
5642
  <li class="pf-c-wizard__nav-item">
5643
5643
  <button class="pf-c-wizard__nav-link">Information</button>
5644
5644
  </li>
@@ -5646,7 +5646,7 @@ wrapperTag: div
5646
5646
  <button
5647
5647
  class="pf-c-wizard__nav-link pf-m-current"
5648
5648
  >Configuration</button>
5649
- <ol class="pf-c-wizard__nav-list">
5649
+ <ol class="pf-c-wizard__nav-list" role="list">
5650
5650
  <li class="pf-c-wizard__nav-item">
5651
5651
  <button class="pf-c-wizard__nav-link">Substep A</button>
5652
5652
  </li>
@@ -5851,7 +5851,7 @@ wrapperTag: div
5851
5851
  </div>
5852
5852
  <section class="pf-c-app-launcher__group">
5853
5853
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5854
- <ul>
5854
+ <ul role="list">
5855
5855
  <li
5856
5856
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5857
5857
  >
@@ -5903,7 +5903,7 @@ wrapperTag: div
5903
5903
  <hr class="pf-c-divider" />
5904
5904
  <section class="pf-c-app-launcher__group">
5905
5905
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5906
- <ul>
5906
+ <ul role="list">
5907
5907
  <li
5908
5908
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5909
5909
  >
@@ -6558,7 +6558,7 @@ wrapperTag: div
6558
6558
  id="wizard-in-page-example-primary-nav"
6559
6559
  aria-label="Global"
6560
6560
  >
6561
- <ul class="pf-c-nav__list">
6561
+ <ul class="pf-c-nav__list" role="list">
6562
6562
  <li class="pf-c-nav__item">
6563
6563
  <a href="#" class="pf-c-nav__link">System panel</a>
6564
6564
  </li>
@@ -6590,7 +6590,7 @@ wrapperTag: div
6590
6590
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6591
6591
  <div class="pf-c-page__main-body">
6592
6592
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6593
- <ol class="pf-c-breadcrumb__list">
6593
+ <ol class="pf-c-breadcrumb__list" role="list">
6594
6594
  <li class="pf-c-breadcrumb__item">
6595
6595
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6596
6596
  </li>
@@ -6656,7 +6656,7 @@ wrapperTag: div
6656
6656
  <div class="pf-c-wizard__outer-wrap">
6657
6657
  <div class="pf-c-wizard__inner-wrap">
6658
6658
  <nav class="pf-c-wizard__nav" aria-label="Steps">
6659
- <ol class="pf-c-wizard__nav-list">
6659
+ <ol class="pf-c-wizard__nav-list" role="list">
6660
6660
  <li class="pf-c-wizard__nav-item">
6661
6661
  <button class="pf-c-wizard__nav-link">Information</button>
6662
6662
  </li>
@@ -6664,7 +6664,7 @@ wrapperTag: div
6664
6664
  <button
6665
6665
  class="pf-c-wizard__nav-link pf-m-current"
6666
6666
  >Configuration</button>
6667
- <ol class="pf-c-wizard__nav-list">
6667
+ <ol class="pf-c-wizard__nav-list" role="list">
6668
6668
  <li class="pf-c-wizard__nav-item">
6669
6669
  <button class="pf-c-wizard__nav-link">Substep A</button>
6670
6670
  </li>
@@ -6945,7 +6945,7 @@ wrapperTag: div
6945
6945
  </div>
6946
6946
  <section class="pf-c-app-launcher__group">
6947
6947
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
6948
- <ul>
6948
+ <ul role="list">
6949
6949
  <li
6950
6950
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
6951
6951
  >
@@ -6997,7 +6997,7 @@ wrapperTag: div
6997
6997
  <hr class="pf-c-divider" />
6998
6998
  <section class="pf-c-app-launcher__group">
6999
6999
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
7000
- <ul>
7000
+ <ul role="list">
7001
7001
  <li
7002
7002
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
7003
7003
  >
@@ -7652,7 +7652,7 @@ wrapperTag: div
7652
7652
  id="in-page-nav-expanded-example-primary-nav"
7653
7653
  aria-label="Global"
7654
7654
  >
7655
- <ul class="pf-c-nav__list">
7655
+ <ul class="pf-c-nav__list" role="list">
7656
7656
  <li class="pf-c-nav__item">
7657
7657
  <a href="#" class="pf-c-nav__link">System panel</a>
7658
7658
  </li>
@@ -7684,7 +7684,7 @@ wrapperTag: div
7684
7684
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
7685
7685
  <div class="pf-c-page__main-body">
7686
7686
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
7687
- <ol class="pf-c-breadcrumb__list">
7687
+ <ol class="pf-c-breadcrumb__list" role="list">
7688
7688
  <li class="pf-c-breadcrumb__item">
7689
7689
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
7690
7690
  </li>
@@ -7750,7 +7750,7 @@ wrapperTag: div
7750
7750
  <div class="pf-c-wizard__outer-wrap">
7751
7751
  <div class="pf-c-wizard__inner-wrap">
7752
7752
  <nav class="pf-c-wizard__nav pf-m-expanded" aria-label="Steps">
7753
- <ol class="pf-c-wizard__nav-list">
7753
+ <ol class="pf-c-wizard__nav-list" role="list">
7754
7754
  <li class="pf-c-wizard__nav-item">
7755
7755
  <button class="pf-c-wizard__nav-link">Information</button>
7756
7756
  </li>
@@ -7758,7 +7758,7 @@ wrapperTag: div
7758
7758
  <button
7759
7759
  class="pf-c-wizard__nav-link pf-m-current"
7760
7760
  >Configuration</button>
7761
- <ol class="pf-c-wizard__nav-list">
7761
+ <ol class="pf-c-wizard__nav-list" role="list">
7762
7762
  <li class="pf-c-wizard__nav-item">
7763
7763
  <button class="pf-c-wizard__nav-link">Substep A</button>
7764
7764
  </li>
@@ -8021,7 +8021,7 @@ wrapperTag: div
8021
8021
  </div>
8022
8022
  <section class="pf-c-app-launcher__group">
8023
8023
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
8024
- <ul>
8024
+ <ul role="list">
8025
8025
  <li
8026
8026
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
8027
8027
  >
@@ -8073,7 +8073,7 @@ wrapperTag: div
8073
8073
  <hr class="pf-c-divider" />
8074
8074
  <section class="pf-c-app-launcher__group">
8075
8075
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
8076
- <ul>
8076
+ <ul role="list">
8077
8077
  <li
8078
8078
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
8079
8079
  >
@@ -8728,7 +8728,7 @@ wrapperTag: div
8728
8728
  id="wizard-with-drawer-in-page-example-primary-nav"
8729
8729
  aria-label="Global"
8730
8730
  >
8731
- <ul class="pf-c-nav__list">
8731
+ <ul class="pf-c-nav__list" role="list">
8732
8732
  <li class="pf-c-nav__item">
8733
8733
  <a href="#" class="pf-c-nav__link">System panel</a>
8734
8734
  </li>
@@ -8760,7 +8760,7 @@ wrapperTag: div
8760
8760
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
8761
8761
  <div class="pf-c-page__main-body">
8762
8762
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
8763
- <ol class="pf-c-breadcrumb__list">
8763
+ <ol class="pf-c-breadcrumb__list" role="list">
8764
8764
  <li class="pf-c-breadcrumb__item">
8765
8765
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
8766
8766
  </li>
@@ -8826,7 +8826,7 @@ wrapperTag: div
8826
8826
  <div class="pf-c-wizard__outer-wrap">
8827
8827
  <div class="pf-c-wizard__inner-wrap">
8828
8828
  <nav class="pf-c-wizard__nav" aria-label="Steps">
8829
- <ol class="pf-c-wizard__nav-list">
8829
+ <ol class="pf-c-wizard__nav-list" role="list">
8830
8830
  <li class="pf-c-wizard__nav-item">
8831
8831
  <button class="pf-c-wizard__nav-link">Information</button>
8832
8832
  </li>
@@ -8834,7 +8834,7 @@ wrapperTag: div
8834
8834
  <button
8835
8835
  class="pf-c-wizard__nav-link pf-m-current"
8836
8836
  >Configuration</button>
8837
- <ol class="pf-c-wizard__nav-list">
8837
+ <ol class="pf-c-wizard__nav-list" role="list">
8838
8838
  <li class="pf-c-wizard__nav-item">
8839
8839
  <button class="pf-c-wizard__nav-link">Substep A</button>
8840
8840
  </li>
@@ -9166,7 +9166,7 @@ wrapperTag: div
9166
9166
  </div>
9167
9167
  <section class="pf-c-app-launcher__group">
9168
9168
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
9169
- <ul>
9169
+ <ul role="list">
9170
9170
  <li
9171
9171
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
9172
9172
  >
@@ -9218,7 +9218,7 @@ wrapperTag: div
9218
9218
  <hr class="pf-c-divider" />
9219
9219
  <section class="pf-c-app-launcher__group">
9220
9220
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
9221
- <ul>
9221
+ <ul role="list">
9222
9222
  <li
9223
9223
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
9224
9224
  >
@@ -9873,7 +9873,7 @@ wrapperTag: div
9873
9873
  id="wizard-with-drawer-in-page-expanded-example-primary-nav"
9874
9874
  aria-label="Global"
9875
9875
  >
9876
- <ul class="pf-c-nav__list">
9876
+ <ul class="pf-c-nav__list" role="list">
9877
9877
  <li class="pf-c-nav__item">
9878
9878
  <a href="#" class="pf-c-nav__link">System panel</a>
9879
9879
  </li>
@@ -9905,7 +9905,7 @@ wrapperTag: div
9905
9905
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
9906
9906
  <div class="pf-c-page__main-body">
9907
9907
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
9908
- <ol class="pf-c-breadcrumb__list">
9908
+ <ol class="pf-c-breadcrumb__list" role="list">
9909
9909
  <li class="pf-c-breadcrumb__item">
9910
9910
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
9911
9911
  </li>
@@ -9971,7 +9971,7 @@ wrapperTag: div
9971
9971
  <div class="pf-c-wizard__outer-wrap">
9972
9972
  <div class="pf-c-wizard__inner-wrap">
9973
9973
  <nav class="pf-c-wizard__nav" aria-label="Steps">
9974
- <ol class="pf-c-wizard__nav-list">
9974
+ <ol class="pf-c-wizard__nav-list" role="list">
9975
9975
  <li class="pf-c-wizard__nav-item">
9976
9976
  <button class="pf-c-wizard__nav-link">Information</button>
9977
9977
  </li>
@@ -9979,7 +9979,7 @@ wrapperTag: div
9979
9979
  <button
9980
9980
  class="pf-c-wizard__nav-link pf-m-current"
9981
9981
  >Configuration</button>
9982
- <ol class="pf-c-wizard__nav-list">
9982
+ <ol class="pf-c-wizard__nav-list" role="list">
9983
9983
  <li class="pf-c-wizard__nav-item">
9984
9984
  <button class="pf-c-wizard__nav-link">Substep A</button>
9985
9985
  </li>
@@ -23,7 +23,7 @@ The bullseye layout is designed to center a single child element horizontally an
23
23
 
24
24
  ### Usage
25
25
 
26
- | Class | Applied to | Outcome |
27
- | ---------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
28
- | `.pf-l-bullseye` | `<div>` | Initializes the bullseye layout. A bullseye can only have one child. |
29
- | `.pf-l-bullseye__item` | `<div>` | Explicitly sets the child for the bullseye. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
26
+ | Class | Applied to | Outcome |
27
+ | -- | -- | -- |
28
+ | `.pf-l-bullseye` | `<div>` | Initializes the bullseye layout. A bullseye can only have one child. |
29
+ | `.pf-l-bullseye__item` | `<div>` | Explicitly sets the child for the bullseye. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |