@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/Tabs/examples/Tabs.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="tabs-tables-and-tabs-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>
@@ -1001,7 +1001,9 @@ section: components
1001
1001
  <div class="pf-l-flex pf-m-space-items-sm">
1002
1002
  <div class="pf-l-flex__item">
1003
1003
  <span class="pf-c-label pf-m-cyan">
1004
- <span class="pf-c-label__content">NS</span>
1004
+ <span class="pf-c-label__content">
1005
+ <span class="pf-c-label__text">NS</span>
1006
+ </span>
1005
1007
  </span>
1006
1008
  </div>
1007
1009
  <div class="pf-l-flex__item">
@@ -1030,16 +1032,20 @@ section: components
1030
1032
  >
1031
1033
  <li class="pf-c-label-group__list-item">
1032
1034
  <span class="pf-c-label pf-m-outline">
1033
- <span
1034
- class="pf-c-label__content"
1035
- >app=3scale-gateway</span>
1035
+ <span class="pf-c-label__content">
1036
+ <span
1037
+ class="pf-c-label__text"
1038
+ >app=3scale-gateway</span>
1039
+ </span>
1036
1040
  </span>
1037
1041
  </li>
1038
1042
  <li class="pf-c-label-group__list-item">
1039
1043
  <span class="pf-c-label pf-m-outline">
1040
- <span
1041
- class="pf-c-label__content"
1042
- >pod-template-has=6747686899</span>
1044
+ <span class="pf-c-label__content">
1045
+ <span
1046
+ class="pf-c-label__text"
1047
+ >pod-template-has=6747686899</span>
1048
+ </span>
1043
1049
  </span>
1044
1050
  </li>
1045
1051
  </ul>
@@ -1081,7 +1087,9 @@ section: components
1081
1087
  <div class="pf-l-flex pf-m-space-items-sm">
1082
1088
  <div class="pf-l-flex__item">
1083
1089
  <span class="pf-c-label pf-m-purple">
1084
- <span class="pf-c-label__content">N</span>
1090
+ <span class="pf-c-label__content">
1091
+ <span class="pf-c-label__text">N</span>
1092
+ </span>
1085
1093
  </span>
1086
1094
  </div>
1087
1095
  <div
@@ -1253,7 +1261,7 @@ section: components
1253
1261
  </div>
1254
1262
  <section class="pf-c-app-launcher__group">
1255
1263
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1256
- <ul>
1264
+ <ul role="list">
1257
1265
  <li
1258
1266
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1259
1267
  >
@@ -1305,7 +1313,7 @@ section: components
1305
1313
  <hr class="pf-c-divider" />
1306
1314
  <section class="pf-c-app-launcher__group">
1307
1315
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1308
- <ul>
1316
+ <ul role="list">
1309
1317
  <li
1310
1318
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1311
1319
  >
@@ -1960,7 +1968,7 @@ section: components
1960
1968
  id="tabs-tables-and-tabs-example-primary-nav"
1961
1969
  aria-label="Global"
1962
1970
  >
1963
- <ul class="pf-c-nav__list">
1971
+ <ul class="pf-c-nav__list" role="list">
1964
1972
  <li class="pf-c-nav__item">
1965
1973
  <a href="#" class="pf-c-nav__link">System panel</a>
1966
1974
  </li>
@@ -1992,7 +2000,7 @@ section: components
1992
2000
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1993
2001
  <div class="pf-c-page__main-body">
1994
2002
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1995
- <ol class="pf-c-breadcrumb__list">
2003
+ <ol class="pf-c-breadcrumb__list" role="list">
1996
2004
  <li class="pf-c-breadcrumb__item">
1997
2005
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1998
2006
  </li>
@@ -2188,7 +2196,9 @@ section: components
2188
2196
  <div class="pf-l-flex pf-m-space-items-sm">
2189
2197
  <div class="pf-l-flex__item">
2190
2198
  <span class="pf-c-label pf-m-cyan">
2191
- <span class="pf-c-label__content">NS</span>
2199
+ <span class="pf-c-label__content">
2200
+ <span class="pf-c-label__text">NS</span>
2201
+ </span>
2192
2202
  </span>
2193
2203
  </div>
2194
2204
  <div class="pf-l-flex__item">
@@ -2237,7 +2247,9 @@ section: components
2237
2247
  <div class="pf-l-flex pf-m-space-items-sm">
2238
2248
  <div class="pf-l-flex__item">
2239
2249
  <span class="pf-c-label pf-m-purple">
2240
- <span class="pf-c-label__content">N</span>
2250
+ <span class="pf-c-label__content">
2251
+ <span class="pf-c-label__text">N</span>
2252
+ </span>
2241
2253
  </span>
2242
2254
  </div>
2243
2255
  <div
@@ -2413,7 +2425,7 @@ section: components
2413
2425
  </div>
2414
2426
  <section class="pf-c-app-launcher__group">
2415
2427
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2416
- <ul>
2428
+ <ul role="list">
2417
2429
  <li
2418
2430
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2419
2431
  >
@@ -2465,7 +2477,7 @@ section: components
2465
2477
  <hr class="pf-c-divider" />
2466
2478
  <section class="pf-c-app-launcher__group">
2467
2479
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2468
- <ul>
2480
+ <ul role="list">
2469
2481
  <li
2470
2482
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2471
2483
  >
@@ -3120,7 +3132,7 @@ section: components
3120
3132
  id="nested-tabs-example-primary-nav"
3121
3133
  aria-label="Global"
3122
3134
  >
3123
- <ul class="pf-c-nav__list">
3135
+ <ul class="pf-c-nav__list" role="list">
3124
3136
  <li class="pf-c-nav__item">
3125
3137
  <a href="#" class="pf-c-nav__link">System panel</a>
3126
3138
  </li>
@@ -3152,7 +3164,7 @@ section: components
3152
3164
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3153
3165
  <div class="pf-c-page__main-body">
3154
3166
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3155
- <ol class="pf-c-breadcrumb__list">
3167
+ <ol class="pf-c-breadcrumb__list" role="list">
3156
3168
  <li class="pf-c-breadcrumb__item">
3157
3169
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3158
3170
  </li>
@@ -3480,7 +3492,7 @@ section: components
3480
3492
  </div>
3481
3493
  <section class="pf-c-app-launcher__group">
3482
3494
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3483
- <ul>
3495
+ <ul role="list">
3484
3496
  <li
3485
3497
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3486
3498
  >
@@ -3532,7 +3544,7 @@ section: components
3532
3544
  <hr class="pf-c-divider" />
3533
3545
  <section class="pf-c-app-launcher__group">
3534
3546
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3535
- <ul>
3547
+ <ul role="list">
3536
3548
  <li
3537
3549
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3538
3550
  >
@@ -4187,7 +4199,7 @@ section: components
4187
4199
  id="table-tabs-example-primary-nav"
4188
4200
  aria-label="Global"
4189
4201
  >
4190
- <ul class="pf-c-nav__list">
4202
+ <ul class="pf-c-nav__list" role="list">
4191
4203
  <li class="pf-c-nav__item">
4192
4204
  <a href="#" class="pf-c-nav__link">System panel</a>
4193
4205
  </li>
@@ -4219,7 +4231,7 @@ section: components
4219
4231
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4220
4232
  <div class="pf-c-page__main-body">
4221
4233
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4222
- <ol class="pf-c-breadcrumb__list">
4234
+ <ol class="pf-c-breadcrumb__list" role="list">
4223
4235
  <li class="pf-c-breadcrumb__item">
4224
4236
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4225
4237
  </li>
@@ -4465,11 +4477,14 @@ section: components
4465
4477
  <thead>
4466
4478
  <tr role="row">
4467
4479
  <td class="pf-c-table__check" role="cell">
4468
- <input
4469
- type="checkbox"
4470
- name="check-all"
4471
- aria-label="Select all rows"
4472
- />
4480
+ <div class="pf-c-check pf-m-standalone">
4481
+ <input
4482
+ class="pf-c-check__input"
4483
+ type="checkbox"
4484
+ name="check-all"
4485
+ aria-label="Select all rows"
4486
+ />
4487
+ </div>
4473
4488
  </td>
4474
4489
  <th role="columnheader" scope="col">Repositories</th>
4475
4490
  <th role="columnheader" scope="col">Branches</th>
@@ -4483,11 +4498,14 @@ section: components
4483
4498
  <tbody role="rowgroup">
4484
4499
  <tr role="row">
4485
4500
  <td class="pf-c-table__check" role="cell">
4486
- <input
4487
- type="checkbox"
4488
- name="checkrow1"
4489
- aria-labelledby="table-tabs-example-table-node1"
4490
- />
4501
+ <div class="pf-c-check pf-m-standalone">
4502
+ <input
4503
+ class="pf-c-check__input"
4504
+ type="checkbox"
4505
+ name="checkrow1"
4506
+ aria-labelledby="table-tabs-example-table-node1"
4507
+ />
4508
+ </div>
4491
4509
  </td>
4492
4510
  <th role="columnheader" data-label="Repository name">
4493
4511
  <div>
@@ -4555,11 +4573,14 @@ section: components
4555
4573
 
4556
4574
  <tr class="pf-m-selected" role="row">
4557
4575
  <td class="pf-c-table__check" role="cell">
4558
- <input
4559
- type="checkbox"
4560
- name="checkrow2"
4561
- aria-labelledby="table-tabs-example-table-node2"
4562
- />
4576
+ <div class="pf-c-check pf-m-standalone">
4577
+ <input
4578
+ class="pf-c-check__input"
4579
+ type="checkbox"
4580
+ name="checkrow2"
4581
+ aria-labelledby="table-tabs-example-table-node2"
4582
+ />
4583
+ </div>
4563
4584
  </td>
4564
4585
  <th role="columnheader" data-label="Repository name">
4565
4586
  <div>
@@ -4627,11 +4648,14 @@ section: components
4627
4648
 
4628
4649
  <tr role="row">
4629
4650
  <td class="pf-c-table__check" role="cell">
4630
- <input
4631
- type="checkbox"
4632
- name="checkrow3"
4633
- aria-labelledby="table-tabs-example-table-node3"
4634
- />
4651
+ <div class="pf-c-check pf-m-standalone">
4652
+ <input
4653
+ class="pf-c-check__input"
4654
+ type="checkbox"
4655
+ name="checkrow3"
4656
+ aria-labelledby="table-tabs-example-table-node3"
4657
+ />
4658
+ </div>
4635
4659
  </td>
4636
4660
  <th role="columnheader" data-label="Repository name">
4637
4661
  <div>
@@ -4699,11 +4723,14 @@ section: components
4699
4723
 
4700
4724
  <tr role="row">
4701
4725
  <td class="pf-c-table__check" role="cell">
4702
- <input
4703
- type="checkbox"
4704
- name="checkrow4"
4705
- aria-labelledby="table-tabs-example-table-node4"
4706
- />
4726
+ <div class="pf-c-check pf-m-standalone">
4727
+ <input
4728
+ class="pf-c-check__input"
4729
+ type="checkbox"
4730
+ name="checkrow4"
4731
+ aria-labelledby="table-tabs-example-table-node4"
4732
+ />
4733
+ </div>
4707
4734
  </td>
4708
4735
  <th role="columnheader" data-label="Repository name">
4709
4736
  <div>
@@ -4771,11 +4798,14 @@ section: components
4771
4798
 
4772
4799
  <tr role="row">
4773
4800
  <td class="pf-c-table__check" role="cell">
4774
- <input
4775
- type="checkbox"
4776
- name="checkrow5"
4777
- aria-labelledby="table-tabs-example-table-node5"
4778
- />
4801
+ <div class="pf-c-check pf-m-standalone">
4802
+ <input
4803
+ class="pf-c-check__input"
4804
+ type="checkbox"
4805
+ name="checkrow5"
4806
+ aria-labelledby="table-tabs-example-table-node5"
4807
+ />
4808
+ </div>
4779
4809
  </td>
4780
4810
  <td role="cell" data-label="Repository name">
4781
4811
  <div>
@@ -4993,23 +5023,34 @@ section: components
4993
5023
  >
4994
5024
  <li class="pf-c-label-group__list-item">
4995
5025
  <span class="pf-c-label pf-m-outline">
4996
- <span class="pf-c-label__content">Tag 1</span>
5026
+ <span class="pf-c-label__content">
5027
+ <span class="pf-c-label__text">Tag 1</span>
5028
+ </span>
4997
5029
  </span>
4998
5030
  </li>
4999
5031
  <li class="pf-c-label-group__list-item">
5000
5032
  <span class="pf-c-label pf-m-outline">
5001
- <span class="pf-c-label__content">Tag 2</span>
5033
+ <span class="pf-c-label__content">
5034
+ <span class="pf-c-label__text">Tag 2</span>
5035
+ </span>
5002
5036
  </span>
5003
5037
  </li>
5004
5038
  <li class="pf-c-label-group__list-item">
5005
5039
  <span class="pf-c-label pf-m-outline">
5006
- <span class="pf-c-label__content">Tag 3</span>
5040
+ <span class="pf-c-label__content">
5041
+ <span class="pf-c-label__text">Tag 3</span>
5042
+ </span>
5007
5043
  </span>
5008
5044
  </li>
5009
5045
  <li class="pf-c-label-group__list-item">
5010
- <span class="pf-c-label pf-m-overflow">
5011
- <span class="pf-c-label__content">2 more</span>
5012
- </span>
5046
+ <button
5047
+ class="pf-c-label pf-m-overflow"
5048
+ type="button"
5049
+ >
5050
+ <span class="pf-c-label__content">
5051
+ <span class="pf-c-label__text">2 more</span>
5052
+ </span>
5053
+ </button>
5013
5054
  </li>
5014
5055
  </ul>
5015
5056
  </div>
@@ -5051,13 +5092,11 @@ section: components
5051
5092
  aria-labelledby="modal-tabs-example-modal-title"
5052
5093
  aria-describedby="modal-tabs-example-modal-description"
5053
5094
  >
5054
- <button
5055
- class="pf-c-button pf-m-plain"
5056
- type="button"
5057
- aria-label="Close dialog"
5058
- >
5059
- <i class="fas fa-times" aria-hidden="true"></i>
5060
- </button>
5095
+ <div class="pf-c-modal-box__close">
5096
+ <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
5097
+ <i class="fas fa-times" aria-hidden="true"></i>
5098
+ </button>
5099
+ </div>
5061
5100
  <header class="pf-c-modal-box__header">
5062
5101
  <h1
5063
5102
  class="pf-c-modal-box__title"
@@ -5119,7 +5158,7 @@ section: components
5119
5158
  hidden
5120
5159
  >
5121
5160
  <div class="pf-c-tab-content__body">
5122
- <ul class="pf-c-list">
5161
+ <ul class="pf-c-list" role="list">
5123
5162
  <li>
5124
5163
  <a>Doc link 1</a>
5125
5164
  </li>
@@ -5228,7 +5267,7 @@ section: components
5228
5267
  </div>
5229
5268
  <section class="pf-c-app-launcher__group">
5230
5269
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5231
- <ul>
5270
+ <ul role="list">
5232
5271
  <li
5233
5272
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5234
5273
  >
@@ -5280,7 +5319,7 @@ section: components
5280
5319
  <hr class="pf-c-divider" />
5281
5320
  <section class="pf-c-app-launcher__group">
5282
5321
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5283
- <ul>
5322
+ <ul role="list">
5284
5323
  <li
5285
5324
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5286
5325
  >
@@ -5935,7 +5974,7 @@ section: components
5935
5974
  id="modal-tabs-example-primary-nav"
5936
5975
  aria-label="Global"
5937
5976
  >
5938
- <ul class="pf-c-nav__list">
5977
+ <ul class="pf-c-nav__list" role="list">
5939
5978
  <li class="pf-c-nav__item">
5940
5979
  <a href="#" class="pf-c-nav__link">System panel</a>
5941
5980
  </li>
@@ -5967,7 +6006,7 @@ section: components
5967
6006
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
5968
6007
  <div class="pf-c-page__main-body">
5969
6008
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
5970
- <ol class="pf-c-breadcrumb__list">
6009
+ <ol class="pf-c-breadcrumb__list" role="list">
5971
6010
  <li class="pf-c-breadcrumb__item">
5972
6011
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
5973
6012
  </li>
@@ -6014,7 +6053,9 @@ section: components
6014
6053
  class="pf-c-card pf-m-selectable-raised pf-m-compact"
6015
6054
  id="modal-tabs-example-card-1"
6016
6055
  >
6017
- <div class="pf-c-card__title">PatternFly</div>
6056
+ <div class="pf-c-card__title">
6057
+ <h2 class="pf-c-card__title-text">PatternFly</h2>
6058
+ </div>
6018
6059
  <div
6019
6060
  class="pf-c-card__body"
6020
6061
  >PatternFly is a community project that promotes design commonality and improves user experience.</div>
@@ -6023,7 +6064,9 @@ section: components
6023
6064
  class="pf-c-card pf-m-selectable-raised pf-m-compact"
6024
6065
  id="modal-tabs-example-card-2"
6025
6066
  >
6026
- <div class="pf-c-card__title">ActiveMQ</div>
6067
+ <div class="pf-c-card__title">
6068
+ <h2 class="pf-c-card__title-text">ActiveMQ</h2>
6069
+ </div>
6027
6070
  <div
6028
6071
  class="pf-c-card__body"
6029
6072
  >The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.</div>
@@ -6032,7 +6075,9 @@ section: components
6032
6075
  class="pf-c-card pf-m-selectable-raised pf-m-compact"
6033
6076
  id="modal-tabs-example-card-3"
6034
6077
  >
6035
- <div class="pf-c-card__title">Apache Spark</div>
6078
+ <div class="pf-c-card__title">
6079
+ <h2 class="pf-c-card__title-text">Apache Spark</h2>
6080
+ </div>
6036
6081
  <div
6037
6082
  class="pf-c-card__body"
6038
6083
  >This documentation page covers the Apache Spark component for the Apache Camel.</div>
@@ -6136,7 +6181,7 @@ section: components
6136
6181
  </div>
6137
6182
  <section class="pf-c-app-launcher__group">
6138
6183
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
6139
- <ul>
6184
+ <ul role="list">
6140
6185
  <li
6141
6186
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
6142
6187
  >
@@ -6188,7 +6233,7 @@ section: components
6188
6233
  <hr class="pf-c-divider" />
6189
6234
  <section class="pf-c-app-launcher__group">
6190
6235
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
6191
- <ul>
6236
+ <ul role="list">
6192
6237
  <li
6193
6238
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
6194
6239
  >
@@ -6843,7 +6888,7 @@ section: components
6843
6888
  id="gray-tabs-example-primary-nav"
6844
6889
  aria-label="Global"
6845
6890
  >
6846
- <ul class="pf-c-nav__list">
6891
+ <ul class="pf-c-nav__list" role="list">
6847
6892
  <li class="pf-c-nav__item">
6848
6893
  <a href="#" class="pf-c-nav__link">System panel</a>
6849
6894
  </li>
@@ -6875,7 +6920,7 @@ section: components
6875
6920
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6876
6921
  <div class="pf-c-page__main-body">
6877
6922
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6878
- <ol class="pf-c-breadcrumb__list">
6923
+ <ol class="pf-c-breadcrumb__list" role="list">
6879
6924
  <li class="pf-c-breadcrumb__item">
6880
6925
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6881
6926
  </li>
@@ -7043,9 +7088,11 @@ section: components
7043
7088
  class="pf-l-grid pf-m-all-6-col-on-md pf-m-all-3-col-on-2xl pf-m-gutter"
7044
7089
  >
7045
7090
  <div class="pf-c-card pf-m-flat">
7046
- <div
7047
- class="pf-c-card__title"
7048
- >Check system requirements</div>
7091
+ <div class="pf-c-card__title">
7092
+ <h2
7093
+ class="pf-c-card__title-text"
7094
+ >Check system requirements</h2>
7095
+ </div>
7049
7096
  <div class="pf-c-card__body">
7050
7097
  <p>
7051
7098
  Your physical or virtual machine should meet the
@@ -7054,9 +7101,11 @@ section: components
7054
7101
  </div>
7055
7102
  </div>
7056
7103
  <div class="pf-c-card pf-m-flat">
7057
- <div
7058
- class="pf-c-card__title"
7059
- >Download an installation ISO image</div>
7104
+ <div class="pf-c-card__title">
7105
+ <h2
7106
+ class="pf-c-card__title-text"
7107
+ >Download an installation ISO image</h2>
7108
+ </div>
7060
7109
  <div class="pf-c-card__body">
7061
7110
  <p>
7062
7111
  <a href="#">Download</a>&nbsp;the binary DVD ISO.
@@ -7064,9 +7113,11 @@ section: components
7064
7113
  </div>
7065
7114
  </div>
7066
7115
  <div class="pf-c-card pf-m-flat">
7067
- <div
7068
- class="pf-c-card__title"
7069
- >Create a bootable installation media</div>
7116
+ <div class="pf-c-card__title">
7117
+ <h2
7118
+ class="pf-c-card__title-text"
7119
+ >Create a bootable installation media</h2>
7120
+ </div>
7070
7121
  <div class="pf-c-card__body">
7071
7122
  <p>
7072
7123
  <a href="#">Create</a>&nbsp;a bootable installation media, for example a USB flash drive.