@patternfly/patternfly 5.0.0-alpha.4 → 5.0.0-alpha.40

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 (340) hide show
  1. package/RELEASE-NOTES.md +18 -1
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/images/pfbg-icon.svg +1 -0
  4. package/assets/pficon/pficon.scss +7 -2
  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/_fa-icons.scss +1 -2
  10. package/base/_fonts.scss +22 -27
  11. package/base/_globals.scss +92 -86
  12. package/base/_icons.scss +1 -28
  13. package/base/_svg-icons.scss +6 -0
  14. package/base/_variables.scss +4 -4
  15. package/base/patternfly-common.css +0 -10
  16. package/base/patternfly-fa-icons.css +1 -1
  17. package/base/patternfly-fonts.css +17 -17
  18. package/base/patternfly-globals.css +35 -41
  19. package/base/patternfly-icons.css +8 -22
  20. package/base/patternfly-pf-icons.css +6 -2
  21. package/base/patternfly-themes.css +0 -42
  22. package/base/patternfly-variables.css +3 -3
  23. package/base/themes/dark/_globals.scss +1 -1
  24. package/base/themes/dark/_variables.scss +1 -1
  25. package/components/AboutModalBox/about-modal-box.css +20 -50
  26. package/components/AboutModalBox/about-modal-box.scss +22 -14
  27. package/components/Accordion/accordion.css +2 -0
  28. package/components/Accordion/accordion.scss +2 -0
  29. package/components/Alert/alert.css +17 -8
  30. package/components/Alert/alert.scss +21 -7
  31. package/components/Alert/themes/dark/alert.scss +1 -1
  32. package/components/AppLauncher/app-launcher.css +2 -0
  33. package/components/AppLauncher/app-launcher.scss +2 -0
  34. package/components/Avatar/avatar.scss +2 -2
  35. package/components/BackgroundImage/background-image.css +8 -35
  36. package/components/BackgroundImage/background-image.scss +17 -43
  37. package/components/Banner/banner.css +14 -52
  38. package/components/Banner/banner.scss +9 -13
  39. package/components/Breadcrumb/breadcrumb.css +2 -0
  40. package/components/Breadcrumb/breadcrumb.scss +2 -0
  41. package/components/CalendarMonth/calendar-month.css +2 -2
  42. package/components/CalendarMonth/calendar-month.scss +3 -3
  43. package/components/Card/card.css +115 -50
  44. package/components/Card/card.scss +164 -63
  45. package/components/Chip/chip.css +33 -24
  46. package/components/Chip/chip.scss +40 -31
  47. package/components/ChipGroup/chip-group.css +27 -17
  48. package/components/ChipGroup/chip-group.scss +36 -22
  49. package/components/Content/content.css +11 -5
  50. package/components/Content/content.scss +17 -9
  51. package/components/ContextSelector/context-selector.css +13 -6
  52. package/components/ContextSelector/context-selector.scss +14 -7
  53. package/components/DataList/data-list-grid.css +7 -7
  54. package/components/DataList/data-list-grid.scss +1 -1
  55. package/components/DataList/data-list.css +46 -40
  56. package/components/DataList/data-list.scss +37 -28
  57. package/components/DatePicker/date-picker.css +0 -8
  58. package/components/DatePicker/date-picker.scss +0 -9
  59. package/components/DescriptionList/description-list.css +7 -7
  60. package/components/DescriptionList/description-list.scss +7 -7
  61. package/components/Divider/divider.css +2 -2
  62. package/components/Divider/divider.scss +3 -3
  63. package/components/Drawer/drawer.css +15 -16
  64. package/components/Drawer/drawer.scss +2 -3
  65. package/components/Dropdown/dropdown.css +26 -25
  66. package/components/Dropdown/dropdown.scss +17 -18
  67. package/components/DualListSelector/dual-list-selector.css +1 -1
  68. package/components/DualListSelector/dual-list-selector.scss +1 -1
  69. package/components/EmptyState/empty-state.css +46 -52
  70. package/components/EmptyState/empty-state.scss +58 -57
  71. package/components/ExpandableSection/expandable-section.css +2 -0
  72. package/components/ExpandableSection/expandable-section.scss +2 -0
  73. package/components/Form/form.css +14 -12
  74. package/components/Form/form.scss +9 -7
  75. package/components/FormControl/form-control.css +2 -5
  76. package/components/FormControl/themes/dark/form-control.scss +2 -6
  77. package/components/HelperText/helper-text.css +4 -0
  78. package/components/HelperText/helper-text.scss +5 -0
  79. package/components/Hint/hint.css +2 -2
  80. package/components/Hint/hint.scss +2 -2
  81. package/components/Icon/icon.css +3 -3
  82. package/components/Icon/icon.scss +3 -3
  83. package/components/InputGroup/input-group.css +61 -85
  84. package/components/InputGroup/input-group.scss +55 -61
  85. package/components/InputGroup/themes/dark/input-group.scss +11 -25
  86. package/components/Label/label.css +49 -36
  87. package/components/Label/label.scss +53 -38
  88. package/components/Label/themes/dark/label.scss +2 -2
  89. package/components/LabelGroup/label-group.css +26 -22
  90. package/components/LabelGroup/label-group.scss +31 -26
  91. package/components/LogViewer/log-viewer.css +0 -38
  92. package/components/Login/login.css +20 -60
  93. package/components/Login/login.scss +16 -18
  94. package/components/Login/themes/dark/login.scss +4 -0
  95. package/components/Masthead/masthead.css +4 -42
  96. package/components/Masthead/masthead.scss +4 -4
  97. package/components/Menu/menu.css +9 -6
  98. package/components/Menu/menu.scss +34 -31
  99. package/components/MenuToggle/menu-toggle.css +3 -1
  100. package/components/MenuToggle/menu-toggle.scss +3 -1
  101. package/components/ModalBox/modal-box.css +12 -11
  102. package/components/ModalBox/modal-box.scss +14 -14
  103. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  104. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  105. package/components/Nav/nav.css +1 -1
  106. package/components/Nav/nav.scss +2 -2
  107. package/components/NotificationDrawer/notification-drawer.css +8 -8
  108. package/components/NotificationDrawer/notification-drawer.scss +8 -8
  109. package/components/OptionsMenu/options-menu.css +8 -10
  110. package/components/OptionsMenu/options-menu.scss +9 -11
  111. package/components/Page/page.css +101 -122
  112. package/components/Page/page.scss +49 -21
  113. package/components/Pagination/pagination.css +2 -110
  114. package/components/Pagination/pagination.scss +0 -6
  115. package/components/Popover/popover.css +31 -37
  116. package/components/Popover/popover.scss +32 -37
  117. package/components/Popover/themes/dark/popover.scss +3 -9
  118. package/components/Progress/progress.css +13 -10
  119. package/components/Progress/progress.scss +13 -10
  120. package/components/ProgressStepper/progress-stepper.css +5 -5
  121. package/components/ProgressStepper/progress-stepper.scss +5 -5
  122. package/components/SearchInput/search-input.css +4 -2
  123. package/components/SearchInput/search-input.scss +4 -2
  124. package/components/Select/select.css +1 -1
  125. package/components/Select/select.scss +1 -1
  126. package/components/Sidebar/sidebar.css +69 -26
  127. package/components/Sidebar/sidebar.scss +84 -27
  128. package/components/SimpleList/simple-list.css +1 -1
  129. package/components/SimpleList/simple-list.scss +2 -2
  130. package/components/Spinner/spinner.css +4 -4
  131. package/components/Spinner/spinner.scss +4 -4
  132. package/components/Table/table-grid.css +28 -28
  133. package/components/Table/table-scrollable.css +31 -26
  134. package/components/Table/table-scrollable.scss +33 -28
  135. package/components/Table/table-tree-view.css +14 -4
  136. package/components/Table/table-tree-view.scss +15 -0
  137. package/components/Table/table.css +67 -65
  138. package/components/Table/table.scss +65 -62
  139. package/components/Tabs/tabs.css +0 -4
  140. package/components/Tabs/tabs.scss +0 -7
  141. package/components/TextInputGroup/text-input-group.css +6 -4
  142. package/components/TextInputGroup/text-input-group.scss +6 -5
  143. package/components/Tile/tile.css +1 -1
  144. package/components/Tile/tile.scss +1 -1
  145. package/components/Timestamp/timestamp.css +3 -3
  146. package/components/Timestamp/timestamp.scss +3 -3
  147. package/components/Toolbar/toolbar.css +78 -43
  148. package/components/Toolbar/toolbar.scss +50 -10
  149. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  150. package/components/Tooltip/tooltip.css +7 -12
  151. package/components/Tooltip/tooltip.scss +6 -3
  152. package/components/TreeView/tree-view.css +7 -15
  153. package/components/TreeView/tree-view.scss +7 -18
  154. package/components/Wizard/wizard.css +16 -39
  155. package/components/Wizard/wizard.scss +20 -2
  156. package/docs/components/AboutModalBox/examples/AboutModalBox.md +20 -14
  157. package/docs/components/Accordion/examples/Accordion.md +12 -12
  158. package/docs/components/ActionList/examples/ActionList.md +6 -6
  159. package/docs/components/Alert/examples/Alert.md +29 -29
  160. package/docs/components/AlertGroup/examples/AlertGroup.md +15 -15
  161. package/docs/components/AppLauncher/examples/application-launcher.md +52 -46
  162. package/docs/components/Avatar/examples/Avatar.md +11 -11
  163. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  164. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  165. package/docs/components/BackgroundImage/examples/BackgroundImage.md +13 -29
  166. package/docs/components/Badge/examples/Badge.md +5 -5
  167. package/docs/components/Banner/examples/Banner.md +8 -8
  168. package/docs/components/Brand/examples/Brand.md +9 -9
  169. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  170. package/docs/components/Button/examples/Button.md +35 -35
  171. package/docs/components/CalendarMonth/examples/CalendarMonth.md +301 -284
  172. package/docs/components/Card/examples/Card.md +676 -116
  173. package/docs/components/Check/examples/Check.md +16 -19
  174. package/docs/components/Chip/examples/Chip.md +70 -52
  175. package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
  176. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  177. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  178. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  179. package/docs/components/Content/examples/Content.md +37 -9
  180. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  181. package/docs/components/ContextSelector/examples/context-selector.md +87 -80
  182. package/docs/components/DataList/examples/DataList.md +239 -202
  183. package/docs/components/DatePicker/examples/DatePicker.md +139 -104
  184. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  185. package/docs/components/Divider/examples/Divider.md +10 -10
  186. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  187. package/docs/components/Drawer/examples/Drawer.md +43 -43
  188. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  189. package/docs/components/Dropdown/examples/Dropdown.md +125 -100
  190. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  191. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  192. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  193. package/docs/components/FileUpload/examples/FileUpload.md +146 -105
  194. package/docs/components/Form/examples/Form.md +152 -130
  195. package/docs/components/FormControl/examples/FormControl.md +21 -20
  196. package/docs/components/HelperText/examples/HelperText.md +24 -35
  197. package/docs/components/Hint/examples/Hint.md +7 -7
  198. package/docs/components/Icon/examples/Icon.md +11 -12
  199. package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
  200. package/docs/components/InputGroup/examples/InputGroup.md +229 -179
  201. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  202. package/docs/components/Label/examples/Label.md +1427 -746
  203. package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
  204. package/docs/components/List/examples/List.md +18 -18
  205. package/docs/components/LogViewer/examples/LogViewer.md +79 -74
  206. package/docs/components/Login/examples/Login.md +103 -181
  207. package/docs/components/Masthead/examples/masthead.md +9 -9
  208. package/docs/components/Menu/examples/Menu.md +83 -80
  209. package/docs/components/MenuToggle/examples/MenuToggle.md +29 -28
  210. package/docs/components/ModalBox/examples/ModalBox.md +113 -92
  211. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +27 -26
  212. package/docs/components/Nav/examples/Navigation.md +69 -69
  213. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  214. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +64 -64
  215. package/docs/components/NumberInput/examples/NumberInput.md +311 -239
  216. package/docs/components/OptionsMenu/examples/options-menu.md +28 -28
  217. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  218. package/docs/components/Page/examples/Page.css +7 -1
  219. package/docs/components/Page/examples/Page.md +81 -54
  220. package/docs/components/Pagination/examples/Pagination.md +27 -27
  221. package/docs/components/Panel/examples/Panel.md +10 -10
  222. package/docs/components/Popover/examples/Popover.md +206 -149
  223. package/docs/components/Progress/examples/Progress.md +32 -61
  224. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -39
  225. package/docs/components/Radio/examples/Radio.md +12 -11
  226. package/docs/components/SearchInput/examples/SearchInput.md +185 -148
  227. package/docs/components/Select/examples/Select.md +368 -313
  228. package/docs/components/Sidebar/examples/Sidebar.md +70 -14
  229. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  230. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  231. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  232. package/docs/components/Slider/examples/Slider.md +84 -62
  233. package/docs/components/Spinner/examples/Spinner.md +24 -24
  234. package/docs/components/Switch/examples/Switch.md +19 -19
  235. package/docs/components/TabContent/examples/TabContent.md +13 -13
  236. package/docs/components/Table/examples/Table.css +4 -0
  237. package/docs/components/Table/examples/Table.md +5212 -5750
  238. package/docs/components/Tabs/examples/Tabs.md +155 -155
  239. package/docs/components/TextInputGroup/examples/TextInputGroup.md +523 -406
  240. package/docs/components/Tile/examples/Tile.md +16 -17
  241. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  242. package/docs/components/Title/examples/Title.md +17 -17
  243. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  244. package/docs/components/Toolbar/examples/Toolbar.md +848 -726
  245. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  246. package/docs/components/TreeView/examples/TreeView.md +34 -34
  247. package/docs/components/Truncate/examples/Truncate.md +4 -5
  248. package/docs/components/Wizard/examples/Wizard.md +119 -127
  249. package/docs/demos/AboutModal/examples/AboutModal.md +4 -5
  250. package/docs/demos/Alert/examples/Alert.md +118 -71
  251. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  252. package/docs/demos/Banner/examples/Banner.md +8 -9
  253. package/docs/demos/Card/examples/Card.md +216 -153
  254. package/docs/demos/CardView/examples/CardView.md +57 -30
  255. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  256. package/docs/demos/Dashboard/examples/Dashboard.md +51 -33
  257. package/docs/demos/DataList/examples/DataList.md +312 -255
  258. package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
  259. package/docs/demos/Drawer/examples/Drawer.md +24 -22
  260. package/docs/demos/Form/examples/BasicForms.md +220 -213
  261. package/docs/demos/HelperText/examples/HelperText.md +16 -14
  262. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  263. package/docs/demos/Masthead/examples/Masthead.md +302 -284
  264. package/docs/demos/Modal/examples/Modal.md +54 -66
  265. package/docs/demos/Nav/examples/Nav.md +47 -47
  266. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +70 -58
  267. package/docs/demos/Page/examples/Page.md +982 -51
  268. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +22 -18
  269. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +121 -106
  270. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +345 -311
  271. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  272. package/docs/demos/Table/examples/Table.md +3323 -1288
  273. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  274. package/docs/demos/Toolbar/examples/Toolbar.md +1994 -329
  275. package/docs/demos/Wizard/examples/Wizard.md +289 -266
  276. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  277. package/docs/layouts/Flex/examples/Flex.md +98 -98
  278. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  279. package/docs/layouts/Grid/examples/Grid.md +9 -9
  280. package/docs/layouts/Level/examples/Level.md +5 -5
  281. package/docs/layouts/Split/examples/Split.md +7 -7
  282. package/docs/layouts/Stack/examples/Stack.md +6 -6
  283. package/docs/utilities/Accessibility/examples/Accessibility.md +5 -5
  284. package/docs/utilities/Alignment/examples/Alignment.md +7 -7
  285. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +13 -13
  286. package/docs/utilities/BoxShadow/examples/box-shadow.md +23 -23
  287. package/docs/utilities/Display/examples/Display.md +12 -12
  288. package/docs/utilities/Flex/examples/Flex.md +35 -35
  289. package/docs/utilities/Float/examples/Float.md +5 -5
  290. package/docs/utilities/Sizing/examples/Sizing.md +51 -51
  291. package/docs/utilities/Spacing/examples/Spacing.md +35 -35
  292. package/docs/utilities/Text/examples/Text.md +31 -31
  293. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  294. package/layouts/Gallery/gallery.css +1 -1
  295. package/layouts/Gallery/gallery.scss +1 -1
  296. package/layouts/Grid/grid.css +7 -7
  297. package/layouts/Grid/grid.scss +2 -2
  298. package/package.json +59 -65
  299. package/patternfly-addons.css +48 -48
  300. package/{patternfly-base-no-reset.css → patternfly-base-no-globals.css} +28 -73
  301. package/{patternfly-base-no-reset.scss → patternfly-base-no-globals.scss} +1 -0
  302. package/patternfly-base.css +63 -114
  303. package/{patternfly-no-reset.css → patternfly-no-globals.css} +1179 -2293
  304. package/{patternfly-no-reset.scss → patternfly-no-globals.scss} +1 -0
  305. package/patternfly.css +1207 -2327
  306. package/patternfly.min.css +1 -1
  307. package/patternfly.min.css.map +1 -1
  308. package/sass-utilities/functions.scss +8 -24
  309. package/sass-utilities/mixins.scss +15 -39
  310. package/sass-utilities/placeholders.scss +0 -23
  311. package/sass-utilities/scss-variables.scss +5 -6
  312. package/sass-utilities/themes/dark/placeholders.scss +0 -22
  313. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  314. package/utilities/Spacing/spacing.scss +2 -2
  315. package/utilities/Text/text.css +48 -48
  316. package/utilities/Text/text.scss +6 -6
  317. package/utilities/Text/themes/dark/text.scss +2 -2
  318. package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff +0 -0
  319. package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff +0 -0
  320. package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff +0 -0
  321. package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff +0 -0
  322. package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff +0 -0
  323. package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff +0 -0
  324. package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff +0 -0
  325. package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff +0 -0
  326. package/assets/fonts/RedHatText/RedHatText-Bold.woff +0 -0
  327. package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff +0 -0
  328. package/assets/fonts/RedHatText/RedHatText-Italic.woff +0 -0
  329. package/assets/fonts/RedHatText/RedHatText-Medium.woff +0 -0
  330. package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff +0 -0
  331. package/assets/fonts/RedHatText/RedHatText-Regular.woff +0 -0
  332. package/assets/fonts/webfonts/fa-solid-900.woff +0 -0
  333. package/assets/pficon/pficon.woff +0 -0
  334. package/base/_shield-inheritable.scss +0 -69
  335. package/base/_shield-noninheritable.scss +0 -13
  336. package/base/patternfly-shield-inheritable.css +0 -66
  337. package/base/patternfly-shield-inheritable.scss +0 -4
  338. package/base/patternfly-shield-noninheritable.css +0 -9
  339. package/base/patternfly-shield-noninheritable.scss +0 -4
  340. package/sass-utilities/bs-variables.scss +0 -709
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  id: 'Card view'
3
- section: demos
3
+ section: patterns
4
4
  ---## Examples
5
5
 
6
6
  ### Card view
@@ -95,7 +95,7 @@ section: demos
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: demos
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: demos
802
802
  id="card-view-basic-example-expandable-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 pf-m-expandable pf-m-expanded pf-m-current">
807
807
  <button
808
808
  class="pf-c-nav__link"
@@ -820,7 +820,7 @@ section: demos
820
820
  class="pf-c-nav__subnav"
821
821
  aria-labelledby="card-view-basic-example-expandable-nav-link1"
822
822
  >
823
- <ul class="pf-c-nav__list">
823
+ <ul class="pf-c-nav__list" role="list">
824
824
  <li class="pf-c-nav__item">
825
825
  <a href="#" class="pf-c-nav__link">Overview</a>
826
826
  </li>
@@ -866,7 +866,7 @@ section: demos
866
866
  aria-labelledby="card-view-basic-example-expandable-nav-link2"
867
867
  hidden
868
868
  >
869
- <ul class="pf-c-nav__list">
869
+ <ul class="pf-c-nav__list" role="list">
870
870
  <li class="pf-c-nav__item">
871
871
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
872
872
  </li>
@@ -894,7 +894,7 @@ section: demos
894
894
  aria-labelledby="card-view-basic-example-expandable-nav-link3"
895
895
  hidden
896
896
  >
897
- <ul class="pf-c-nav__list">
897
+ <ul class="pf-c-nav__list" role="list">
898
898
  <li class="pf-c-nav__item">
899
899
  <a href="#" class="pf-c-nav__link">Subnav link 1</a>
900
900
  </li>
@@ -916,7 +916,7 @@ section: demos
916
916
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
917
917
  <div class="pf-c-page__main-body">
918
918
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
919
- <ol class="pf-c-breadcrumb__list">
919
+ <ol class="pf-c-breadcrumb__list" role="list">
920
920
  <li class="pf-c-breadcrumb__item">
921
921
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
922
922
  </li>
@@ -983,11 +983,14 @@ section: demos
983
983
  class="pf-c-dropdown__toggle-check"
984
984
  for="card-view-basic-example-toolbar-bulk-select-toggle-check"
985
985
  >
986
- <input
987
- type="checkbox"
988
- id="card-view-basic-example-toolbar-bulk-select-toggle-check"
989
- aria-label="Select all"
990
- />
986
+ <div class="pf-c-check pf-m-standalone">
987
+ <input
988
+ class="pf-c-check__input"
989
+ type="checkbox"
990
+ id="card-view-basic-example-toolbar-bulk-select-toggle-check"
991
+ aria-label="Select all"
992
+ />
993
+ </div>
991
994
  </label>
992
995
 
993
996
  <button
@@ -1262,10 +1265,12 @@ section: demos
1262
1265
  <div class="pf-c-empty-state pf-m-xs">
1263
1266
  <div class="pf-c-empty-state__content">
1264
1267
  <i class="fas fa-plus-circle pf-c-empty-state__icon"></i>
1265
- <h2 class="pf-c-title pf-m-md">Add a new card to your page</h2>
1266
- <div class="pf-c-empty-state__secondary">
1267
- <button class="pf-c-button pf-m-link" type="button">Add card</button>
1268
+ <div class="pf-c-card__title">
1269
+ <h2
1270
+ class="pf-c-card__title-text pf-m-md"
1271
+ >Add a new card to your page</h2>
1268
1272
  </div>
1273
+ <button class="pf-c-button pf-m-link" type="button">Add card</button>
1269
1274
  </div>
1270
1275
  </div>
1271
1276
  </div>
@@ -1334,9 +1339,10 @@ section: demos
1334
1339
  </div>
1335
1340
  </div>
1336
1341
  <div class="pf-c-card__title">
1337
- <p
1342
+ <h2
1343
+ class="pf-c-card__title-text"
1338
1344
  id="card-view-basic-example-gallery-card-1-check-label"
1339
- >Patternfly</p>
1345
+ >Patternfly</h2>
1340
1346
  <div class="pf-c-content">
1341
1347
  <small>Provided by Red Hat</small>
1342
1348
  </div>
@@ -1413,7 +1419,10 @@ section: demos
1413
1419
  </div>
1414
1420
  </div>
1415
1421
  <div class="pf-c-card__title">
1416
- <p id="card-view-basic-example-gallery-card-2-check-label">ActiveMQ</p>
1422
+ <h2
1423
+ class="pf-c-card__title-text"
1424
+ id="card-view-basic-example-gallery-card-2-check-label"
1425
+ >ActiveMq</h2>
1417
1426
  <div class="pf-c-content">
1418
1427
  <small>Provided by Red Hat</small>
1419
1428
  </div>
@@ -1490,9 +1499,10 @@ section: demos
1490
1499
  </div>
1491
1500
  </div>
1492
1501
  <div class="pf-c-card__title">
1493
- <p
1502
+ <h2
1503
+ class="pf-c-card__title-text"
1494
1504
  id="card-view-basic-example-gallery-card-3-check-label"
1495
- >Apache Spark</p>
1505
+ >Apache Spark</h2>
1496
1506
  <div class="pf-c-content">
1497
1507
  <small>Provided by Red Hat</small>
1498
1508
  </div>
@@ -1569,7 +1579,10 @@ section: demos
1569
1579
  </div>
1570
1580
  </div>
1571
1581
  <div class="pf-c-card__title">
1572
- <p id="card-view-basic-example-gallery-card-4-check-label">Avro</p>
1582
+ <h2
1583
+ class="pf-c-card__title-text"
1584
+ id="card-view-basic-example-gallery-card-4-check-label"
1585
+ >Avro</h2>
1573
1586
  <div class="pf-c-content">
1574
1587
  <small>Provided by Red Hat</small>
1575
1588
  </div>
@@ -1646,9 +1659,10 @@ section: demos
1646
1659
  </div>
1647
1660
  </div>
1648
1661
  <div class="pf-c-card__title">
1649
- <p
1662
+ <h2
1663
+ class="pf-c-card__title-text"
1650
1664
  id="card-view-basic-example-gallery-card-5-check-label"
1651
- >Azure Services</p>
1665
+ >Azure Services</h2>
1652
1666
  <div class="pf-c-content">
1653
1667
  <small>Provided by Red Hat</small>
1654
1668
  </div>
@@ -1726,7 +1740,10 @@ section: demos
1726
1740
  </div>
1727
1741
  </div>
1728
1742
  <div class="pf-c-card__title">
1729
- <p id="card-view-basic-example-gallery-card-6-check-label">Crypto</p>
1743
+ <h2
1744
+ class="pf-c-card__title-text"
1745
+ id="card-view-basic-example-gallery-card-6-check-label"
1746
+ >Crypto</h2>
1730
1747
  <div class="pf-c-content">
1731
1748
  <small>Provided by Red Hat</small>
1732
1749
  </div>
@@ -1803,7 +1820,10 @@ section: demos
1803
1820
  </div>
1804
1821
  </div>
1805
1822
  <div class="pf-c-card__title">
1806
- <p id="card-view-basic-example-gallery-card-7-check-label">DropBox</p>
1823
+ <h2
1824
+ class="pf-c-card__title-text"
1825
+ id="card-view-basic-example-gallery-card-7-check-label"
1826
+ >DropBox</h2>
1807
1827
  <div class="pf-c-content">
1808
1828
  <small>Provided by Red Hat</small>
1809
1829
  </div>
@@ -1880,9 +1900,10 @@ section: demos
1880
1900
  </div>
1881
1901
  </div>
1882
1902
  <div class="pf-c-card__title">
1883
- <p
1903
+ <h2
1904
+ class="pf-c-card__title-text"
1884
1905
  id="card-view-basic-example-gallery-card-8-check-label"
1885
- >JBoss Data Grid</p>
1906
+ >JBoss Data Grid</h2>
1886
1907
  <div class="pf-c-content">
1887
1908
  <small>Provided by Red Hat</small>
1888
1909
  </div>
@@ -1959,7 +1980,10 @@ section: demos
1959
1980
  </div>
1960
1981
  </div>
1961
1982
  <div class="pf-c-card__title">
1962
- <p id="card-view-basic-example-gallery-card-9-check-label">REST</p>
1983
+ <h2
1984
+ class="pf-c-card__title-text"
1985
+ id="card-view-basic-example-gallery-card-9-check-label"
1986
+ >Rest</h2>
1963
1987
  <div class="pf-c-content">
1964
1988
  <small>Provided by Red Hat</small>
1965
1989
  </div>
@@ -2037,7 +2061,10 @@ section: demos
2037
2061
  </div>
2038
2062
  </div>
2039
2063
  <div class="pf-c-card__title">
2040
- <p id="card-view-basic-example-gallery-card-10-check-label">SWAGGER</p>
2064
+ <h2
2065
+ class="pf-c-card__title-text"
2066
+ id="card-view-basic-example-gallery-card-10-check-label"
2067
+ >SWAGGER</h2>
2041
2068
  <div class="pf-c-content">
2042
2069
  <small>Provided by Red Hat</small>
2043
2070
  </div>
package/docs/demos/ContextSelector/examples/ContextSelector.md CHANGED
@@ -85,7 +85,7 @@ section: components
85
85
  </div>
86
86
  </div>
87
87
  </div>
88
- <ul class="pf-c-context-selector__menu-list">
88
+ <ul class="pf-c-context-selector__menu-list" role="list">
89
89
  <li>
90
90
  <a
91
91
  class="pf-c-context-selector__menu-list-item"
@@ -189,7 +189,7 @@ section: components
189
189
  id="context-selector-in-masthead-primary-nav"
190
190
  aria-label="Global"
191
191
  >
192
- <ul class="pf-c-nav__list">
192
+ <ul class="pf-c-nav__list" role="list">
193
193
  <li class="pf-c-nav__item">
194
194
  <a href="#" class="pf-c-nav__link">System panel</a>
195
195
  </li>
@@ -221,7 +221,7 @@ section: components
221
221
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
222
222
  <div class="pf-c-page__main-body">
223
223
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
224
- <ol class="pf-c-breadcrumb__list">
224
+ <ol class="pf-c-breadcrumb__list" role="list">
225
225
  <li class="pf-c-breadcrumb__item">
226
226
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
227
227
  </li>
@@ -398,7 +398,7 @@ section: components
398
398
  </div>
399
399
  <section class="pf-c-app-launcher__group">
400
400
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
401
- <ul>
401
+ <ul role="list">
402
402
  <li
403
403
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
404
404
  >
@@ -450,7 +450,7 @@ section: components
450
450
  <hr class="pf-c-divider" />
451
451
  <section class="pf-c-app-launcher__group">
452
452
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
453
- <ul>
453
+ <ul role="list">
454
454
  <li
455
455
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
456
456
  >
@@ -1134,7 +1134,7 @@ section: components
1134
1134
  </div>
1135
1135
  </div>
1136
1136
  </div>
1137
- <ul class="pf-c-context-selector__menu-list">
1137
+ <ul class="pf-c-context-selector__menu-list" role="list">
1138
1138
  <li>
1139
1139
  <a class="pf-c-context-selector__menu-list-item" href="#">Link</a>
1140
1140
  </li>
@@ -1229,7 +1229,7 @@ section: components
1229
1229
  id="context-selector-in-sidebar-example-primary-nav"
1230
1230
  aria-label="Global"
1231
1231
  >
1232
- <ul class="pf-c-nav__list">
1232
+ <ul class="pf-c-nav__list" role="list">
1233
1233
  <li class="pf-c-nav__item">
1234
1234
  <a href="#" class="pf-c-nav__link">System panel</a>
1235
1235
  </li>
@@ -1261,7 +1261,7 @@ section: components
1261
1261
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1262
1262
  <div class="pf-c-page__main-body">
1263
1263
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1264
- <ol class="pf-c-breadcrumb__list">
1264
+ <ol class="pf-c-breadcrumb__list" role="list">
1265
1265
  <li class="pf-c-breadcrumb__item">
1266
1266
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1267
1267
  </li>
@@ -1438,7 +1438,7 @@ section: components
1438
1438
  </div>
1439
1439
  <section class="pf-c-app-launcher__group">
1440
1440
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1441
- <ul>
1441
+ <ul role="list">
1442
1442
  <li
1443
1443
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1444
1444
  >
@@ -1490,7 +1490,7 @@ section: components
1490
1490
  <hr class="pf-c-divider" />
1491
1491
  <section class="pf-c-app-launcher__group">
1492
1492
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1493
- <ul>
1493
+ <ul role="list">
1494
1494
  <li
1495
1495
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1496
1496
  >
@@ -2176,7 +2176,7 @@ section: components
2176
2176
  </div>
2177
2177
  </div>
2178
2178
  </div>
2179
- <ul class="pf-c-context-selector__menu-list">
2179
+ <ul class="pf-c-context-selector__menu-list" role="list">
2180
2180
  <li>
2181
2181
  <a class="pf-c-context-selector__menu-list-item" href="#">Link</a>
2182
2182
  </li>
@@ -2271,7 +2271,7 @@ section: components
2271
2271
  id="context-selector-in-sidebar-expanded-example-primary-nav"
2272
2272
  aria-label="Global"
2273
2273
  >
2274
- <ul class="pf-c-nav__list">
2274
+ <ul class="pf-c-nav__list" role="list">
2275
2275
  <li class="pf-c-nav__item">
2276
2276
  <a href="#" class="pf-c-nav__link">System panel</a>
2277
2277
  </li>
@@ -2303,7 +2303,7 @@ section: components
2303
2303
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2304
2304
  <div class="pf-c-page__main-body">
2305
2305
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2306
- <ol class="pf-c-breadcrumb__list">
2306
+ <ol class="pf-c-breadcrumb__list" role="list">
2307
2307
  <li class="pf-c-breadcrumb__item">
2308
2308
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2309
2309
  </li>
@@ -2480,7 +2480,7 @@ section: components
2480
2480
  </div>
2481
2481
  <section class="pf-c-app-launcher__group">
2482
2482
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2483
- <ul>
2483
+ <ul role="list">
2484
2484
  <li
2485
2485
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2486
2486
  >
@@ -2532,7 +2532,7 @@ section: components
2532
2532
  <hr class="pf-c-divider" />
2533
2533
  <section class="pf-c-app-launcher__group">
2534
2534
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2535
- <ul>
2535
+ <ul role="list">
2536
2536
  <li
2537
2537
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2538
2538
  >
@@ -3187,7 +3187,7 @@ section: components
3187
3187
  id="context-selector-in-page-content-example-primary-nav"
3188
3188
  aria-label="Global"
3189
3189
  >
3190
- <ul class="pf-c-nav__list">
3190
+ <ul class="pf-c-nav__list" role="list">
3191
3191
  <li class="pf-c-nav__item">
3192
3192
  <a href="#" class="pf-c-nav__link">System panel</a>
3193
3193
  </li>
@@ -3263,7 +3263,7 @@ section: components
3263
3263
  </div>
3264
3264
  </div>
3265
3265
  </div>
3266
- <ul class="pf-c-context-selector__menu-list">
3266
+ <ul class="pf-c-context-selector__menu-list" role="list">
3267
3267
  <li>
3268
3268
  <a
3269
3269
  class="pf-c-context-selector__menu-list-item"
@@ -3429,7 +3429,7 @@ section: components
3429
3429
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3430
3430
  <div class="pf-c-page__main-body">
3431
3431
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3432
- <ol class="pf-c-breadcrumb__list">
3432
+ <ol class="pf-c-breadcrumb__list" role="list">
3433
3433
  <li class="pf-c-breadcrumb__item">
3434
3434
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3435
3435
  </li>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  id: 'Dashboard'
3
3
  beta: true
4
- section: demos
4
+ section: patterns
5
5
  cssPrefix: pf-d-dashboard
6
6
  ---## Examples
7
7
 
@@ -97,7 +97,7 @@ cssPrefix: pf-d-dashboard
97
97
  </div>
98
98
  <section class="pf-c-app-launcher__group">
99
99
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
100
- <ul>
100
+ <ul role="list">
101
101
  <li
102
102
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
103
103
  >
@@ -149,7 +149,7 @@ cssPrefix: pf-d-dashboard
149
149
  <hr class="pf-c-divider" />
150
150
  <section class="pf-c-app-launcher__group">
151
151
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
152
- <ul>
152
+ <ul role="list">
153
153
  <li
154
154
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
155
155
  >
@@ -800,7 +800,7 @@ cssPrefix: pf-d-dashboard
800
800
  <div class="pf-c-page__sidebar">
801
801
  <div class="pf-c-page__sidebar-body">
802
802
  <nav class="pf-c-nav" id="dashboard-demo-primary-nav" aria-label="Global">
803
- <ul class="pf-c-nav__list">
803
+ <ul class="pf-c-nav__list" role="list">
804
804
  <li class="pf-c-nav__item">
805
805
  <a href="#" class="pf-c-nav__link">System panel</a>
806
806
  </li>
@@ -828,7 +828,7 @@ cssPrefix: pf-d-dashboard
828
828
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
829
829
  <div class="pf-c-page__main-body">
830
830
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
831
- <ol class="pf-c-breadcrumb__list">
831
+ <ol class="pf-c-breadcrumb__list" role="list">
832
832
  <li class="pf-c-breadcrumb__item">
833
833
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
834
834
  </li>
@@ -966,7 +966,7 @@ cssPrefix: pf-d-dashboard
966
966
  >
967
967
  <li class="pf-c-label-group__list-item">
968
968
  <span
969
- class="pf-c-label pf-m-blue pf-m-outline"
969
+ class="pf-c-label pf-m-outline pf-m-blue"
970
970
  >
971
971
  <span class="pf-c-label__content">
972
972
  <span class="pf-c-label__icon">
@@ -975,7 +975,7 @@ cssPrefix: pf-d-dashboard
975
975
  aria-hidden="true"
976
976
  ></i>
977
977
  </span>
978
- Performance
978
+ <span class="pf-c-label__text">Performance</span>
979
979
  </span>
980
980
  </span>
981
981
  </li>
@@ -996,7 +996,9 @@ cssPrefix: pf-d-dashboard
996
996
  style="margin-bottom: -.25em"
997
997
  >
998
998
  <span class="pf-c-label pf-m-red">
999
- <span class="pf-c-label__content">Incident</span>
999
+ <span class="pf-c-label__content">
1000
+ <span class="pf-c-label__text">Incident</span>
1001
+ </span>
1000
1002
  </span>
1001
1003
  </div>
1002
1004
  <div
@@ -1047,7 +1049,7 @@ cssPrefix: pf-d-dashboard
1047
1049
  >
1048
1050
  <li class="pf-c-label-group__list-item">
1049
1051
  <span
1050
- class="pf-c-label pf-m-blue pf-m-outline"
1052
+ class="pf-c-label pf-m-outline pf-m-blue"
1051
1053
  >
1052
1054
  <span class="pf-c-label__content">
1053
1055
  <span class="pf-c-label__icon">
@@ -1056,7 +1058,7 @@ cssPrefix: pf-d-dashboard
1056
1058
  aria-hidden="true"
1057
1059
  ></i>
1058
1060
  </span>
1059
- Stablility
1061
+ <span class="pf-c-label__text">Stablility</span>
1060
1062
  </span>
1061
1063
  </span>
1062
1064
  </li>
@@ -1065,7 +1067,9 @@ cssPrefix: pf-d-dashboard
1065
1067
  class="pf-c-label pf-m-overflow"
1066
1068
  type="button"
1067
1069
  >
1068
- <span class="pf-c-label__content">1 more</span>
1070
+ <span class="pf-c-label__content">
1071
+ <span class="pf-c-label__text">1 more</span>
1072
+ </span>
1069
1073
  </button>
1070
1074
  </li>
1071
1075
  </ul>
@@ -1128,7 +1132,7 @@ cssPrefix: pf-d-dashboard
1128
1132
  >
1129
1133
  <li class="pf-c-label-group__list-item">
1130
1134
  <span
1131
- class="pf-c-label pf-m-blue pf-m-outline"
1135
+ class="pf-c-label pf-m-outline pf-m-blue"
1132
1136
  >
1133
1137
  <span class="pf-c-label__content">
1134
1138
  <span class="pf-c-label__icon">
@@ -1137,7 +1141,9 @@ cssPrefix: pf-d-dashboard
1137
1141
  aria-hidden="true"
1138
1142
  ></i>
1139
1143
  </span>
1140
- Availability
1144
+ <span
1145
+ class="pf-c-label__text"
1146
+ >Availability</span>
1141
1147
  </span>
1142
1148
  </span>
1143
1149
  </li>
@@ -1158,7 +1164,9 @@ cssPrefix: pf-d-dashboard
1158
1164
  style="margin-bottom: -.25em"
1159
1165
  >
1160
1166
  <span class="pf-c-label pf-m-red">
1161
- <span class="pf-c-label__content">Incident</span>
1167
+ <span class="pf-c-label__content">
1168
+ <span class="pf-c-label__text">Incident</span>
1169
+ </span>
1162
1170
  </span>
1163
1171
  </div>
1164
1172
  <div
@@ -1339,7 +1347,7 @@ cssPrefix: pf-d-dashboard
1339
1347
  aria-hidden="true"
1340
1348
  ></i>
1341
1349
  </span>
1342
- 1
1350
+ <span class="pf-c-label__text">1</span>
1343
1351
  </span>
1344
1352
  </span>
1345
1353
  </li>
@@ -1348,11 +1356,11 @@ cssPrefix: pf-d-dashboard
1348
1356
  <span class="pf-c-label__content">
1349
1357
  <span class="pf-c-label__icon">
1350
1358
  <i
1351
- class="fas fa-fw fa-exclamation-triangle"
1359
+ class="fas fa-fw fa-exclamation-circle"
1352
1360
  aria-hidden="true"
1353
1361
  ></i>
1354
1362
  </span>
1355
- 3
1363
+ <span class="pf-c-label__text">1</span>
1356
1364
  </span>
1357
1365
  </span>
1358
1366
  </li>
@@ -1365,7 +1373,7 @@ cssPrefix: pf-d-dashboard
1365
1373
  aria-hidden="true"
1366
1374
  ></i>
1367
1375
  </span>
1368
- 3
1376
+ <span class="pf-c-label__text">3</span>
1369
1377
  </span>
1370
1378
  </span>
1371
1379
  </li>
@@ -1378,7 +1386,7 @@ cssPrefix: pf-d-dashboard
1378
1386
  aria-hidden="true"
1379
1387
  ></i>
1380
1388
  </span>
1381
- 3
1389
+ <span class="pf-c-label__text">3</span>
1382
1390
  </span>
1383
1391
  </span>
1384
1392
  </li>
@@ -1391,7 +1399,7 @@ cssPrefix: pf-d-dashboard
1391
1399
  aria-hidden="true"
1392
1400
  ></i>
1393
1401
  </span>
1394
- 3
1402
+ <span class="pf-c-label__text">3</span>
1395
1403
  </span>
1396
1404
  </span>
1397
1405
  </li>
@@ -1406,7 +1414,11 @@ cssPrefix: pf-d-dashboard
1406
1414
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1407
1415
  </span>
1408
1416
  </button>
1409
- <ul class="pf-c-notification-drawer__list" hidden>
1417
+ <ul
1418
+ class="pf-c-notification-drawer__list"
1419
+ role="list"
1420
+ hidden
1421
+ >
1410
1422
  <li
1411
1423
  class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-danger"
1412
1424
  tabindex="0"
@@ -1564,10 +1576,12 @@ cssPrefix: pf-d-dashboard
1564
1576
  </span>
1565
1577
  </button>
1566
1578
  </div>
1567
- <div
1568
- class="pf-c-card__title"
1569
- id="dashboard-demo-line-chart-card-1-group-1-title"
1570
- >CPU 1</div>
1579
+ <div class="pf-c-card__title">
1580
+ <h2
1581
+ class="pf-c-card__title-text"
1582
+ id="dashboard-demo-line-chart-card-1-group-1-title"
1583
+ >CPU 1</h2>
1584
+ </div>
1571
1585
  </div>
1572
1586
  <div class="pf-c-card__expandable-content">
1573
1587
  <div class="pf-c-card__body">
@@ -1671,10 +1685,12 @@ cssPrefix: pf-d-dashboard
1671
1685
  </span>
1672
1686
  </button>
1673
1687
  </div>
1674
- <div
1675
- class="pf-c-card__title"
1676
- id="dashboard-demo-line-chart-card-1-group-2-title"
1677
- >Pod count</div>
1688
+ <div class="pf-c-card__title">
1689
+ <h2
1690
+ class="pf-c-card__title-text"
1691
+ id="dashboard-demo-line-chart-card-1-group-2-title"
1692
+ >Pod count</h2>
1693
+ </div>
1678
1694
  </div>
1679
1695
  </div>
1680
1696
  <div
@@ -1695,10 +1711,12 @@ cssPrefix: pf-d-dashboard
1695
1711
  </span>
1696
1712
  </button>
1697
1713
  </div>
1698
- <div
1699
- class="pf-c-card__title"
1700
- id="dashboard-demo-line-chart-card-1-group-3-title"
1701
- >Memory</div>
1714
+ <div class="pf-c-card__title">
1715
+ <h2
1716
+ class="pf-c-card__title-text"
1717
+ id="dashboard-demo-line-chart-card-1-group-3-title"
1718
+ >Memory</h2>
1719
+ </div>
1702
1720
  </div>
1703
1721
  </div>
1704
1722
  </div>