@patternfly/patternfly 5.0.0-alpha.3 → 5.0.0-alpha.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (290) hide show
  1. package/RELEASE-NOTES.md +17 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/_base.scss +0 -18
  7. package/base/_chart-globals.scss +0 -4
  8. package/base/_common.scss +0 -22
  9. package/base/_fonts.scss +22 -22
  10. package/base/_globals.scss +1 -1
  11. package/base/_icons.scss +1 -28
  12. package/base/_svg-icons.scss +6 -0
  13. package/base/_variables.scss +1 -1
  14. package/base/patternfly-common.css +0 -10
  15. package/base/patternfly-fonts.css +17 -17
  16. package/base/patternfly-icons.css +6 -20
  17. package/base/patternfly-pf-icons.css +5 -1
  18. package/base/themes/dark/_globals.scss +1 -1
  19. package/base/themes/dark/_variables.scss +1 -1
  20. package/components/AboutModalBox/about-modal-box.css +7 -7
  21. package/components/AboutModalBox/about-modal-box.scss +7 -7
  22. package/components/Accordion/accordion.css +2 -0
  23. package/components/Accordion/accordion.scss +2 -0
  24. package/components/Alert/alert.css +3 -3
  25. package/components/Alert/alert.scss +3 -3
  26. package/components/AppLauncher/app-launcher.css +2 -0
  27. package/components/AppLauncher/app-launcher.scss +2 -0
  28. package/components/Avatar/avatar.scss +2 -2
  29. package/components/Banner/banner.css +14 -14
  30. package/components/Banner/banner.scss +9 -13
  31. package/components/Breadcrumb/breadcrumb.css +2 -0
  32. package/components/Breadcrumb/breadcrumb.scss +2 -0
  33. package/components/CalendarMonth/calendar-month.css +2 -2
  34. package/components/CalendarMonth/calendar-month.scss +3 -3
  35. package/components/Card/card.css +20 -21
  36. package/components/Card/card.scss +22 -26
  37. package/components/Chip/chip.css +33 -24
  38. package/components/Chip/chip.scss +40 -31
  39. package/components/ChipGroup/chip-group.css +27 -17
  40. package/components/ChipGroup/chip-group.scss +36 -22
  41. package/components/Content/content.css +11 -5
  42. package/components/Content/content.scss +17 -9
  43. package/components/ContextSelector/context-selector.css +5 -1
  44. package/components/ContextSelector/context-selector.scss +6 -2
  45. package/components/DataList/data-list-grid.css +7 -7
  46. package/components/DataList/data-list-grid.scss +1 -1
  47. package/components/DataList/data-list.css +12 -11
  48. package/components/DataList/data-list.scss +5 -4
  49. package/components/DescriptionList/description-list.css +7 -7
  50. package/components/DescriptionList/description-list.scss +7 -7
  51. package/components/Divider/divider.css +2 -2
  52. package/components/Divider/divider.scss +3 -3
  53. package/components/Drawer/drawer.css +15 -16
  54. package/components/Drawer/drawer.scss +2 -3
  55. package/components/Dropdown/dropdown.css +12 -10
  56. package/components/Dropdown/dropdown.scss +2 -0
  57. package/components/DualListSelector/dual-list-selector.css +1 -1
  58. package/components/DualListSelector/dual-list-selector.scss +1 -1
  59. package/components/EmptyState/empty-state.css +46 -52
  60. package/components/EmptyState/empty-state.scss +58 -57
  61. package/components/ExpandableSection/expandable-section.css +2 -0
  62. package/components/ExpandableSection/expandable-section.scss +2 -0
  63. package/components/Form/form.css +12 -12
  64. package/components/Form/form.scss +7 -7
  65. package/components/FormControl/form-control.css +2 -5
  66. package/components/FormControl/themes/dark/form-control.scss +2 -6
  67. package/components/Hint/hint.css +2 -2
  68. package/components/Hint/hint.scss +2 -2
  69. package/components/Label/label.css +43 -30
  70. package/components/Label/label.scss +49 -34
  71. package/components/LabelGroup/label-group.css +26 -22
  72. package/components/LabelGroup/label-group.scss +31 -26
  73. package/components/Login/login.css +11 -11
  74. package/components/Login/login.scss +10 -10
  75. package/components/Masthead/masthead.css +4 -4
  76. package/components/Masthead/masthead.scss +4 -4
  77. package/components/Menu/menu.css +9 -6
  78. package/components/Menu/menu.scss +34 -31
  79. package/components/MenuToggle/menu-toggle.css +3 -1
  80. package/components/MenuToggle/menu-toggle.scss +3 -1
  81. package/components/ModalBox/modal-box.css +9 -8
  82. package/components/ModalBox/modal-box.scss +11 -11
  83. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  84. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  85. package/components/Nav/nav.css +1 -1
  86. package/components/Nav/nav.scss +2 -2
  87. package/components/NotificationDrawer/notification-drawer.css +3 -3
  88. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  89. package/components/Page/page.css +71 -71
  90. package/components/Page/page.scss +12 -12
  91. package/components/Pagination/pagination.css +2 -2
  92. package/components/Popover/popover.css +25 -31
  93. package/components/Popover/popover.scss +27 -32
  94. package/components/Popover/themes/dark/popover.scss +2 -8
  95. package/components/Progress/progress.css +13 -10
  96. package/components/Progress/progress.scss +13 -10
  97. package/components/ProgressStepper/progress-stepper.css +5 -5
  98. package/components/ProgressStepper/progress-stepper.scss +5 -5
  99. package/components/SearchInput/search-input.css +4 -2
  100. package/components/SearchInput/search-input.scss +4 -2
  101. package/components/Select/select.css +1 -1
  102. package/components/Select/select.scss +1 -1
  103. package/components/Sidebar/sidebar.css +69 -26
  104. package/components/Sidebar/sidebar.scss +84 -27
  105. package/components/SimpleList/simple-list.css +1 -1
  106. package/components/SimpleList/simple-list.scss +2 -2
  107. package/components/Spinner/spinner.css +4 -4
  108. package/components/Spinner/spinner.scss +4 -4
  109. package/components/Table/table-grid.css +28 -28
  110. package/components/Table/table-scrollable.css +31 -26
  111. package/components/Table/table-scrollable.scss +33 -28
  112. package/components/Table/table-tree-view.css +14 -4
  113. package/components/Table/table-tree-view.scss +15 -0
  114. package/components/Table/table.css +7 -2
  115. package/components/Table/table.scss +9 -2
  116. package/components/Tabs/tabs.css +0 -4
  117. package/components/Tabs/tabs.scss +0 -7
  118. package/components/TextInputGroup/text-input-group.css +6 -4
  119. package/components/TextInputGroup/text-input-group.scss +6 -5
  120. package/components/Tile/tile.css +1 -1
  121. package/components/Tile/tile.scss +1 -1
  122. package/components/Timestamp/timestamp.css +3 -3
  123. package/components/Timestamp/timestamp.scss +3 -3
  124. package/components/Toolbar/toolbar.css +67 -39
  125. package/components/Toolbar/toolbar.scss +39 -5
  126. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  127. package/components/Tooltip/tooltip.css +7 -12
  128. package/components/Tooltip/tooltip.scss +6 -3
  129. package/components/TreeView/tree-view.css +7 -15
  130. package/components/TreeView/tree-view.scss +7 -18
  131. package/components/Wizard/wizard.css +16 -1
  132. package/components/Wizard/wizard.scss +20 -2
  133. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  134. package/docs/components/Accordion/examples/Accordion.md +12 -12
  135. package/docs/components/ActionList/examples/ActionList.md +6 -6
  136. package/docs/components/Alert/examples/Alert.md +19 -19
  137. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  138. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  139. package/docs/components/Avatar/examples/Avatar.md +11 -11
  140. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  141. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  142. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  143. package/docs/components/Badge/examples/Badge.md +5 -5
  144. package/docs/components/Banner/examples/Banner.md +8 -8
  145. package/docs/components/Brand/examples/Brand.md +9 -9
  146. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  147. package/docs/components/Button/examples/Button.md +35 -35
  148. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  149. package/docs/components/Card/examples/Card.md +139 -64
  150. package/docs/components/Check/examples/Check.md +15 -19
  151. package/docs/components/Chip/examples/Chip.md +70 -52
  152. package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
  153. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  154. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  155. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  156. package/docs/components/Content/examples/Content.md +37 -9
  157. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  158. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  159. package/docs/components/DataList/examples/DataList.md +187 -148
  160. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  161. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  162. package/docs/components/Divider/examples/Divider.md +10 -10
  163. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  164. package/docs/components/Drawer/examples/Drawer.md +43 -43
  165. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  166. package/docs/components/Dropdown/examples/Dropdown.md +123 -99
  167. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  168. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  169. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  170. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  171. package/docs/components/Form/examples/Form.md +64 -64
  172. package/docs/components/FormControl/examples/FormControl.md +20 -20
  173. package/docs/components/HelperText/examples/HelperText.md +12 -12
  174. package/docs/components/Hint/examples/Hint.md +7 -7
  175. package/docs/components/Icon/examples/Icon.md +10 -10
  176. package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
  177. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  178. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  179. package/docs/components/Label/examples/Label.md +1427 -746
  180. package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
  181. package/docs/components/List/examples/List.md +18 -18
  182. package/docs/components/LogViewer/examples/LogViewer.md +79 -73
  183. package/docs/components/Login/examples/Login.md +32 -32
  184. package/docs/components/Masthead/examples/masthead.md +9 -9
  185. package/docs/components/Menu/examples/Menu.md +82 -80
  186. package/docs/components/MenuToggle/examples/MenuToggle.md +28 -28
  187. package/docs/components/ModalBox/examples/ModalBox.md +106 -85
  188. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  189. package/docs/components/Nav/examples/Navigation.md +69 -69
  190. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  191. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  192. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  193. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  194. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  195. package/docs/components/Page/examples/Page.md +54 -54
  196. package/docs/components/Pagination/examples/Pagination.md +27 -27
  197. package/docs/components/Panel/examples/Panel.md +10 -10
  198. package/docs/components/Popover/examples/Popover.md +201 -144
  199. package/docs/components/Progress/examples/Progress.md +31 -60
  200. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  201. package/docs/components/Radio/examples/Radio.md +11 -11
  202. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  203. package/docs/components/Select/examples/Select.md +367 -313
  204. package/docs/components/Sidebar/examples/Sidebar.md +70 -14
  205. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  206. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  207. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  208. package/docs/components/Slider/examples/Slider.md +24 -24
  209. package/docs/components/Spinner/examples/Spinner.md +24 -24
  210. package/docs/components/Switch/examples/Switch.md +19 -19
  211. package/docs/components/TabContent/examples/TabContent.md +13 -13
  212. package/docs/components/Table/examples/Table.css +4 -0
  213. package/docs/components/Table/examples/Table.md +3163 -1712
  214. package/docs/components/Tabs/examples/Tabs.md +149 -149
  215. package/docs/components/TextInputGroup/examples/TextInputGroup.md +362 -280
  216. package/docs/components/Tile/examples/Tile.md +15 -15
  217. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  218. package/docs/components/Title/examples/Title.md +17 -17
  219. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  220. package/docs/components/Toolbar/examples/Toolbar.md +471 -378
  221. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  222. package/docs/components/TreeView/examples/TreeView.md +34 -34
  223. package/docs/components/Truncate/examples/Truncate.md +4 -4
  224. package/docs/components/Wizard/examples/Wizard.md +119 -127
  225. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  226. package/docs/demos/Alert/examples/Alert.md +13 -13
  227. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  228. package/docs/demos/Banner/examples/Banner.md +8 -9
  229. package/docs/demos/Card/examples/Card.md +219 -156
  230. package/docs/demos/CardView/examples/CardView.md +56 -29
  231. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  232. package/docs/demos/Dashboard/examples/Dashboard.md +51 -35
  233. package/docs/demos/DataList/examples/DataList.md +160 -111
  234. package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
  235. package/docs/demos/Drawer/examples/Drawer.md +24 -22
  236. package/docs/demos/Form/examples/BasicForms.md +28 -22
  237. package/docs/demos/HelperText/examples/HelperText.md +8 -9
  238. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  239. package/docs/demos/Masthead/examples/Masthead.md +32 -35
  240. package/docs/demos/Modal/examples/Modal.md +54 -66
  241. package/docs/demos/Nav/examples/Nav.md +47 -47
  242. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  243. package/docs/demos/Page/examples/Page.md +37 -37
  244. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -33
  245. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +83 -67
  246. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  247. package/docs/demos/Table/examples/Table.md +2465 -478
  248. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  249. package/docs/demos/Toolbar/examples/Toolbar.md +1811 -177
  250. package/docs/demos/Wizard/examples/Wizard.md +289 -266
  251. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  252. package/docs/layouts/Flex/examples/Flex.md +98 -98
  253. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  254. package/docs/layouts/Grid/examples/Grid.md +9 -9
  255. package/docs/layouts/Level/examples/Level.md +5 -5
  256. package/docs/layouts/Split/examples/Split.md +7 -7
  257. package/docs/layouts/Stack/examples/Stack.md +6 -6
  258. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  259. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  260. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  261. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  262. package/docs/utilities/Display/examples/Display.md +11 -11
  263. package/docs/utilities/Flex/examples/Flex.md +34 -34
  264. package/docs/utilities/Float/examples/Float.md +4 -4
  265. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  266. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  267. package/docs/utilities/Text/examples/Text.md +27 -27
  268. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  269. package/layouts/Gallery/gallery.css +1 -1
  270. package/layouts/Gallery/gallery.scss +1 -1
  271. package/layouts/Grid/grid.css +7 -7
  272. package/layouts/Grid/grid.scss +2 -2
  273. package/package.json +59 -65
  274. package/patternfly-base-no-reset.css +23 -47
  275. package/patternfly-base.css +23 -47
  276. package/patternfly-no-reset.css +770 -652
  277. package/patternfly.css +770 -652
  278. package/patternfly.min.css +1 -1
  279. package/patternfly.min.css.map +1 -1
  280. package/sass-utilities/functions.scss +8 -24
  281. package/sass-utilities/mixins.scss +15 -39
  282. package/sass-utilities/scss-variables.scss +1 -1
  283. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  284. package/utilities/Spacing/spacing.scss +2 -2
  285. package/base/_shield-inheritable.scss +0 -69
  286. package/base/_shield-noninheritable.scss +0 -13
  287. package/base/patternfly-shield-inheritable.css +0 -66
  288. package/base/patternfly-shield-inheritable.scss +0 -4
  289. package/base/patternfly-shield-noninheritable.css +0 -9
  290. package/base/patternfly-shield-noninheritable.scss +0 -4
package/docs/demos/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>
@@ -922,13 +922,11 @@ section: components
922
922
  aria-labelledby="modal-title-modal-basic-example-modal"
923
923
  aria-describedby="modal-description-modal-basic-example-modal"
924
924
  >
925
- <button
926
- class="pf-c-button pf-m-plain"
927
- type="button"
928
- aria-label="Close dialog"
929
- >
930
- <i class="fas fa-times" aria-hidden="true"></i>
931
- </button>
925
+ <div class="pf-c-modal-box__close">
926
+ <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
927
+ <i class="fas fa-times" aria-hidden="true"></i>
928
+ </button>
929
+ </div>
932
930
  <header class="pf-c-modal-box__header">
933
931
  <h1
934
932
  class="pf-c-modal-box__title"
@@ -1044,7 +1042,7 @@ section: components
1044
1042
  </div>
1045
1043
  <section class="pf-c-app-launcher__group">
1046
1044
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1047
- <ul>
1045
+ <ul role="list">
1048
1046
  <li
1049
1047
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1050
1048
  >
@@ -1096,7 +1094,7 @@ section: components
1096
1094
  <hr class="pf-c-divider" />
1097
1095
  <section class="pf-c-app-launcher__group">
1098
1096
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1099
- <ul>
1097
+ <ul role="list">
1100
1098
  <li
1101
1099
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1102
1100
  >
@@ -1751,7 +1749,7 @@ section: components
1751
1749
  id="modal-scrollable-content-example-primary-nav"
1752
1750
  aria-label="Global"
1753
1751
  >
1754
- <ul class="pf-c-nav__list">
1752
+ <ul class="pf-c-nav__list" role="list">
1755
1753
  <li class="pf-c-nav__item">
1756
1754
  <a href="#" class="pf-c-nav__link">System panel</a>
1757
1755
  </li>
@@ -1783,7 +1781,7 @@ section: components
1783
1781
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1784
1782
  <div class="pf-c-page__main-body">
1785
1783
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1786
- <ol class="pf-c-breadcrumb__list">
1784
+ <ol class="pf-c-breadcrumb__list" role="list">
1787
1785
  <li class="pf-c-breadcrumb__item">
1788
1786
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1789
1787
  </li>
@@ -1871,13 +1869,11 @@ section: components
1871
1869
  aria-labelledby="modal-scroll-title"
1872
1870
  aria-describedby="modal-scroll-description"
1873
1871
  >
1874
- <button
1875
- class="pf-c-button pf-m-plain"
1876
- type="button"
1877
- aria-label="Close dialog"
1878
- >
1879
- <i class="fas fa-times" aria-hidden="true"></i>
1880
- </button>
1872
+ <div class="pf-c-modal-box__close">
1873
+ <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
1874
+ <i class="fas fa-times" aria-hidden="true"></i>
1875
+ </button>
1876
+ </div>
1881
1877
  <header class="pf-c-modal-box__header">
1882
1878
  <h1
1883
1879
  class="pf-c-modal-box__title"
@@ -2002,7 +1998,7 @@ section: components
2002
1998
  </div>
2003
1999
  <section class="pf-c-app-launcher__group">
2004
2000
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2005
- <ul>
2001
+ <ul role="list">
2006
2002
  <li
2007
2003
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2008
2004
  >
@@ -2054,7 +2050,7 @@ section: components
2054
2050
  <hr class="pf-c-divider" />
2055
2051
  <section class="pf-c-app-launcher__group">
2056
2052
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2057
- <ul>
2053
+ <ul role="list">
2058
2054
  <li
2059
2055
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2060
2056
  >
@@ -2709,7 +2705,7 @@ section: components
2709
2705
  id="modal-medium-example-primary-nav"
2710
2706
  aria-label="Global"
2711
2707
  >
2712
- <ul class="pf-c-nav__list">
2708
+ <ul class="pf-c-nav__list" role="list">
2713
2709
  <li class="pf-c-nav__item">
2714
2710
  <a href="#" class="pf-c-nav__link">System panel</a>
2715
2711
  </li>
@@ -2741,7 +2737,7 @@ section: components
2741
2737
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2742
2738
  <div class="pf-c-page__main-body">
2743
2739
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2744
- <ol class="pf-c-breadcrumb__list">
2740
+ <ol class="pf-c-breadcrumb__list" role="list">
2745
2741
  <li class="pf-c-breadcrumb__item">
2746
2742
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2747
2743
  </li>
@@ -2829,13 +2825,11 @@ section: components
2829
2825
  aria-labelledby="modal-md-title"
2830
2826
  aria-describedby="modal-md-description"
2831
2827
  >
2832
- <button
2833
- class="pf-c-button pf-m-plain"
2834
- type="button"
2835
- aria-label="Close dialog"
2836
- >
2837
- <i class="fas fa-times" aria-hidden="true"></i>
2838
- </button>
2828
+ <div class="pf-c-modal-box__close">
2829
+ <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
2830
+ <i class="fas fa-times" aria-hidden="true"></i>
2831
+ </button>
2832
+ </div>
2839
2833
  <header class="pf-c-modal-box__header">
2840
2834
  <h1
2841
2835
  class="pf-c-modal-box__title"
@@ -2950,7 +2944,7 @@ section: components
2950
2944
  </div>
2951
2945
  <section class="pf-c-app-launcher__group">
2952
2946
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2953
- <ul>
2947
+ <ul role="list">
2954
2948
  <li
2955
2949
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2956
2950
  >
@@ -3002,7 +2996,7 @@ section: components
3002
2996
  <hr class="pf-c-divider" />
3003
2997
  <section class="pf-c-app-launcher__group">
3004
2998
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3005
- <ul>
2999
+ <ul role="list">
3006
3000
  <li
3007
3001
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3008
3002
  >
@@ -3657,7 +3651,7 @@ section: components
3657
3651
  id="modal-large-example-primary-nav"
3658
3652
  aria-label="Global"
3659
3653
  >
3660
- <ul class="pf-c-nav__list">
3654
+ <ul class="pf-c-nav__list" role="list">
3661
3655
  <li class="pf-c-nav__item">
3662
3656
  <a href="#" class="pf-c-nav__link">System panel</a>
3663
3657
  </li>
@@ -3689,7 +3683,7 @@ section: components
3689
3683
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3690
3684
  <div class="pf-c-page__main-body">
3691
3685
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3692
- <ol class="pf-c-breadcrumb__list">
3686
+ <ol class="pf-c-breadcrumb__list" role="list">
3693
3687
  <li class="pf-c-breadcrumb__item">
3694
3688
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3695
3689
  </li>
@@ -3777,13 +3771,11 @@ section: components
3777
3771
  aria-labelledby="modal-lg-title"
3778
3772
  aria-describedby="modal-lg-description"
3779
3773
  >
3780
- <button
3781
- class="pf-c-button pf-m-plain"
3782
- type="button"
3783
- aria-label="Close dialog"
3784
- >
3785
- <i class="fas fa-times" aria-hidden="true"></i>
3786
- </button>
3774
+ <div class="pf-c-modal-box__close">
3775
+ <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
3776
+ <i class="fas fa-times" aria-hidden="true"></i>
3777
+ </button>
3778
+ </div>
3787
3779
  <header class="pf-c-modal-box__header">
3788
3780
  <h1
3789
3781
  class="pf-c-modal-box__title"
@@ -3898,7 +3890,7 @@ section: components
3898
3890
  </div>
3899
3891
  <section class="pf-c-app-launcher__group">
3900
3892
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3901
- <ul>
3893
+ <ul role="list">
3902
3894
  <li
3903
3895
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3904
3896
  >
@@ -3950,7 +3942,7 @@ section: components
3950
3942
  <hr class="pf-c-divider" />
3951
3943
  <section class="pf-c-app-launcher__group">
3952
3944
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3953
- <ul>
3945
+ <ul role="list">
3954
3946
  <li
3955
3947
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3956
3948
  >
@@ -4605,7 +4597,7 @@ section: components
4605
4597
  id="modal-large-example-primary-nav"
4606
4598
  aria-label="Global"
4607
4599
  >
4608
- <ul class="pf-c-nav__list">
4600
+ <ul class="pf-c-nav__list" role="list">
4609
4601
  <li class="pf-c-nav__item">
4610
4602
  <a href="#" class="pf-c-nav__link">System panel</a>
4611
4603
  </li>
@@ -4637,7 +4629,7 @@ section: components
4637
4629
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4638
4630
  <div class="pf-c-page__main-body">
4639
4631
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4640
- <ol class="pf-c-breadcrumb__list">
4632
+ <ol class="pf-c-breadcrumb__list" role="list">
4641
4633
  <li class="pf-c-breadcrumb__item">
4642
4634
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4643
4635
  </li>
@@ -4725,13 +4717,11 @@ section: components
4725
4717
  aria-labelledby="modal-top-aligned-title"
4726
4718
  aria-describedby="modal-top-aligned-description"
4727
4719
  >
4728
- <button
4729
- class="pf-c-button pf-m-plain"
4730
- type="button"
4731
- aria-label="Close dialog"
4732
- >
4733
- <i class="fas fa-times" aria-hidden="true"></i>
4734
- </button>
4720
+ <div class="pf-c-modal-box__close">
4721
+ <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
4722
+ <i class="fas fa-times" aria-hidden="true"></i>
4723
+ </button>
4724
+ </div>
4735
4725
  <header class="pf-c-modal-box__header">
4736
4726
  <h1
4737
4727
  class="pf-c-modal-box__title"
@@ -4846,7 +4836,7 @@ section: components
4846
4836
  </div>
4847
4837
  <section class="pf-c-app-launcher__group">
4848
4838
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4849
- <ul>
4839
+ <ul role="list">
4850
4840
  <li
4851
4841
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4852
4842
  >
@@ -4898,7 +4888,7 @@ section: components
4898
4888
  <hr class="pf-c-divider" />
4899
4889
  <section class="pf-c-app-launcher__group">
4900
4890
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4901
- <ul>
4891
+ <ul role="list">
4902
4892
  <li
4903
4893
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4904
4894
  >
@@ -5553,7 +5543,7 @@ section: components
5553
5543
  id="modal-with-form-example-primary-nav"
5554
5544
  aria-label="Global"
5555
5545
  >
5556
- <ul class="pf-c-nav__list">
5546
+ <ul class="pf-c-nav__list" role="list">
5557
5547
  <li class="pf-c-nav__item">
5558
5548
  <a href="#" class="pf-c-nav__link">System panel</a>
5559
5549
  </li>
@@ -5585,7 +5575,7 @@ section: components
5585
5575
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5586
5576
  <div class="pf-c-page__main-body">
5587
5577
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5588
- <ol class="pf-c-breadcrumb__list">
5578
+ <ol class="pf-c-breadcrumb__list" role="list">
5589
5579
  <li class="pf-c-breadcrumb__item">
5590
5580
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
5591
5581
  </li>
@@ -5673,13 +5663,11 @@ section: components
5673
5663
  aria-labelledby="modal-title-"
5674
5664
  aria-describedby="modal-description-"
5675
5665
  >
5676
- <button
5677
- class="pf-c-button pf-m-plain"
5678
- type="button"
5679
- aria-label="Close dialog"
5680
- >
5681
- <i class="fas fa-times" aria-hidden="true"></i>
5682
- </button>
5666
+ <div class="pf-c-modal-box__close">
5667
+ <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
5668
+ <i class="fas fa-times" aria-hidden="true"></i>
5669
+ </button>
5670
+ </div>
5683
5671
  <header class="pf-c-modal-box__header">
5684
5672
  <h1 class="pf-c-modal-box__title" id="modal-title-">Create account</h1>
5685
5673
  </header>