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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (290) hide show
  1. package/RELEASE-NOTES.md +17 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/_base.scss +0 -18
  7. package/base/_chart-globals.scss +0 -4
  8. package/base/_common.scss +0 -22
  9. package/base/_fonts.scss +22 -22
  10. package/base/_globals.scss +1 -1
  11. package/base/_icons.scss +1 -28
  12. package/base/_svg-icons.scss +6 -0
  13. package/base/_variables.scss +1 -1
  14. package/base/patternfly-common.css +0 -10
  15. package/base/patternfly-fonts.css +17 -17
  16. package/base/patternfly-icons.css +6 -20
  17. package/base/patternfly-pf-icons.css +5 -1
  18. package/base/themes/dark/_globals.scss +1 -1
  19. package/base/themes/dark/_variables.scss +1 -1
  20. package/components/AboutModalBox/about-modal-box.css +7 -7
  21. package/components/AboutModalBox/about-modal-box.scss +7 -7
  22. package/components/Accordion/accordion.css +2 -0
  23. package/components/Accordion/accordion.scss +2 -0
  24. package/components/Alert/alert.css +3 -3
  25. package/components/Alert/alert.scss +3 -3
  26. package/components/AppLauncher/app-launcher.css +2 -0
  27. package/components/AppLauncher/app-launcher.scss +2 -0
  28. package/components/Avatar/avatar.scss +2 -2
  29. package/components/Banner/banner.css +14 -14
  30. package/components/Banner/banner.scss +9 -13
  31. package/components/Breadcrumb/breadcrumb.css +2 -0
  32. package/components/Breadcrumb/breadcrumb.scss +2 -0
  33. package/components/CalendarMonth/calendar-month.css +2 -2
  34. package/components/CalendarMonth/calendar-month.scss +3 -3
  35. package/components/Card/card.css +20 -21
  36. package/components/Card/card.scss +22 -26
  37. package/components/Chip/chip.css +33 -24
  38. package/components/Chip/chip.scss +40 -31
  39. package/components/ChipGroup/chip-group.css +27 -17
  40. package/components/ChipGroup/chip-group.scss +36 -22
  41. package/components/Content/content.css +11 -5
  42. package/components/Content/content.scss +17 -9
  43. package/components/ContextSelector/context-selector.css +5 -1
  44. package/components/ContextSelector/context-selector.scss +6 -2
  45. package/components/DataList/data-list-grid.css +7 -7
  46. package/components/DataList/data-list-grid.scss +1 -1
  47. package/components/DataList/data-list.css +12 -11
  48. package/components/DataList/data-list.scss +5 -4
  49. package/components/DescriptionList/description-list.css +7 -7
  50. package/components/DescriptionList/description-list.scss +7 -7
  51. package/components/Divider/divider.css +2 -2
  52. package/components/Divider/divider.scss +3 -3
  53. package/components/Drawer/drawer.css +15 -16
  54. package/components/Drawer/drawer.scss +2 -3
  55. package/components/Dropdown/dropdown.css +12 -10
  56. package/components/Dropdown/dropdown.scss +2 -0
  57. package/components/DualListSelector/dual-list-selector.css +1 -1
  58. package/components/DualListSelector/dual-list-selector.scss +1 -1
  59. package/components/EmptyState/empty-state.css +46 -52
  60. package/components/EmptyState/empty-state.scss +58 -57
  61. package/components/ExpandableSection/expandable-section.css +2 -0
  62. package/components/ExpandableSection/expandable-section.scss +2 -0
  63. package/components/Form/form.css +12 -12
  64. package/components/Form/form.scss +7 -7
  65. package/components/FormControl/form-control.css +2 -5
  66. package/components/FormControl/themes/dark/form-control.scss +2 -6
  67. package/components/Hint/hint.css +2 -2
  68. package/components/Hint/hint.scss +2 -2
  69. package/components/Label/label.css +43 -30
  70. package/components/Label/label.scss +49 -34
  71. package/components/LabelGroup/label-group.css +26 -22
  72. package/components/LabelGroup/label-group.scss +31 -26
  73. package/components/Login/login.css +11 -11
  74. package/components/Login/login.scss +10 -10
  75. package/components/Masthead/masthead.css +4 -4
  76. package/components/Masthead/masthead.scss +4 -4
  77. package/components/Menu/menu.css +9 -6
  78. package/components/Menu/menu.scss +34 -31
  79. package/components/MenuToggle/menu-toggle.css +3 -1
  80. package/components/MenuToggle/menu-toggle.scss +3 -1
  81. package/components/ModalBox/modal-box.css +9 -8
  82. package/components/ModalBox/modal-box.scss +11 -11
  83. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  84. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  85. package/components/Nav/nav.css +1 -1
  86. package/components/Nav/nav.scss +2 -2
  87. package/components/NotificationDrawer/notification-drawer.css +3 -3
  88. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  89. package/components/Page/page.css +71 -71
  90. package/components/Page/page.scss +12 -12
  91. package/components/Pagination/pagination.css +2 -2
  92. package/components/Popover/popover.css +25 -31
  93. package/components/Popover/popover.scss +27 -32
  94. package/components/Popover/themes/dark/popover.scss +2 -8
  95. package/components/Progress/progress.css +13 -10
  96. package/components/Progress/progress.scss +13 -10
  97. package/components/ProgressStepper/progress-stepper.css +5 -5
  98. package/components/ProgressStepper/progress-stepper.scss +5 -5
  99. package/components/SearchInput/search-input.css +4 -2
  100. package/components/SearchInput/search-input.scss +4 -2
  101. package/components/Select/select.css +1 -1
  102. package/components/Select/select.scss +1 -1
  103. package/components/Sidebar/sidebar.css +69 -26
  104. package/components/Sidebar/sidebar.scss +84 -27
  105. package/components/SimpleList/simple-list.css +1 -1
  106. package/components/SimpleList/simple-list.scss +2 -2
  107. package/components/Spinner/spinner.css +4 -4
  108. package/components/Spinner/spinner.scss +4 -4
  109. package/components/Table/table-grid.css +28 -28
  110. package/components/Table/table-scrollable.css +31 -26
  111. package/components/Table/table-scrollable.scss +33 -28
  112. package/components/Table/table-tree-view.css +14 -4
  113. package/components/Table/table-tree-view.scss +15 -0
  114. package/components/Table/table.css +7 -2
  115. package/components/Table/table.scss +9 -2
  116. package/components/Tabs/tabs.css +0 -4
  117. package/components/Tabs/tabs.scss +0 -7
  118. package/components/TextInputGroup/text-input-group.css +6 -4
  119. package/components/TextInputGroup/text-input-group.scss +6 -5
  120. package/components/Tile/tile.css +1 -1
  121. package/components/Tile/tile.scss +1 -1
  122. package/components/Timestamp/timestamp.css +3 -3
  123. package/components/Timestamp/timestamp.scss +3 -3
  124. package/components/Toolbar/toolbar.css +67 -39
  125. package/components/Toolbar/toolbar.scss +39 -5
  126. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  127. package/components/Tooltip/tooltip.css +7 -12
  128. package/components/Tooltip/tooltip.scss +6 -3
  129. package/components/TreeView/tree-view.css +7 -15
  130. package/components/TreeView/tree-view.scss +7 -18
  131. package/components/Wizard/wizard.css +16 -1
  132. package/components/Wizard/wizard.scss +20 -2
  133. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  134. package/docs/components/Accordion/examples/Accordion.md +12 -12
  135. package/docs/components/ActionList/examples/ActionList.md +6 -6
  136. package/docs/components/Alert/examples/Alert.md +19 -19
  137. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  138. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  139. package/docs/components/Avatar/examples/Avatar.md +11 -11
  140. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  141. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  142. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  143. package/docs/components/Badge/examples/Badge.md +5 -5
  144. package/docs/components/Banner/examples/Banner.md +8 -8
  145. package/docs/components/Brand/examples/Brand.md +9 -9
  146. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  147. package/docs/components/Button/examples/Button.md +35 -35
  148. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  149. package/docs/components/Card/examples/Card.md +139 -64
  150. package/docs/components/Check/examples/Check.md +15 -19
  151. package/docs/components/Chip/examples/Chip.md +70 -52
  152. package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
  153. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  154. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  155. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  156. package/docs/components/Content/examples/Content.md +37 -9
  157. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  158. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  159. package/docs/components/DataList/examples/DataList.md +187 -148
  160. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  161. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  162. package/docs/components/Divider/examples/Divider.md +10 -10
  163. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  164. package/docs/components/Drawer/examples/Drawer.md +43 -43
  165. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  166. package/docs/components/Dropdown/examples/Dropdown.md +123 -99
  167. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  168. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  169. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  170. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  171. package/docs/components/Form/examples/Form.md +64 -64
  172. package/docs/components/FormControl/examples/FormControl.md +20 -20
  173. package/docs/components/HelperText/examples/HelperText.md +12 -12
  174. package/docs/components/Hint/examples/Hint.md +7 -7
  175. package/docs/components/Icon/examples/Icon.md +10 -10
  176. package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
  177. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  178. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  179. package/docs/components/Label/examples/Label.md +1427 -746
  180. package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
  181. package/docs/components/List/examples/List.md +18 -18
  182. package/docs/components/LogViewer/examples/LogViewer.md +79 -73
  183. package/docs/components/Login/examples/Login.md +32 -32
  184. package/docs/components/Masthead/examples/masthead.md +9 -9
  185. package/docs/components/Menu/examples/Menu.md +82 -80
  186. package/docs/components/MenuToggle/examples/MenuToggle.md +28 -28
  187. package/docs/components/ModalBox/examples/ModalBox.md +106 -85
  188. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  189. package/docs/components/Nav/examples/Navigation.md +69 -69
  190. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  191. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  192. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  193. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  194. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  195. package/docs/components/Page/examples/Page.md +54 -54
  196. package/docs/components/Pagination/examples/Pagination.md +27 -27
  197. package/docs/components/Panel/examples/Panel.md +10 -10
  198. package/docs/components/Popover/examples/Popover.md +201 -144
  199. package/docs/components/Progress/examples/Progress.md +31 -60
  200. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  201. package/docs/components/Radio/examples/Radio.md +11 -11
  202. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  203. package/docs/components/Select/examples/Select.md +367 -313
  204. package/docs/components/Sidebar/examples/Sidebar.md +70 -14
  205. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  206. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  207. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  208. package/docs/components/Slider/examples/Slider.md +24 -24
  209. package/docs/components/Spinner/examples/Spinner.md +24 -24
  210. package/docs/components/Switch/examples/Switch.md +19 -19
  211. package/docs/components/TabContent/examples/TabContent.md +13 -13
  212. package/docs/components/Table/examples/Table.css +4 -0
  213. package/docs/components/Table/examples/Table.md +3163 -1712
  214. package/docs/components/Tabs/examples/Tabs.md +149 -149
  215. package/docs/components/TextInputGroup/examples/TextInputGroup.md +362 -280
  216. package/docs/components/Tile/examples/Tile.md +15 -15
  217. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  218. package/docs/components/Title/examples/Title.md +17 -17
  219. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  220. package/docs/components/Toolbar/examples/Toolbar.md +471 -378
  221. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  222. package/docs/components/TreeView/examples/TreeView.md +34 -34
  223. package/docs/components/Truncate/examples/Truncate.md +4 -4
  224. package/docs/components/Wizard/examples/Wizard.md +119 -127
  225. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  226. package/docs/demos/Alert/examples/Alert.md +13 -13
  227. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  228. package/docs/demos/Banner/examples/Banner.md +8 -9
  229. package/docs/demos/Card/examples/Card.md +219 -156
  230. package/docs/demos/CardView/examples/CardView.md +56 -29
  231. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  232. package/docs/demos/Dashboard/examples/Dashboard.md +51 -35
  233. package/docs/demos/DataList/examples/DataList.md +160 -111
  234. package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
  235. package/docs/demos/Drawer/examples/Drawer.md +24 -22
  236. package/docs/demos/Form/examples/BasicForms.md +28 -22
  237. package/docs/demos/HelperText/examples/HelperText.md +8 -9
  238. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  239. package/docs/demos/Masthead/examples/Masthead.md +32 -35
  240. package/docs/demos/Modal/examples/Modal.md +54 -66
  241. package/docs/demos/Nav/examples/Nav.md +47 -47
  242. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  243. package/docs/demos/Page/examples/Page.md +37 -37
  244. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -33
  245. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +83 -67
  246. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  247. package/docs/demos/Table/examples/Table.md +2465 -478
  248. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  249. package/docs/demos/Toolbar/examples/Toolbar.md +1811 -177
  250. package/docs/demos/Wizard/examples/Wizard.md +289 -266
  251. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  252. package/docs/layouts/Flex/examples/Flex.md +98 -98
  253. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  254. package/docs/layouts/Grid/examples/Grid.md +9 -9
  255. package/docs/layouts/Level/examples/Level.md +5 -5
  256. package/docs/layouts/Split/examples/Split.md +7 -7
  257. package/docs/layouts/Stack/examples/Stack.md +6 -6
  258. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  259. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  260. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  261. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  262. package/docs/utilities/Display/examples/Display.md +11 -11
  263. package/docs/utilities/Flex/examples/Flex.md +34 -34
  264. package/docs/utilities/Float/examples/Float.md +4 -4
  265. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  266. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  267. package/docs/utilities/Text/examples/Text.md +27 -27
  268. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  269. package/layouts/Gallery/gallery.css +1 -1
  270. package/layouts/Gallery/gallery.scss +1 -1
  271. package/layouts/Grid/grid.css +7 -7
  272. package/layouts/Grid/grid.scss +2 -2
  273. package/package.json +59 -65
  274. package/patternfly-base-no-reset.css +23 -47
  275. package/patternfly-base.css +23 -47
  276. package/patternfly-no-reset.css +770 -652
  277. package/patternfly.css +770 -652
  278. package/patternfly.min.css +1 -1
  279. package/patternfly.min.css.map +1 -1
  280. package/sass-utilities/functions.scss +8 -24
  281. package/sass-utilities/mixins.scss +15 -39
  282. package/sass-utilities/scss-variables.scss +1 -1
  283. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  284. package/utilities/Spacing/spacing.scss +2 -2
  285. package/base/_shield-inheritable.scss +0 -69
  286. package/base/_shield-noninheritable.scss +0 -13
  287. package/base/patternfly-shield-inheritable.css +0 -66
  288. package/base/patternfly-shield-inheritable.scss +0 -4
  289. package/base/patternfly-shield-noninheritable.css +0 -9
  290. package/base/patternfly-shield-noninheritable.scss +0 -4
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -99,7 +99,7 @@ wrapperTag: div
99
99
  </div>
100
100
  <section class="pf-c-app-launcher__group">
101
101
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
102
- <ul>
102
+ <ul role="list">
103
103
  <li
104
104
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
105
105
  >
@@ -151,7 +151,7 @@ wrapperTag: div
151
151
  <hr class="pf-c-divider" />
152
152
  <section class="pf-c-app-launcher__group">
153
153
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
154
- <ul>
154
+ <ul role="list">
155
155
  <li
156
156
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
157
157
  >
@@ -806,7 +806,7 @@ wrapperTag: div
806
806
  id="primary-detail-expanded-example-primary-nav"
807
807
  aria-label="Global"
808
808
  >
809
- <ul class="pf-c-nav__list">
809
+ <ul class="pf-c-nav__list" role="list">
810
810
  <li class="pf-c-nav__item">
811
811
  <a href="#" class="pf-c-nav__link">System panel</a>
812
812
  </li>
@@ -838,7 +838,7 @@ wrapperTag: div
838
838
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
839
839
  <div class="pf-c-page__main-body">
840
840
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
841
- <ol class="pf-c-breadcrumb__list">
841
+ <ol class="pf-c-breadcrumb__list" role="list">
842
842
  <li class="pf-c-breadcrumb__item">
843
843
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
844
844
  </li>
@@ -944,7 +944,6 @@ wrapperTag: div
944
944
  role="listbox"
945
945
  aria-labelledby="primary-detail-expanded-example-drawer-toolbar-select-name-label"
946
946
  hidden
947
- style="width: 175px"
948
947
  >
949
948
  <li role="presentation">
950
949
  <button
@@ -984,7 +983,10 @@ wrapperTag: div
984
983
  </li>
985
984
  </ul>
986
985
  </div>
987
- <div class="pf-c-text-input-group">
986
+ <div
987
+ class="pf-c-text-input-group"
988
+ style="width: auto"
989
+ >
988
990
  <div class="pf-c-text-input-group__main pf-m-icon">
989
991
  <span class="pf-c-text-input-group__text">
990
992
  <span class="pf-c-text-input-group__icon">
@@ -992,9 +994,9 @@ wrapperTag: div
992
994
  </span>
993
995
  <input
994
996
  class="pf-c-text-input-group__text-input"
995
- type="text"
996
- value
997
+ type="search"
997
998
  placeholder="Filter by name"
999
+ value
998
1000
  aria-label="Type to filter"
999
1001
  />
1000
1002
  </span>
@@ -1976,7 +1978,7 @@ wrapperTag: div
1976
1978
  </div>
1977
1979
  <section class="pf-c-app-launcher__group">
1978
1980
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1979
- <ul>
1981
+ <ul role="list">
1980
1982
  <li
1981
1983
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1982
1984
  >
@@ -2028,7 +2030,7 @@ wrapperTag: div
2028
2030
  <hr class="pf-c-divider" />
2029
2031
  <section class="pf-c-app-launcher__group">
2030
2032
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2031
- <ul>
2033
+ <ul role="list">
2032
2034
  <li
2033
2035
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2034
2036
  >
@@ -2683,7 +2685,7 @@ wrapperTag: div
2683
2685
  id="primary-detail-collapsed-example-primary-nav"
2684
2686
  aria-label="Global"
2685
2687
  >
2686
- <ul class="pf-c-nav__list">
2688
+ <ul class="pf-c-nav__list" role="list">
2687
2689
  <li class="pf-c-nav__item">
2688
2690
  <a href="#" class="pf-c-nav__link">System panel</a>
2689
2691
  </li>
@@ -2715,7 +2717,7 @@ wrapperTag: div
2715
2717
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2716
2718
  <div class="pf-c-page__main-body">
2717
2719
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2718
- <ol class="pf-c-breadcrumb__list">
2720
+ <ol class="pf-c-breadcrumb__list" role="list">
2719
2721
  <li class="pf-c-breadcrumb__item">
2720
2722
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2721
2723
  </li>
@@ -2821,7 +2823,6 @@ wrapperTag: div
2821
2823
  role="listbox"
2822
2824
  aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-select-name-label"
2823
2825
  hidden
2824
- style="width: 175px"
2825
2826
  >
2826
2827
  <li role="presentation">
2827
2828
  <button
@@ -2861,7 +2862,10 @@ wrapperTag: div
2861
2862
  </li>
2862
2863
  </ul>
2863
2864
  </div>
2864
- <div class="pf-c-text-input-group">
2865
+ <div
2866
+ class="pf-c-text-input-group"
2867
+ style="width: auto"
2868
+ >
2865
2869
  <div class="pf-c-text-input-group__main pf-m-icon">
2866
2870
  <span class="pf-c-text-input-group__text">
2867
2871
  <span class="pf-c-text-input-group__icon">
@@ -2869,9 +2873,9 @@ wrapperTag: div
2869
2873
  </span>
2870
2874
  <input
2871
2875
  class="pf-c-text-input-group__text-input"
2872
- type="text"
2873
- value
2876
+ type="search"
2874
2877
  placeholder="Filter by name"
2878
+ value
2875
2879
  aria-label="Type to filter"
2876
2880
  />
2877
2881
  </span>
@@ -3780,7 +3784,7 @@ wrapperTag: div
3780
3784
  </div>
3781
3785
  <section class="pf-c-app-launcher__group">
3782
3786
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3783
- <ul>
3787
+ <ul role="list">
3784
3788
  <li
3785
3789
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3786
3790
  >
@@ -3832,7 +3836,7 @@ wrapperTag: div
3832
3836
  <hr class="pf-c-divider" />
3833
3837
  <section class="pf-c-app-launcher__group">
3834
3838
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3835
- <ul>
3839
+ <ul role="list">
3836
3840
  <li
3837
3841
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3838
3842
  >
@@ -4487,7 +4491,7 @@ wrapperTag: div
4487
4491
  id="primary-detail-content-body-padding-example-primary-nav"
4488
4492
  aria-label="Global"
4489
4493
  >
4490
- <ul class="pf-c-nav__list">
4494
+ <ul class="pf-c-nav__list" role="list">
4491
4495
  <li class="pf-c-nav__item">
4492
4496
  <a href="#" class="pf-c-nav__link">System panel</a>
4493
4497
  </li>
@@ -4519,7 +4523,7 @@ wrapperTag: div
4519
4523
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4520
4524
  <div class="pf-c-page__main-body">
4521
4525
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4522
- <ol class="pf-c-breadcrumb__list">
4526
+ <ol class="pf-c-breadcrumb__list" role="list">
4523
4527
  <li class="pf-c-breadcrumb__item">
4524
4528
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4525
4529
  </li>
@@ -5489,7 +5493,7 @@ wrapperTag: div
5489
5493
  </div>
5490
5494
  <section class="pf-c-app-launcher__group">
5491
5495
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5492
- <ul>
5496
+ <ul role="list">
5493
5497
  <li
5494
5498
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5495
5499
  >
@@ -5541,7 +5545,7 @@ wrapperTag: div
5541
5545
  <hr class="pf-c-divider" />
5542
5546
  <section class="pf-c-app-launcher__group">
5543
5547
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5544
- <ul>
5548
+ <ul role="list">
5545
5549
  <li
5546
5550
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5547
5551
  >
@@ -6196,7 +6200,7 @@ wrapperTag: div
6196
6200
  id="primary-detail-card-view-expanded-example-primary-nav"
6197
6201
  aria-label="Global"
6198
6202
  >
6199
- <ul class="pf-c-nav__list">
6203
+ <ul class="pf-c-nav__list" role="list">
6200
6204
  <li class="pf-c-nav__item">
6201
6205
  <a href="#" class="pf-c-nav__link">System panel</a>
6202
6206
  </li>
@@ -6228,7 +6232,7 @@ wrapperTag: div
6228
6232
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6229
6233
  <div class="pf-c-page__main-body">
6230
6234
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6231
- <ol class="pf-c-breadcrumb__list">
6235
+ <ol class="pf-c-breadcrumb__list" role="list">
6232
6236
  <li class="pf-c-breadcrumb__item">
6233
6237
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6234
6238
  </li>
@@ -6300,11 +6304,14 @@ wrapperTag: div
6300
6304
  class="pf-c-dropdown__toggle-check"
6301
6305
  for="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6302
6306
  >
6303
- <input
6304
- type="checkbox"
6305
- id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6306
- aria-label="Select all"
6307
- />
6307
+ <div class="pf-c-check pf-m-standalone">
6308
+ <input
6309
+ class="pf-c-check__input"
6310
+ type="checkbox"
6311
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6312
+ aria-label="Select all"
6313
+ />
6314
+ </div>
6308
6315
  </label>
6309
6316
 
6310
6317
  <button
@@ -6376,7 +6383,6 @@ wrapperTag: div
6376
6383
  role="listbox"
6377
6384
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label"
6378
6385
  hidden
6379
- style="width: 175px"
6380
6386
  >
6381
6387
  <li role="presentation">
6382
6388
  <button
@@ -6416,7 +6422,7 @@ wrapperTag: div
6416
6422
  </li>
6417
6423
  </ul>
6418
6424
  </div>
6419
- <div class="pf-c-text-input-group">
6425
+ <div class="pf-c-text-input-group" style="width: auto">
6420
6426
  <div class="pf-c-text-input-group__main pf-m-icon">
6421
6427
  <span class="pf-c-text-input-group__text">
6422
6428
  <span class="pf-c-text-input-group__icon">
@@ -6424,9 +6430,9 @@ wrapperTag: div
6424
6430
  </span>
6425
6431
  <input
6426
6432
  class="pf-c-text-input-group__text-input"
6427
- type="text"
6428
- value
6433
+ type="search"
6429
6434
  placeholder="Filter by name"
6435
+ value
6430
6436
  aria-label="Type to filter"
6431
6437
  />
6432
6438
  </span>
@@ -6677,9 +6683,10 @@ wrapperTag: div
6677
6683
  </div>
6678
6684
  </div>
6679
6685
  <div class="pf-c-card__title">
6680
- <p
6686
+ <h2
6687
+ class="pf-c-card__title-text"
6681
6688
  id="primary-detail-card-view-expanded-example-drawer-card-1-check-label"
6682
- >Patternfly</p>
6689
+ >Patternfly</h2>
6683
6690
  <div class="pf-c-content">
6684
6691
  <small>Provided by Red Hat</small>
6685
6692
  </div>
@@ -6759,9 +6766,10 @@ wrapperTag: div
6759
6766
  </div>
6760
6767
  </div>
6761
6768
  <div class="pf-c-card__title">
6762
- <p
6769
+ <h2
6770
+ class="pf-c-card__title-text"
6763
6771
  id="primary-detail-card-view-expanded-example-drawer-card-2-check-label"
6764
- >ActiveMQ</p>
6772
+ >ActiveQ</h2>
6765
6773
  <div class="pf-c-content">
6766
6774
  <small>Provided by Red Hat</small>
6767
6775
  </div>
@@ -6841,9 +6849,10 @@ wrapperTag: div
6841
6849
  </div>
6842
6850
  </div>
6843
6851
  <div class="pf-c-card__title">
6844
- <p
6852
+ <h2
6853
+ class="pf-c-card__title-text"
6845
6854
  id="primary-detail-card-view-expanded-example-drawer-card-3-check-label"
6846
- >Apache Spark</p>
6855
+ >Apache Spark</h2>
6847
6856
  <div class="pf-c-content">
6848
6857
  <small>Provided by Red Hat</small>
6849
6858
  </div>
@@ -6923,9 +6932,10 @@ wrapperTag: div
6923
6932
  </div>
6924
6933
  </div>
6925
6934
  <div class="pf-c-card__title">
6926
- <p
6935
+ <h2
6936
+ class="pf-c-card__title-text"
6927
6937
  id="primary-detail-card-view-expanded-example-drawer-card-4-check-label"
6928
- >Avro</p>
6938
+ >Avro</h2>
6929
6939
  <div class="pf-c-content">
6930
6940
  <small>Provided by Red Hat</small>
6931
6941
  </div>
@@ -7005,9 +7015,10 @@ wrapperTag: div
7005
7015
  </div>
7006
7016
  </div>
7007
7017
  <div class="pf-c-card__title">
7008
- <p
7018
+ <h2
7019
+ class="pf-c-card__title-text"
7009
7020
  id="primary-detail-card-view-expanded-example-drawer-card-5-check-label"
7010
- >Azure Services</p>
7021
+ >Azure Services</h2>
7011
7022
  <div class="pf-c-content">
7012
7023
  <small>Provided by Red Hat</small>
7013
7024
  </div>
@@ -7087,9 +7098,10 @@ wrapperTag: div
7087
7098
  </div>
7088
7099
  </div>
7089
7100
  <div class="pf-c-card__title">
7090
- <p
7101
+ <h2
7102
+ class="pf-c-card__title-text"
7091
7103
  id="primary-detail-card-view-expanded-example-drawer-card-6-check-label"
7092
- >Crypto</p>
7104
+ >Crypto</h2>
7093
7105
  <div class="pf-c-content">
7094
7106
  <small>Provided by Red Hat</small>
7095
7107
  </div>
@@ -7168,9 +7180,10 @@ wrapperTag: div
7168
7180
  </div>
7169
7181
  </div>
7170
7182
  <div class="pf-c-card__title">
7171
- <p
7183
+ <h2
7184
+ class="pf-c-card__title-text"
7172
7185
  id="primary-detail-card-view-expanded-example-drawer-card-7-check-label"
7173
- >Patternfly</p>
7186
+ >Patternfly</h2>
7174
7187
  <div class="pf-c-content">
7175
7188
  <small>Provided by Red Hat</small>
7176
7189
  </div>
@@ -7249,9 +7262,10 @@ wrapperTag: div
7249
7262
  </div>
7250
7263
  </div>
7251
7264
  <div class="pf-c-card__title">
7252
- <p
7265
+ <h2
7266
+ class="pf-c-card__title-text"
7253
7267
  id="primary-detail-card-view-expanded-example-drawer-card-8-check-label"
7254
- >Patternfly</p>
7268
+ >Patternfly</h2>
7255
7269
  <div class="pf-c-content">
7256
7270
  <small>Provided by Red Hat</small>
7257
7271
  </div>
@@ -7330,9 +7344,10 @@ wrapperTag: div
7330
7344
  </div>
7331
7345
  </div>
7332
7346
  <div class="pf-c-card__title">
7333
- <p
7347
+ <h2
7348
+ class="pf-c-card__title-text"
7334
7349
  id="primary-detail-card-view-expanded-example-drawer-card-9-check-label"
7335
- >Patternfly</p>
7350
+ >Patternfly</h2>
7336
7351
  <div class="pf-c-content">
7337
7352
  <small>Provided by Red Hat</small>
7338
7353
  </div>
@@ -7411,9 +7426,10 @@ wrapperTag: div
7411
7426
  </div>
7412
7427
  </div>
7413
7428
  <div class="pf-c-card__title">
7414
- <p
7429
+ <h2
7430
+ class="pf-c-card__title-text"
7415
7431
  id="primary-detail-card-view-expanded-example-drawer-card-10-check-label"
7416
- >Patternfly</p>
7432
+ >Patternfly</h2>
7417
7433
  <div class="pf-c-content">
7418
7434
  <small>Provided by Red Hat</small>
7419
7435
  </div>
@@ -7615,7 +7631,7 @@ wrapperTag: div
7615
7631
  </div>
7616
7632
  <section class="pf-c-app-launcher__group">
7617
7633
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
7618
- <ul>
7634
+ <ul role="list">
7619
7635
  <li
7620
7636
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
7621
7637
  >
@@ -7667,7 +7683,7 @@ wrapperTag: div
7667
7683
  <hr class="pf-c-divider" />
7668
7684
  <section class="pf-c-app-launcher__group">
7669
7685
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
7670
- <ul>
7686
+ <ul role="list">
7671
7687
  <li
7672
7688
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
7673
7689
  >
@@ -8322,7 +8338,7 @@ wrapperTag: div
8322
8338
  id="primary-detail-card-simple-list-on-mobile-example-primary-nav"
8323
8339
  aria-label="Global"
8324
8340
  >
8325
- <ul class="pf-c-nav__list">
8341
+ <ul class="pf-c-nav__list" role="list">
8326
8342
  <li class="pf-c-nav__item">
8327
8343
  <a href="#" class="pf-c-nav__link">System panel</a>
8328
8344
  </li>
@@ -8354,7 +8370,7 @@ wrapperTag: div
8354
8370
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
8355
8371
  <div class="pf-c-page__main-body">
8356
8372
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
8357
- <ol class="pf-c-breadcrumb__list">
8373
+ <ol class="pf-c-breadcrumb__list" role="list">
8358
8374
  <li class="pf-c-breadcrumb__item">
8359
8375
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
8360
8376
  </li>
@@ -8406,7 +8422,7 @@ wrapperTag: div
8406
8422
  <div class="pf-c-simple-list">
8407
8423
  <section class="pf-c-simple-list__section">
8408
8424
  <h2 class="pf-c-simple-list__title">Section title</h2>
8409
- <ul class="pf-c-simple-list__list">
8425
+ <ul class="pf-c-simple-list__list" role="list">
8410
8426
  <li class="pf-c-simple-list__item">
8411
8427
  <button
8412
8428
  class="pf-c-simple-list__item-link pf-m-current"
@@ -8435,7 +8451,7 @@ wrapperTag: div
8435
8451
  </section>
8436
8452
  <section class="pf-c-simple-list__section">
8437
8453
  <h2 class="pf-c-simple-list__title">Section title</h2>
8438
- <ul class="pf-c-simple-list__list">
8454
+ <ul class="pf-c-simple-list__list" role="list">
8439
8455
  <li class="pf-c-simple-list__item">
8440
8456
  <button
8441
8457
  class="pf-c-simple-list__item-link"
@@ -8676,7 +8692,7 @@ wrapperTag: div
8676
8692
  </div>
8677
8693
  <section class="pf-c-app-launcher__group">
8678
8694
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
8679
- <ul>
8695
+ <ul role="list">
8680
8696
  <li
8681
8697
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
8682
8698
  >
@@ -8728,7 +8744,7 @@ wrapperTag: div
8728
8744
  <hr class="pf-c-divider" />
8729
8745
  <section class="pf-c-app-launcher__group">
8730
8746
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
8731
- <ul>
8747
+ <ul role="list">
8732
8748
  <li
8733
8749
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
8734
8750
  >
@@ -9383,7 +9399,7 @@ wrapperTag: div
9383
9399
  id="primary-detail-card-data-list-example-primary-nav"
9384
9400
  aria-label="Global"
9385
9401
  >
9386
- <ul class="pf-c-nav__list">
9402
+ <ul class="pf-c-nav__list" role="list">
9387
9403
  <li class="pf-c-nav__item">
9388
9404
  <a href="#" class="pf-c-nav__link">System panel</a>
9389
9405
  </li>
@@ -9415,7 +9431,7 @@ wrapperTag: div
9415
9431
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
9416
9432
  <div class="pf-c-page__main-body">
9417
9433
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
9418
- <ol class="pf-c-breadcrumb__list">
9434
+ <ol class="pf-c-breadcrumb__list" role="list">
9419
9435
  <li class="pf-c-breadcrumb__item">
9420
9436
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
9421
9437
  </li>
@@ -9981,7 +9997,7 @@ wrapperTag: div
9981
9997
  </div>
9982
9998
  <section class="pf-c-app-launcher__group">
9983
9999
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
9984
- <ul>
10000
+ <ul role="list">
9985
10001
  <li
9986
10002
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
9987
10003
  >
@@ -10033,7 +10049,7 @@ wrapperTag: div
10033
10049
  <hr class="pf-c-divider" />
10034
10050
  <section class="pf-c-app-launcher__group">
10035
10051
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
10036
- <ul>
10052
+ <ul role="list">
10037
10053
  <li
10038
10054
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
10039
10055
  >
@@ -10688,7 +10704,7 @@ wrapperTag: div
10688
10704
  id="primary-detail-inline-modifier-example-primary-nav"
10689
10705
  aria-label="Global"
10690
10706
  >
10691
- <ul class="pf-c-nav__list">
10707
+ <ul class="pf-c-nav__list" role="list">
10692
10708
  <li class="pf-c-nav__item">
10693
10709
  <a href="#" class="pf-c-nav__link">System panel</a>
10694
10710
  </li>
@@ -10720,7 +10736,7 @@ wrapperTag: div
10720
10736
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
10721
10737
  <div class="pf-c-page__main-body">
10722
10738
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
10723
- <ol class="pf-c-breadcrumb__list">
10739
+ <ol class="pf-c-breadcrumb__list" role="list">
10724
10740
  <li class="pf-c-breadcrumb__item">
10725
10741
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
10726
10742
  </li>
package/docs/demos/Skeleton/examples/Skeleton.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="skeleton-basic-example-primary-nav"
803
803
  aria-label="Global"
804
804
  >
805
- <ul class="pf-c-nav__list">
805
+ <ul class="pf-c-nav__list" role="list">
806
806
  <li class="pf-c-nav__item">
807
807
  <a href="#" class="pf-c-nav__link">System panel</a>
808
808
  </li>
@@ -834,7 +834,7 @@ section: components
834
834
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
835
835
  <div class="pf-c-page__main-body">
836
836
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
837
- <ol class="pf-c-breadcrumb__list">
837
+ <ol class="pf-c-breadcrumb__list" role="list">
838
838
  <li class="pf-c-breadcrumb__item">
839
839
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
840
840
  </li>