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

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 (342) hide show
  1. package/README.md +4 -4
  2. package/RELEASE-NOTES.md +18 -1
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/images/pfbg-icon.svg +1 -0
  5. package/assets/pficon/pficon.scss +7 -2
  6. package/assets/pficon/pficon.woff2 +0 -0
  7. package/base/_base.scss +0 -18
  8. package/base/_chart-globals.scss +0 -4
  9. package/base/_common.scss +0 -22
  10. package/base/_fa-icons.scss +1 -2
  11. package/base/_fonts.scss +22 -27
  12. package/base/_globals.scss +92 -86
  13. package/base/_icons.scss +1 -28
  14. package/base/_svg-icons.scss +6 -0
  15. package/base/_variables.scss +4 -4
  16. package/base/patternfly-common.css +0 -10
  17. package/base/patternfly-fa-icons.css +1 -1
  18. package/base/patternfly-fonts.css +17 -17
  19. package/base/patternfly-globals.css +35 -41
  20. package/base/patternfly-icons.css +8 -22
  21. package/base/patternfly-pf-icons.css +6 -2
  22. package/base/patternfly-themes.css +0 -42
  23. package/base/patternfly-variables.css +3 -3
  24. package/base/themes/dark/_globals.scss +1 -1
  25. package/base/themes/dark/_variables.scss +1 -1
  26. package/components/AboutModalBox/about-modal-box.css +20 -50
  27. package/components/AboutModalBox/about-modal-box.scss +22 -14
  28. package/components/Accordion/accordion.css +2 -0
  29. package/components/Accordion/accordion.scss +2 -0
  30. package/components/Alert/alert.css +17 -8
  31. package/components/Alert/alert.scss +21 -7
  32. package/components/Alert/themes/dark/alert.scss +1 -1
  33. package/components/AppLauncher/app-launcher.css +2 -0
  34. package/components/AppLauncher/app-launcher.scss +2 -0
  35. package/components/Avatar/avatar.scss +2 -2
  36. package/components/BackgroundImage/background-image.css +8 -35
  37. package/components/BackgroundImage/background-image.scss +17 -43
  38. package/components/Banner/banner.css +14 -52
  39. package/components/Banner/banner.scss +9 -13
  40. package/components/Breadcrumb/breadcrumb.css +2 -0
  41. package/components/Breadcrumb/breadcrumb.scss +2 -0
  42. package/components/CalendarMonth/calendar-month.css +2 -2
  43. package/components/CalendarMonth/calendar-month.scss +3 -3
  44. package/components/Card/card.css +115 -50
  45. package/components/Card/card.scss +164 -63
  46. package/components/Chip/chip.css +33 -24
  47. package/components/Chip/chip.scss +40 -31
  48. package/components/ChipGroup/chip-group.css +27 -17
  49. package/components/ChipGroup/chip-group.scss +36 -22
  50. package/components/Content/content.css +11 -5
  51. package/components/Content/content.scss +17 -9
  52. package/components/ContextSelector/context-selector.css +13 -6
  53. package/components/ContextSelector/context-selector.scss +14 -7
  54. package/components/DataList/data-list-grid.css +7 -7
  55. package/components/DataList/data-list-grid.scss +1 -1
  56. package/components/DataList/data-list.css +46 -40
  57. package/components/DataList/data-list.scss +37 -28
  58. package/components/DatePicker/date-picker.css +0 -8
  59. package/components/DatePicker/date-picker.scss +0 -9
  60. package/components/DescriptionList/description-list.css +7 -7
  61. package/components/DescriptionList/description-list.scss +7 -7
  62. package/components/Divider/divider.css +2 -2
  63. package/components/Divider/divider.scss +3 -3
  64. package/components/Drawer/drawer.css +15 -16
  65. package/components/Drawer/drawer.scss +2 -3
  66. package/components/Dropdown/dropdown.css +26 -25
  67. package/components/Dropdown/dropdown.scss +17 -18
  68. package/components/DualListSelector/dual-list-selector.css +1 -1
  69. package/components/DualListSelector/dual-list-selector.scss +1 -1
  70. package/components/EmptyState/empty-state.css +46 -52
  71. package/components/EmptyState/empty-state.scss +58 -57
  72. package/components/ExpandableSection/expandable-section.css +2 -0
  73. package/components/ExpandableSection/expandable-section.scss +2 -0
  74. package/components/Form/form.css +14 -12
  75. package/components/Form/form.scss +9 -7
  76. package/components/FormControl/form-control.css +2 -5
  77. package/components/FormControl/themes/dark/form-control.scss +2 -6
  78. package/components/HelperText/helper-text.css +4 -0
  79. package/components/HelperText/helper-text.scss +5 -0
  80. package/components/Hint/hint.css +2 -2
  81. package/components/Hint/hint.scss +2 -2
  82. package/components/Icon/icon.css +3 -3
  83. package/components/Icon/icon.scss +3 -3
  84. package/components/InputGroup/input-group.css +61 -85
  85. package/components/InputGroup/input-group.scss +55 -61
  86. package/components/InputGroup/themes/dark/input-group.scss +11 -25
  87. package/components/Label/label.css +49 -36
  88. package/components/Label/label.scss +53 -38
  89. package/components/Label/themes/dark/label.scss +2 -2
  90. package/components/LabelGroup/label-group.css +26 -22
  91. package/components/LabelGroup/label-group.scss +31 -26
  92. package/components/LogViewer/log-viewer.css +0 -38
  93. package/components/Login/login.css +20 -60
  94. package/components/Login/login.scss +16 -18
  95. package/components/Login/themes/dark/login.scss +4 -0
  96. package/components/Masthead/masthead.css +4 -42
  97. package/components/Masthead/masthead.scss +4 -4
  98. package/components/Menu/menu.css +9 -6
  99. package/components/Menu/menu.scss +34 -31
  100. package/components/MenuToggle/menu-toggle.css +3 -1
  101. package/components/MenuToggle/menu-toggle.scss +3 -1
  102. package/components/ModalBox/modal-box.css +12 -11
  103. package/components/ModalBox/modal-box.scss +14 -14
  104. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  105. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  106. package/components/Nav/nav.css +1 -1
  107. package/components/Nav/nav.scss +2 -2
  108. package/components/NotificationDrawer/notification-drawer.css +8 -8
  109. package/components/NotificationDrawer/notification-drawer.scss +8 -8
  110. package/components/OptionsMenu/options-menu.css +8 -10
  111. package/components/OptionsMenu/options-menu.scss +9 -11
  112. package/components/Page/page.css +101 -122
  113. package/components/Page/page.scss +49 -21
  114. package/components/Pagination/pagination.css +2 -110
  115. package/components/Pagination/pagination.scss +0 -6
  116. package/components/Popover/popover.css +31 -37
  117. package/components/Popover/popover.scss +32 -37
  118. package/components/Popover/themes/dark/popover.scss +3 -9
  119. package/components/Progress/progress.css +13 -10
  120. package/components/Progress/progress.scss +13 -10
  121. package/components/ProgressStepper/progress-stepper.css +5 -5
  122. package/components/ProgressStepper/progress-stepper.scss +5 -5
  123. package/components/SearchInput/search-input.css +4 -2
  124. package/components/SearchInput/search-input.scss +4 -2
  125. package/components/Select/select.css +1 -1
  126. package/components/Select/select.scss +1 -1
  127. package/components/Sidebar/sidebar.css +69 -26
  128. package/components/Sidebar/sidebar.scss +84 -27
  129. package/components/SimpleList/simple-list.css +1 -1
  130. package/components/SimpleList/simple-list.scss +2 -2
  131. package/components/Spinner/spinner.css +4 -133
  132. package/components/Spinner/spinner.scss +4 -173
  133. package/components/Table/table-grid.css +28 -28
  134. package/components/Table/table-scrollable.css +31 -26
  135. package/components/Table/table-scrollable.scss +33 -28
  136. package/components/Table/table-tree-view.css +14 -4
  137. package/components/Table/table-tree-view.scss +15 -0
  138. package/components/Table/table.css +67 -65
  139. package/components/Table/table.scss +65 -62
  140. package/components/Tabs/tabs.css +0 -4
  141. package/components/Tabs/tabs.scss +0 -7
  142. package/components/TextInputGroup/text-input-group.css +6 -4
  143. package/components/TextInputGroup/text-input-group.scss +6 -5
  144. package/components/Tile/tile.css +1 -1
  145. package/components/Tile/tile.scss +1 -1
  146. package/components/Timestamp/timestamp.css +3 -3
  147. package/components/Timestamp/timestamp.scss +3 -3
  148. package/components/Toolbar/toolbar.css +78 -43
  149. package/components/Toolbar/toolbar.scss +50 -10
  150. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  151. package/components/Tooltip/tooltip.css +7 -12
  152. package/components/Tooltip/tooltip.scss +6 -3
  153. package/components/TreeView/tree-view.css +7 -15
  154. package/components/TreeView/tree-view.scss +7 -18
  155. package/components/Wizard/wizard.css +16 -39
  156. package/components/Wizard/wizard.scss +20 -2
  157. package/docs/components/AboutModalBox/examples/AboutModalBox.md +20 -14
  158. package/docs/components/Accordion/examples/Accordion.md +12 -12
  159. package/docs/components/ActionList/examples/ActionList.md +6 -6
  160. package/docs/components/Alert/examples/Alert.md +29 -29
  161. package/docs/components/AlertGroup/examples/AlertGroup.md +15 -15
  162. package/docs/components/AppLauncher/examples/application-launcher.md +52 -46
  163. package/docs/components/Avatar/examples/Avatar.md +11 -11
  164. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  165. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  166. package/docs/components/BackgroundImage/examples/BackgroundImage.md +13 -29
  167. package/docs/components/Badge/examples/Badge.md +5 -5
  168. package/docs/components/Banner/examples/Banner.md +8 -8
  169. package/docs/components/Brand/examples/Brand.md +9 -9
  170. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  171. package/docs/components/Button/examples/Button.md +51 -55
  172. package/docs/components/CalendarMonth/examples/CalendarMonth.md +301 -284
  173. package/docs/components/Card/examples/Card.md +676 -116
  174. package/docs/components/Check/examples/Check.md +16 -19
  175. package/docs/components/Chip/examples/Chip.md +70 -52
  176. package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
  177. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  178. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  179. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  180. package/docs/components/Content/examples/Content.md +37 -9
  181. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  182. package/docs/components/ContextSelector/examples/context-selector.md +87 -80
  183. package/docs/components/DataList/examples/DataList.md +239 -202
  184. package/docs/components/DatePicker/examples/DatePicker.md +139 -104
  185. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  186. package/docs/components/Divider/examples/Divider.md +10 -10
  187. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  188. package/docs/components/Drawer/examples/Drawer.md +43 -43
  189. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  190. package/docs/components/Dropdown/examples/Dropdown.md +125 -100
  191. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  192. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  193. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  194. package/docs/components/FileUpload/examples/FileUpload.md +150 -110
  195. package/docs/components/Form/examples/Form.md +152 -130
  196. package/docs/components/FormControl/examples/FormControl.md +21 -20
  197. package/docs/components/HelperText/examples/HelperText.md +24 -35
  198. package/docs/components/Hint/examples/Hint.md +7 -7
  199. package/docs/components/Icon/examples/Icon.md +11 -12
  200. package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
  201. package/docs/components/InputGroup/examples/InputGroup.md +229 -179
  202. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  203. package/docs/components/Label/examples/Label.md +1427 -746
  204. package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
  205. package/docs/components/List/examples/List.md +18 -18
  206. package/docs/components/LogViewer/examples/LogViewer.md +79 -74
  207. package/docs/components/Login/examples/Login.md +103 -181
  208. package/docs/components/Masthead/examples/masthead.md +9 -9
  209. package/docs/components/Menu/examples/Menu.md +93 -85
  210. package/docs/components/MenuToggle/examples/MenuToggle.md +29 -28
  211. package/docs/components/ModalBox/examples/ModalBox.md +113 -92
  212. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +27 -26
  213. package/docs/components/Nav/examples/Navigation.md +69 -69
  214. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  215. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +64 -64
  216. package/docs/components/NumberInput/examples/NumberInput.md +311 -239
  217. package/docs/components/OptionsMenu/examples/options-menu.md +28 -28
  218. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  219. package/docs/components/Page/examples/Page.css +7 -1
  220. package/docs/components/Page/examples/Page.md +81 -54
  221. package/docs/components/Pagination/examples/Pagination.md +27 -27
  222. package/docs/components/Panel/examples/Panel.md +10 -10
  223. package/docs/components/Popover/examples/Popover.md +206 -149
  224. package/docs/components/Progress/examples/Progress.md +32 -61
  225. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -39
  226. package/docs/components/Radio/examples/Radio.md +12 -11
  227. package/docs/components/SearchInput/examples/SearchInput.md +185 -148
  228. package/docs/components/Select/examples/Select.md +372 -318
  229. package/docs/components/Sidebar/examples/Sidebar.md +70 -14
  230. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  231. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  232. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  233. package/docs/components/Slider/examples/Slider.md +84 -62
  234. package/docs/components/Spinner/examples/Spinner.md +18 -67
  235. package/docs/components/Switch/examples/Switch.md +19 -19
  236. package/docs/components/TabContent/examples/TabContent.md +13 -13
  237. package/docs/components/Table/examples/Table.css +4 -0
  238. package/docs/components/Table/examples/Table.md +5212 -5750
  239. package/docs/components/Tabs/examples/Tabs.md +155 -155
  240. package/docs/components/TextInputGroup/examples/TextInputGroup.md +523 -406
  241. package/docs/components/Tile/examples/Tile.md +16 -17
  242. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  243. package/docs/components/Title/examples/Title.md +17 -17
  244. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  245. package/docs/components/Toolbar/examples/Toolbar.md +848 -726
  246. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  247. package/docs/components/TreeView/examples/TreeView.md +34 -34
  248. package/docs/components/Truncate/examples/Truncate.md +4 -5
  249. package/docs/components/Wizard/examples/Wizard.md +119 -127
  250. package/docs/demos/AboutModal/examples/AboutModal.md +4 -5
  251. package/docs/demos/Alert/examples/Alert.md +118 -71
  252. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  253. package/docs/demos/Banner/examples/Banner.md +8 -9
  254. package/docs/demos/Button/examples/Button.md +10 -5
  255. package/docs/demos/Card/examples/Card.md +246 -168
  256. package/docs/demos/CardView/examples/CardView.md +57 -30
  257. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  258. package/docs/demos/Dashboard/examples/Dashboard.md +61 -38
  259. package/docs/demos/DataList/examples/DataList.md +312 -255
  260. package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
  261. package/docs/demos/Drawer/examples/Drawer.md +24 -22
  262. package/docs/demos/Form/examples/BasicForms.md +220 -213
  263. package/docs/demos/HelperText/examples/HelperText.md +16 -14
  264. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  265. package/docs/demos/Masthead/examples/Masthead.md +302 -284
  266. package/docs/demos/Modal/examples/Modal.md +54 -66
  267. package/docs/demos/Nav/examples/Nav.md +47 -47
  268. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +70 -58
  269. package/docs/demos/Page/examples/Page.md +982 -51
  270. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +22 -18
  271. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +121 -106
  272. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +345 -311
  273. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  274. package/docs/demos/Table/examples/Table.md +3373 -1333
  275. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  276. package/docs/demos/Toolbar/examples/Toolbar.md +1994 -329
  277. package/docs/demos/Wizard/examples/Wizard.md +289 -266
  278. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  279. package/docs/layouts/Flex/examples/Flex.md +98 -98
  280. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  281. package/docs/layouts/Grid/examples/Grid.md +9 -9
  282. package/docs/layouts/Level/examples/Level.md +5 -5
  283. package/docs/layouts/Split/examples/Split.md +7 -7
  284. package/docs/layouts/Stack/examples/Stack.md +6 -6
  285. package/docs/utilities/Accessibility/examples/Accessibility.md +5 -5
  286. package/docs/utilities/Alignment/examples/Alignment.md +7 -7
  287. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +13 -13
  288. package/docs/utilities/BoxShadow/examples/box-shadow.md +23 -23
  289. package/docs/utilities/Display/examples/Display.md +12 -12
  290. package/docs/utilities/Flex/examples/Flex.md +35 -35
  291. package/docs/utilities/Float/examples/Float.md +5 -5
  292. package/docs/utilities/Sizing/examples/Sizing.md +51 -51
  293. package/docs/utilities/Spacing/examples/Spacing.md +35 -35
  294. package/docs/utilities/Text/examples/Text.md +31 -31
  295. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  296. package/layouts/Gallery/gallery.css +1 -1
  297. package/layouts/Gallery/gallery.scss +1 -1
  298. package/layouts/Grid/grid.css +7 -7
  299. package/layouts/Grid/grid.scss +2 -2
  300. package/package.json +60 -66
  301. package/patternfly-addons.css +48 -48
  302. package/{patternfly-base-no-reset.css → patternfly-base-no-globals.css} +28 -73
  303. package/{patternfly-base-no-reset.scss → patternfly-base-no-globals.scss} +1 -0
  304. package/patternfly-base.css +63 -114
  305. package/{patternfly-no-reset.css → patternfly-no-globals.css} +1206 -2449
  306. package/{patternfly-no-reset.scss → patternfly-no-globals.scss} +1 -0
  307. package/patternfly.css +1234 -2483
  308. package/patternfly.min.css +1 -1
  309. package/patternfly.min.css.map +1 -1
  310. package/sass-utilities/functions.scss +8 -24
  311. package/sass-utilities/mixins.scss +15 -39
  312. package/sass-utilities/placeholders.scss +0 -23
  313. package/sass-utilities/scss-variables.scss +5 -6
  314. package/sass-utilities/themes/dark/placeholders.scss +0 -22
  315. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  316. package/utilities/Spacing/spacing.scss +2 -2
  317. package/utilities/Text/text.css +48 -48
  318. package/utilities/Text/text.scss +6 -6
  319. package/utilities/Text/themes/dark/text.scss +2 -2
  320. package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff +0 -0
  321. package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff +0 -0
  322. package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff +0 -0
  323. package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff +0 -0
  324. package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff +0 -0
  325. package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff +0 -0
  326. package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff +0 -0
  327. package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff +0 -0
  328. package/assets/fonts/RedHatText/RedHatText-Bold.woff +0 -0
  329. package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff +0 -0
  330. package/assets/fonts/RedHatText/RedHatText-Italic.woff +0 -0
  331. package/assets/fonts/RedHatText/RedHatText-Medium.woff +0 -0
  332. package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff +0 -0
  333. package/assets/fonts/RedHatText/RedHatText-Regular.woff +0 -0
  334. package/assets/fonts/webfonts/fa-solid-900.woff +0 -0
  335. package/assets/pficon/pficon.woff +0 -0
  336. package/base/_shield-inheritable.scss +0 -69
  337. package/base/_shield-noninheritable.scss +0 -13
  338. package/base/patternfly-shield-inheritable.css +0 -66
  339. package/base/patternfly-shield-inheritable.scss +0 -4
  340. package/base/patternfly-shield-noninheritable.css +0 -9
  341. package/base/patternfly-shield-noninheritable.scss +0 -4
  342. package/sass-utilities/bs-variables.scss +0 -709
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -1,6 +1,5 @@
1
1
  ---
2
2
  id: 'Description list'
3
- beta: true
4
3
  section: components
5
4
  cssPrefix: pf-d-description-list
6
5
  ---## Examples
@@ -97,7 +96,7 @@ cssPrefix: pf-d-description-list
97
96
  </div>
98
97
  <section class="pf-c-app-launcher__group">
99
98
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
100
- <ul>
99
+ <ul role="list">
101
100
  <li
102
101
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
103
102
  >
@@ -149,7 +148,7 @@ cssPrefix: pf-d-description-list
149
148
  <hr class="pf-c-divider" />
150
149
  <section class="pf-c-app-launcher__group">
151
150
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
152
- <ul>
151
+ <ul role="list">
153
152
  <li
154
153
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
155
154
  >
@@ -804,7 +803,7 @@ cssPrefix: pf-d-description-list
804
803
  id="description-list-basic-example-primary-nav"
805
804
  aria-label="Global"
806
805
  >
807
- <ul class="pf-c-nav__list">
806
+ <ul class="pf-c-nav__list" role="list">
808
807
  <li class="pf-c-nav__item">
809
808
  <a href="#" class="pf-c-nav__link">System panel</a>
810
809
  </li>
@@ -836,7 +835,7 @@ cssPrefix: pf-d-description-list
836
835
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
837
836
  <div class="pf-c-page__main-body">
838
837
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
839
- <ol class="pf-c-breadcrumb__list">
838
+ <ol class="pf-c-breadcrumb__list" role="list">
840
839
  <li class="pf-c-breadcrumb__item">
841
840
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
842
841
  </li>
@@ -1071,7 +1070,7 @@ cssPrefix: pf-d-description-list
1071
1070
  </div>
1072
1071
  <section class="pf-c-app-launcher__group">
1073
1072
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1074
- <ul>
1073
+ <ul role="list">
1075
1074
  <li
1076
1075
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1077
1076
  >
@@ -1123,7 +1122,7 @@ cssPrefix: pf-d-description-list
1123
1122
  <hr class="pf-c-divider" />
1124
1123
  <section class="pf-c-app-launcher__group">
1125
1124
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1126
- <ul>
1125
+ <ul role="list">
1127
1126
  <li
1128
1127
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1129
1128
  >
@@ -1778,7 +1777,7 @@ cssPrefix: pf-d-description-list
1778
1777
  id="description-list-in-drawer-example-primary-nav"
1779
1778
  aria-label="Global"
1780
1779
  >
1781
- <ul class="pf-c-nav__list">
1780
+ <ul class="pf-c-nav__list" role="list">
1782
1781
  <li class="pf-c-nav__item">
1783
1782
  <a href="#" class="pf-c-nav__link">System panel</a>
1784
1783
  </li>
@@ -1815,7 +1814,7 @@ cssPrefix: pf-d-description-list
1815
1814
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1816
1815
  <div class="pf-c-page__main-body">
1817
1816
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1818
- <ol class="pf-c-breadcrumb__list">
1817
+ <ol class="pf-c-breadcrumb__list" role="list">
1819
1818
  <li class="pf-c-breadcrumb__item">
1820
1819
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1821
1820
  </li>
@@ -1961,8 +1960,10 @@ cssPrefix: pf-d-description-list
1961
1960
  </div>
1962
1961
  <div class="pf-l-flex pf-m-space-items-sm">
1963
1962
  <div class="pf-l-flex__item">
1964
- <span class="pf-c-label pf-m-blue pf-m-compact">
1965
- <span class="pf-c-label__content">DC</span>
1963
+ <span class="pf-c-label pf-m-compact pf-m-blue">
1964
+ <span class="pf-c-label__content">
1965
+ <span class="pf-c-label__text">DC</span>
1966
+ </span>
1966
1967
  </span>
1967
1968
  </div>
1968
1969
  <div class="pf-l-flex__item">
@@ -2027,7 +2028,9 @@ cssPrefix: pf-d-description-list
2027
2028
  <div class="pf-l-flex pf-m-space-items-sm">
2028
2029
  <div class="pf-l-flex__item">
2029
2030
  <span class="pf-c-label pf-m-green">
2030
- <span class="pf-c-label__content">NS</span>
2031
+ <span class="pf-c-label__content">
2032
+ <span class="pf-c-label__text">NS</span>
2033
+ </span>
2031
2034
  </span>
2032
2035
  </div>
2033
2036
  <div class="pf-l-flex__item">
@@ -2044,7 +2047,9 @@ cssPrefix: pf-d-description-list
2044
2047
  <dd class="pf-c-description-list__description">
2045
2048
  <div class="pf-c-description-list__text">
2046
2049
  <div class="pf-c-chip">
2047
- <span class="pf-c-chip__text">app=mary-test</span>
2050
+ <span class="pf-c-chip__content">
2051
+ <span class="pf-c-chip__text">app=mary-test</span>
2052
+ </span>
2048
2053
  </div>
2049
2054
  </div>
2050
2055
  </dd>
@@ -2330,7 +2335,7 @@ cssPrefix: pf-d-description-list
2330
2335
  </div>
2331
2336
  <section class="pf-c-app-launcher__group">
2332
2337
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2333
- <ul>
2338
+ <ul role="list">
2334
2339
  <li
2335
2340
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2336
2341
  >
@@ -2382,7 +2387,7 @@ cssPrefix: pf-d-description-list
2382
2387
  <hr class="pf-c-divider" />
2383
2388
  <section class="pf-c-app-launcher__group">
2384
2389
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2385
- <ul>
2390
+ <ul role="list">
2386
2391
  <li
2387
2392
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2388
2393
  >
@@ -3037,7 +3042,7 @@ cssPrefix: pf-d-description-list
3037
3042
  id="description-list-complex-content-example-primary-nav"
3038
3043
  aria-label="Global"
3039
3044
  >
3040
- <ul class="pf-c-nav__list">
3045
+ <ul class="pf-c-nav__list" role="list">
3041
3046
  <li class="pf-c-nav__item">
3042
3047
  <a href="#" class="pf-c-nav__link">System panel</a>
3043
3048
  </li>
@@ -3069,7 +3074,7 @@ cssPrefix: pf-d-description-list
3069
3074
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3070
3075
  <div class="pf-c-page__main-body">
3071
3076
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3072
- <ol class="pf-c-breadcrumb__list">
3077
+ <ol class="pf-c-breadcrumb__list" role="list">
3073
3078
  <li class="pf-c-breadcrumb__item">
3074
3079
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3075
3080
  </li>
@@ -3138,7 +3143,9 @@ cssPrefix: pf-d-description-list
3138
3143
  <div class="pf-l-flex pf-m-space-items-sm">
3139
3144
  <div class="pf-l-flex__item">
3140
3145
  <span class="pf-c-label pf-m-green">
3141
- <span class="pf-c-label__content">NS</span>
3146
+ <span class="pf-c-label__content">
3147
+ <span class="pf-c-label__text">NS</span>
3148
+ </span>
3142
3149
  </span>
3143
3150
  </div>
3144
3151
  <div class="pf-l-flex__item">
@@ -3283,9 +3290,11 @@ cssPrefix: pf-d-description-list
3283
3290
  <div class="pf-l-flex pf-m-space-items-sm">
3284
3291
  <div class="pf-l-flex__item">
3285
3292
  <span
3286
- class="pf-c-label pf-m-green pf-m-compact"
3293
+ class="pf-c-label pf-m-compact pf-m-green"
3287
3294
  >
3288
- <span class="pf-c-label__content">S</span>
3295
+ <span class="pf-c-label__content">
3296
+ <span class="pf-c-label__text">S</span>
3297
+ </span>
3289
3298
  </span>
3290
3299
  </div>
3291
3300
  <div class="pf-l-flex__item">80</div>
@@ -3300,9 +3309,11 @@ cssPrefix: pf-d-description-list
3300
3309
  <div class="pf-l-flex pf-m-space-items-sm">
3301
3310
  <div class="pf-l-flex__item">
3302
3311
  <span
3303
- class="pf-c-label pf-m-cyan pf-m-compact"
3312
+ class="pf-c-label pf-m-compact pf-m-cyan"
3304
3313
  >
3305
- <span class="pf-c-label__content">P</span>
3314
+ <span class="pf-c-label__content">
3315
+ <span class="pf-c-label__text">P</span>
3316
+ </span>
3306
3317
  </span>
3307
3318
  </div>
3308
3319
  <div class="pf-l-flex__item">80</div>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -96,7 +96,7 @@ wrapperTag: div
96
96
  </div>
97
97
  <section class="pf-c-app-launcher__group">
98
98
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
99
- <ul>
99
+ <ul role="list">
100
100
  <li
101
101
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
102
102
  >
@@ -148,7 +148,7 @@ wrapperTag: div
148
148
  <hr class="pf-c-divider" />
149
149
  <section class="pf-c-app-launcher__group">
150
150
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
151
- <ul>
151
+ <ul role="list">
152
152
  <li
153
153
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
154
154
  >
@@ -803,7 +803,7 @@ wrapperTag: div
803
803
  id="drawer-collapsed-example-primary-nav"
804
804
  aria-label="Global"
805
805
  >
806
- <ul class="pf-c-nav__list">
806
+ <ul class="pf-c-nav__list" role="list">
807
807
  <li class="pf-c-nav__item">
808
808
  <a href="#" class="pf-c-nav__link">System panel</a>
809
809
  </li>
@@ -840,7 +840,7 @@ wrapperTag: div
840
840
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
841
841
  <div class="pf-c-page__main-body">
842
842
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
843
- <ol class="pf-c-breadcrumb__list">
843
+ <ol class="pf-c-breadcrumb__list" role="list">
844
844
  <li class="pf-c-breadcrumb__item">
845
845
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
846
846
  </li>
@@ -986,8 +986,10 @@ wrapperTag: div
986
986
  </div>
987
987
  <div class="pf-l-flex pf-m-space-items-sm">
988
988
  <div class="pf-l-flex__item">
989
- <span class="pf-c-label pf-m-blue pf-m-compact">
990
- <span class="pf-c-label__content">DC</span>
989
+ <span class="pf-c-label pf-m-compact pf-m-blue">
990
+ <span class="pf-c-label__content">
991
+ <span class="pf-c-label__text">DC</span>
992
+ </span>
991
993
  </span>
992
994
  </div>
993
995
  <div class="pf-l-flex__item">
@@ -1200,7 +1202,7 @@ wrapperTag: div
1200
1202
  </div>
1201
1203
  <section class="pf-c-app-launcher__group">
1202
1204
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1203
- <ul>
1205
+ <ul role="list">
1204
1206
  <li
1205
1207
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1206
1208
  >
@@ -1252,7 +1254,7 @@ wrapperTag: div
1252
1254
  <hr class="pf-c-divider" />
1253
1255
  <section class="pf-c-app-launcher__group">
1254
1256
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1255
- <ul>
1257
+ <ul role="list">
1256
1258
  <li
1257
1259
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1258
1260
  >
@@ -1907,7 +1909,7 @@ wrapperTag: div
1907
1909
  id="drawer-expanded-example-primary-nav"
1908
1910
  aria-label="Global"
1909
1911
  >
1910
- <ul class="pf-c-nav__list">
1912
+ <ul class="pf-c-nav__list" role="list">
1911
1913
  <li class="pf-c-nav__item">
1912
1914
  <a href="#" class="pf-c-nav__link">System panel</a>
1913
1915
  </li>
@@ -1944,7 +1946,7 @@ wrapperTag: div
1944
1946
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1945
1947
  <div class="pf-c-page__main-body">
1946
1948
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1947
- <ol class="pf-c-breadcrumb__list">
1949
+ <ol class="pf-c-breadcrumb__list" role="list">
1948
1950
  <li class="pf-c-breadcrumb__item">
1949
1951
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1950
1952
  </li>
@@ -2128,7 +2130,7 @@ wrapperTag: div
2128
2130
  </div>
2129
2131
  <section class="pf-c-app-launcher__group">
2130
2132
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2131
- <ul>
2133
+ <ul role="list">
2132
2134
  <li
2133
2135
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2134
2136
  >
@@ -2180,7 +2182,7 @@ wrapperTag: div
2180
2182
  <hr class="pf-c-divider" />
2181
2183
  <section class="pf-c-app-launcher__group">
2182
2184
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2183
- <ul>
2185
+ <ul role="list">
2184
2186
  <li
2185
2187
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2186
2188
  >
@@ -2835,7 +2837,7 @@ wrapperTag: div
2835
2837
  id="drawer-expanded-bottom-example-primary-nav"
2836
2838
  aria-label="Global"
2837
2839
  >
2838
- <ul class="pf-c-nav__list">
2840
+ <ul class="pf-c-nav__list" role="list">
2839
2841
  <li class="pf-c-nav__item">
2840
2842
  <a href="#" class="pf-c-nav__link">System panel</a>
2841
2843
  </li>
@@ -2872,7 +2874,7 @@ wrapperTag: div
2872
2874
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2873
2875
  <div class="pf-c-page__main-body">
2874
2876
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2875
- <ol class="pf-c-breadcrumb__list">
2877
+ <ol class="pf-c-breadcrumb__list" role="list">
2876
2878
  <li class="pf-c-breadcrumb__item">
2877
2879
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2878
2880
  </li>
@@ -3056,7 +3058,7 @@ wrapperTag: div
3056
3058
  </div>
3057
3059
  <section class="pf-c-app-launcher__group">
3058
3060
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3059
- <ul>
3061
+ <ul role="list">
3060
3062
  <li
3061
3063
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3062
3064
  >
@@ -3108,7 +3110,7 @@ wrapperTag: div
3108
3110
  <hr class="pf-c-divider" />
3109
3111
  <section class="pf-c-app-launcher__group">
3110
3112
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3111
- <ul>
3113
+ <ul role="list">
3112
3114
  <li
3113
3115
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3114
3116
  >
@@ -3763,7 +3765,7 @@ wrapperTag: div
3763
3765
  id="drawer-jump-links-primary-nav"
3764
3766
  aria-label="Global"
3765
3767
  >
3766
- <ul class="pf-c-nav__list">
3768
+ <ul class="pf-c-nav__list" role="list">
3767
3769
  <li class="pf-c-nav__item">
3768
3770
  <a href="#" class="pf-c-nav__link">System panel</a>
3769
3771
  </li>
@@ -3807,7 +3809,7 @@ wrapperTag: div
3807
3809
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
3808
3810
  >
3809
3811
  <div class="pf-c-jump-links__label">Jump to section</div>
3810
- <ul class="pf-c-jump-links__list">
3812
+ <ul class="pf-c-jump-links__list" role="list">
3811
3813
  <li class="pf-c-jump-links__item pf-m-current">
3812
3814
  <a
3813
3815
  class="pf-c-jump-links__link"
@@ -4011,7 +4013,7 @@ wrapperTag: div
4011
4013
  </div>
4012
4014
  <section class="pf-c-app-launcher__group">
4013
4015
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4014
- <ul>
4016
+ <ul role="list">
4015
4017
  <li
4016
4018
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4017
4019
  >
@@ -4063,7 +4065,7 @@ wrapperTag: div
4063
4065
  <hr class="pf-c-divider" />
4064
4066
  <section class="pf-c-app-launcher__group">
4065
4067
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4066
- <ul>
4068
+ <ul role="list">
4067
4069
  <li
4068
4070
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4069
4071
  >
@@ -4718,7 +4720,7 @@ wrapperTag: div
4718
4720
  id="drawer-expanded-jump-links-primary-nav"
4719
4721
  aria-label="Global"
4720
4722
  >
4721
- <ul class="pf-c-nav__list">
4723
+ <ul class="pf-c-nav__list" role="list">
4722
4724
  <li class="pf-c-nav__item">
4723
4725
  <a href="#" class="pf-c-nav__link">System panel</a>
4724
4726
  </li>
@@ -4762,7 +4764,7 @@ wrapperTag: div
4762
4764
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
4763
4765
  >
4764
4766
  <div class="pf-c-jump-links__label">Jump to section</div>
4765
- <ul class="pf-c-jump-links__list">
4767
+ <ul class="pf-c-jump-links__list" role="list">
4766
4768
  <li class="pf-c-jump-links__item pf-m-current">
4767
4769
  <a
4768
4770
  class="pf-c-jump-links__link"