@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/HelperText/examples/HelperText.md CHANGED
@@ -1,6 +1,5 @@
1
1
  ---
2
2
  id: 'Helper text'
3
- beta: true
4
3
  section: components
5
4
  ---## Examples
6
5
 
@@ -23,8 +22,8 @@ section: components
23
22
  />
24
23
  <div
25
24
  class="pf-c-form__helper-text"
26
- id="helper-text-form-name-helper"
27
25
  aria-live="polite"
26
+ id="helper-text-form-name-helper"
28
27
  >
29
28
  <div class="pf-c-helper-text">
30
29
  <div class="pf-c-helper-text__item">
@@ -49,10 +48,11 @@ section: components
49
48
  name="helper-text-form-email"
50
49
  aria-describedby="helper-text-form-email-helper"
51
50
  />
51
+
52
52
  <div
53
53
  class="pf-c-form__helper-text"
54
- id="helper-text-form-email-helper"
55
54
  aria-live="polite"
55
+ id="helper-text-form-email-helper"
56
56
  >
57
57
  <div class="pf-c-helper-text">
58
58
  <div class="pf-c-helper-text__item pf-m-warning">
@@ -78,37 +78,38 @@ section: components
78
78
  aria-invalid="true"
79
79
  aria-describedby="helper-text-form-address-helper"
80
80
  />
81
+
81
82
  <div
82
83
  class="pf-c-form__helper-text"
83
- id="helper-text-form-address-helper"
84
84
  aria-live="polite"
85
+ id="helper-text-form-address-helper"
85
86
  >
86
- <ul class="pf-c-helper-text">
87
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
87
+ <div class="pf-c-helper-text">
88
+ <div class="pf-c-helper-text__item pf-m-success pf-m-dynamic">
88
89
  <span class="pf-c-helper-text__item-icon">
89
90
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
90
91
  </span>
91
92
  <span
92
93
  class="pf-c-helper-text__item-text"
93
94
  >This criteria has been met.</span>
94
- </li>
95
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-error">
95
+ </div>
96
+ <div class="pf-c-helper-text__item pf-m-error pf-m-dynamic">
96
97
  <span class="pf-c-helper-text__item-icon">
97
98
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
98
99
  </span>
99
100
  <span
100
101
  class="pf-c-helper-text__item-text"
101
102
  >This criteria has not been met.</span>
102
- </li>
103
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
103
+ </div>
104
+ <div class="pf-c-helper-text__item pf-m-success pf-m-dynamic">
104
105
  <span class="pf-c-helper-text__item-icon">
105
106
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
106
107
  </span>
107
108
  <span
108
109
  class="pf-c-helper-text__item-text"
109
110
  >This criteria has been met.</span>
110
- </li>
111
- </ul>
111
+ </div>
112
+ </div>
112
113
  </div>
113
114
  </div>
114
115
  </div>
@@ -125,13 +126,14 @@ section: components
125
126
  name="helper-text-form-comment"
126
127
  aria-describedby="helper-text-form-comment-helper"
127
128
  />
129
+
128
130
  <div
129
131
  class="pf-c-form__helper-text"
130
- id="helper-text-form-comment-helper"
131
132
  aria-live="polite"
133
+ id="helper-text-form-comment-helper"
132
134
  >
133
135
  <div class="pf-c-helper-text">
134
- <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
136
+ <div class="pf-c-helper-text__item pf-m-success pf-m-dynamic">
135
137
  <span class="pf-c-helper-text__item-icon">
136
138
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
137
139
  </span>
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -98,7 +98,7 @@ section: components
98
98
  </div>
99
99
  <section class="pf-c-app-launcher__group">
100
100
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
101
- <ul>
101
+ <ul role="list">
102
102
  <li
103
103
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
104
104
  >
@@ -150,7 +150,7 @@ section: components
150
150
  <hr class="pf-c-divider" />
151
151
  <section class="pf-c-app-launcher__group">
152
152
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
153
- <ul>
153
+ <ul role="list">
154
154
  <li
155
155
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
156
156
  >
@@ -805,7 +805,7 @@ section: components
805
805
  id="jump-links-collapsed-mobile-example-primary-nav"
806
806
  aria-label="Global"
807
807
  >
808
- <ul class="pf-c-nav__list">
808
+ <ul class="pf-c-nav__list" role="list">
809
809
  <li class="pf-c-nav__item">
810
810
  <a href="#" class="pf-c-nav__link">System panel</a>
811
811
  </li>
@@ -837,7 +837,7 @@ section: components
837
837
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
838
838
  <div class="pf-c-page__main-body">
839
839
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
840
- <ol class="pf-c-breadcrumb__list">
840
+ <ol class="pf-c-breadcrumb__list" role="list">
841
841
  <li class="pf-c-breadcrumb__item">
842
842
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
843
843
  </li>
@@ -902,7 +902,7 @@ section: components
902
902
  </div>
903
903
  <div class="pf-c-jump-links__label">Jump to section</div>
904
904
  </div>
905
- <ul class="pf-c-jump-links__list">
905
+ <ul class="pf-c-jump-links__list" role="list">
906
906
  <li class="pf-c-jump-links__item pf-m-current">
907
907
  <a
908
908
  class="pf-c-jump-links__link"
@@ -1084,7 +1084,7 @@ section: components
1084
1084
  </div>
1085
1085
  <section class="pf-c-app-launcher__group">
1086
1086
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1087
- <ul>
1087
+ <ul role="list">
1088
1088
  <li
1089
1089
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1090
1090
  >
@@ -1136,7 +1136,7 @@ section: components
1136
1136
  <hr class="pf-c-divider" />
1137
1137
  <section class="pf-c-app-launcher__group">
1138
1138
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1139
- <ul>
1139
+ <ul role="list">
1140
1140
  <li
1141
1141
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1142
1142
  >
@@ -1791,7 +1791,7 @@ section: components
1791
1791
  id="jump-links-vertical-expanded-mobile-example-primary-nav"
1792
1792
  aria-label="Global"
1793
1793
  >
1794
- <ul class="pf-c-nav__list">
1794
+ <ul class="pf-c-nav__list" role="list">
1795
1795
  <li class="pf-c-nav__item">
1796
1796
  <a href="#" class="pf-c-nav__link">System panel</a>
1797
1797
  </li>
@@ -1823,7 +1823,7 @@ section: components
1823
1823
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
1824
1824
  <div class="pf-c-page__main-body">
1825
1825
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
1826
- <ol class="pf-c-breadcrumb__list">
1826
+ <ol class="pf-c-breadcrumb__list" role="list">
1827
1827
  <li class="pf-c-breadcrumb__item">
1828
1828
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
1829
1829
  </li>
@@ -1888,7 +1888,7 @@ section: components
1888
1888
  </div>
1889
1889
  <div class="pf-c-jump-links__label">Jump to section</div>
1890
1890
  </div>
1891
- <ul class="pf-c-jump-links__list">
1891
+ <ul class="pf-c-jump-links__list" role="list">
1892
1892
  <li class="pf-c-jump-links__item pf-m-current">
1893
1893
  <a
1894
1894
  class="pf-c-jump-links__link"
@@ -2070,7 +2070,7 @@ section: components
2070
2070
  </div>
2071
2071
  <section class="pf-c-app-launcher__group">
2072
2072
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
2073
- <ul>
2073
+ <ul role="list">
2074
2074
  <li
2075
2075
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
2076
2076
  >
@@ -2122,7 +2122,7 @@ section: components
2122
2122
  <hr class="pf-c-divider" />
2123
2123
  <section class="pf-c-app-launcher__group">
2124
2124
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2125
- <ul>
2125
+ <ul role="list">
2126
2126
  <li
2127
2127
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2128
2128
  >
@@ -2777,7 +2777,7 @@ section: components
2777
2777
  id="jump-links-vertical-toggle-text-mobile-example-primary-nav"
2778
2778
  aria-label="Global"
2779
2779
  >
2780
- <ul class="pf-c-nav__list">
2780
+ <ul class="pf-c-nav__list" role="list">
2781
2781
  <li class="pf-c-nav__item">
2782
2782
  <a href="#" class="pf-c-nav__link">System panel</a>
2783
2783
  </li>
@@ -2809,7 +2809,7 @@ section: components
2809
2809
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2810
2810
  <div class="pf-c-page__main-body">
2811
2811
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2812
- <ol class="pf-c-breadcrumb__list">
2812
+ <ol class="pf-c-breadcrumb__list" role="list">
2813
2813
  <li class="pf-c-breadcrumb__item">
2814
2814
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2815
2815
  </li>
@@ -2874,7 +2874,7 @@ section: components
2874
2874
  </div>
2875
2875
  <div class="pf-c-jump-links__label">Jump to section</div>
2876
2876
  </div>
2877
- <ul class="pf-c-jump-links__list">
2877
+ <ul class="pf-c-jump-links__list" role="list">
2878
2878
  <li class="pf-c-jump-links__item pf-m-current">
2879
2879
  <a
2880
2880
  class="pf-c-jump-links__link"
@@ -3053,7 +3053,7 @@ section: components
3053
3053
  </div>
3054
3054
  <section class="pf-c-app-launcher__group">
3055
3055
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3056
- <ul>
3056
+ <ul role="list">
3057
3057
  <li
3058
3058
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3059
3059
  >
@@ -3105,7 +3105,7 @@ section: components
3105
3105
  <hr class="pf-c-divider" />
3106
3106
  <section class="pf-c-app-launcher__group">
3107
3107
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3108
- <ul>
3108
+ <ul role="list">
3109
3109
  <li
3110
3110
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3111
3111
  >
@@ -3760,7 +3760,7 @@ section: components
3760
3760
  id="jump-links-horizontal-example-primary-nav"
3761
3761
  aria-label="Global"
3762
3762
  >
3763
- <ul class="pf-c-nav__list">
3763
+ <ul class="pf-c-nav__list" role="list">
3764
3764
  <li class="pf-c-nav__item">
3765
3765
  <a href="#" class="pf-c-nav__link">System panel</a>
3766
3766
  </li>
@@ -3792,7 +3792,7 @@ section: components
3792
3792
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
3793
3793
  <div class="pf-c-page__main-body">
3794
3794
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
3795
- <ol class="pf-c-breadcrumb__list">
3795
+ <ol class="pf-c-breadcrumb__list" role="list">
3796
3796
  <li class="pf-c-breadcrumb__item">
3797
3797
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
3798
3798
  </li>
@@ -3839,7 +3839,7 @@ section: components
3839
3839
  <div class="pf-c-jump-links__header">
3840
3840
  <div class="pf-c-jump-links__label">Jump to section</div>
3841
3841
  </div>
3842
- <ul class="pf-c-jump-links__list">
3842
+ <ul class="pf-c-jump-links__list" role="list">
3843
3843
  <li class="pf-c-jump-links__item pf-m-current">
3844
3844
  <a class="pf-c-jump-links__link" href="#-first">
3845
3845
  <span class="pf-c-jump-links__link-text">First section</span>
@@ -3988,7 +3988,7 @@ section: components
3988
3988
  </div>
3989
3989
  <section class="pf-c-app-launcher__group">
3990
3990
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3991
- <ul>
3991
+ <ul role="list">
3992
3992
  <li
3993
3993
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3994
3994
  >
@@ -4040,7 +4040,7 @@ section: components
4040
4040
  <hr class="pf-c-divider" />
4041
4041
  <section class="pf-c-app-launcher__group">
4042
4042
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4043
- <ul>
4043
+ <ul role="list">
4044
4044
  <li
4045
4045
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
4046
4046
  >
@@ -4695,7 +4695,7 @@ section: components
4695
4695
  id="jump-links-drawer-primary-nav"
4696
4696
  aria-label="Global"
4697
4697
  >
4698
- <ul class="pf-c-nav__list">
4698
+ <ul class="pf-c-nav__list" role="list">
4699
4699
  <li class="pf-c-nav__item">
4700
4700
  <a href="#" class="pf-c-nav__link">System panel</a>
4701
4701
  </li>
@@ -4739,7 +4739,7 @@ section: components
4739
4739
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
4740
4740
  >
4741
4741
  <div class="pf-c-jump-links__label">Jump to section</div>
4742
- <ul class="pf-c-jump-links__list">
4742
+ <ul class="pf-c-jump-links__list" role="list">
4743
4743
  <li class="pf-c-jump-links__item pf-m-current">
4744
4744
  <a
4745
4745
  class="pf-c-jump-links__link"
@@ -4943,7 +4943,7 @@ section: components
4943
4943
  </div>
4944
4944
  <section class="pf-c-app-launcher__group">
4945
4945
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
4946
- <ul>
4946
+ <ul role="list">
4947
4947
  <li
4948
4948
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
4949
4949
  >
@@ -4995,7 +4995,7 @@ section: components
4995
4995
  <hr class="pf-c-divider" />
4996
4996
  <section class="pf-c-app-launcher__group">
4997
4997
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
4998
- <ul>
4998
+ <ul role="list">
4999
4999
  <li
5000
5000
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5001
5001
  >
@@ -5650,7 +5650,7 @@ section: components
5650
5650
  id="jump-links-drawer-expanded-primary-nav"
5651
5651
  aria-label="Global"
5652
5652
  >
5653
- <ul class="pf-c-nav__list">
5653
+ <ul class="pf-c-nav__list" role="list">
5654
5654
  <li class="pf-c-nav__item">
5655
5655
  <a href="#" class="pf-c-nav__link">System panel</a>
5656
5656
  </li>
@@ -5694,7 +5694,7 @@ section: components
5694
5694
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
5695
5695
  >
5696
5696
  <div class="pf-c-jump-links__label">Jump to section</div>
5697
- <ul class="pf-c-jump-links__list">
5697
+ <ul class="pf-c-jump-links__list" role="list">
5698
5698
  <li class="pf-c-jump-links__item pf-m-current">
5699
5699
  <a
5700
5700
  class="pf-c-jump-links__link"