@patternfly/patternfly 5.0.0-alpha.2 → 5.0.0-alpha.21

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 (224) hide show
  1. package/README.md +1 -1
  2. package/RELEASE-NOTES.md +47 -0
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/pficon/pficon.scss +6 -0
  5. package/assets/pficon/pficon.woff +0 -0
  6. package/assets/pficon/pficon.woff2 +0 -0
  7. package/base/_chart-globals.scss +0 -4
  8. package/base/_common.scss +0 -22
  9. package/base/patternfly-common.css +0 -10
  10. package/base/patternfly-icons.css +5 -1
  11. package/base/patternfly-pf-icons.css +5 -1
  12. package/components/Accordion/accordion.css +2 -0
  13. package/components/Accordion/accordion.scss +2 -0
  14. package/components/AppLauncher/app-launcher.css +2 -0
  15. package/components/AppLauncher/app-launcher.scss +2 -0
  16. package/components/Breadcrumb/breadcrumb.css +2 -0
  17. package/components/Breadcrumb/breadcrumb.scss +2 -0
  18. package/components/CalendarMonth/calendar-month.css +1 -1
  19. package/components/CalendarMonth/calendar-month.scss +1 -1
  20. package/components/Card/card.css +9 -12
  21. package/components/Card/card.scss +11 -17
  22. package/components/ChipGroup/chip-group.css +27 -17
  23. package/components/ChipGroup/chip-group.scss +36 -22
  24. package/components/Content/content.css +6 -0
  25. package/components/Content/content.scss +8 -0
  26. package/components/ContextSelector/context-selector.css +5 -1
  27. package/components/ContextSelector/context-selector.scss +6 -2
  28. package/components/DataList/data-list.css +2 -1
  29. package/components/DataList/data-list.scss +2 -1
  30. package/components/Drawer/drawer.css +13 -14
  31. package/components/Drawer/drawer.scss +0 -1
  32. package/components/Dropdown/dropdown.css +27 -10
  33. package/components/Dropdown/dropdown.scss +22 -0
  34. package/components/EmptyState/empty-state.css +46 -52
  35. package/components/EmptyState/empty-state.scss +58 -57
  36. package/components/ExpandableSection/expandable-section.css +2 -0
  37. package/components/ExpandableSection/expandable-section.scss +2 -0
  38. package/components/FormControl/form-control.css +1 -1
  39. package/components/FormControl/themes/dark/form-control.scss +1 -1
  40. package/components/InputGroup/input-group.css +14 -0
  41. package/components/InputGroup/input-group.scss +9 -0
  42. package/components/InputGroup/themes/dark/input-group.scss +8 -0
  43. package/components/Label/label.css +2 -0
  44. package/components/Label/label.scss +2 -0
  45. package/components/LabelGroup/label-group.css +26 -22
  46. package/components/LabelGroup/label-group.scss +31 -26
  47. package/components/Login/login.css +1 -1
  48. package/components/Menu/menu.css +7 -0
  49. package/components/Menu/menu.scss +8 -0
  50. package/components/MenuToggle/menu-toggle.css +2 -0
  51. package/components/MenuToggle/menu-toggle.scss +2 -0
  52. package/components/ModalBox/modal-box.css +9 -8
  53. package/components/ModalBox/modal-box.scss +11 -11
  54. package/components/Page/page.css +60 -60
  55. package/components/Pagination/pagination.css +122 -2
  56. package/components/Pagination/pagination.scss +24 -1
  57. package/components/Popover/popover.css +2 -7
  58. package/components/Popover/themes/dark/popover.scss +2 -8
  59. package/components/Progress/progress.css +5 -2
  60. package/components/Progress/progress.scss +5 -2
  61. package/components/SearchInput/search-input.css +2 -0
  62. package/components/SearchInput/search-input.scss +2 -0
  63. package/components/Slider/slider.css +0 -7
  64. package/components/Slider/slider.scss +0 -9
  65. package/components/Table/table-grid.css +28 -28
  66. package/components/Table/table-tree-view.css +4 -4
  67. package/components/Table/table.css +4 -0
  68. package/components/Table/table.scss +4 -0
  69. package/components/Tabs/tabs.css +0 -4
  70. package/components/Tabs/tabs.scss +0 -7
  71. package/components/TextInputGroup/text-input-group.css +4 -2
  72. package/components/TextInputGroup/text-input-group.scss +4 -3
  73. package/components/Toolbar/toolbar.css +65 -37
  74. package/components/Toolbar/toolbar.scss +37 -3
  75. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  76. package/components/Tooltip/tooltip.css +7 -12
  77. package/components/Tooltip/tooltip.scss +6 -3
  78. package/components/TreeView/tree-view.css +7 -15
  79. package/components/TreeView/tree-view.scss +7 -18
  80. package/components/Wizard/wizard.css +2 -0
  81. package/components/Wizard/wizard.scss +2 -0
  82. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  83. package/docs/components/Accordion/examples/Accordion.md +12 -12
  84. package/docs/components/ActionList/examples/ActionList.md +6 -6
  85. package/docs/components/Alert/examples/Alert.md +19 -19
  86. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  87. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  88. package/docs/components/Avatar/examples/Avatar.md +11 -11
  89. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  90. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  91. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  92. package/docs/components/Badge/examples/Badge.md +5 -5
  93. package/docs/components/Banner/examples/Banner.md +8 -8
  94. package/docs/components/Brand/examples/Brand.md +9 -9
  95. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  96. package/docs/components/Button/examples/Button.md +35 -35
  97. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  98. package/docs/components/Card/examples/Card.md +61 -44
  99. package/docs/components/Check/examples/Check.md +15 -19
  100. package/docs/components/Chip/examples/Chip.md +13 -13
  101. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -344
  102. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  103. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  104. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  105. package/docs/components/Content/examples/Content.md +37 -9
  106. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  107. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  108. package/docs/components/DataList/examples/DataList.md +187 -148
  109. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  110. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  111. package/docs/components/Divider/examples/Divider.md +10 -10
  112. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  113. package/docs/components/Drawer/examples/Drawer.md +43 -43
  114. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  115. package/docs/components/Dropdown/examples/Dropdown.md +311 -71
  116. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  117. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  118. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  119. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  120. package/docs/components/Form/examples/Form.md +64 -64
  121. package/docs/components/FormControl/examples/FormControl.md +20 -20
  122. package/docs/components/HelperText/examples/HelperText.md +12 -12
  123. package/docs/components/Hint/examples/Hint.md +7 -7
  124. package/docs/components/Icon/examples/Icon.md +10 -10
  125. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  126. package/docs/components/InputGroup/examples/InputGroup.md +10 -9
  127. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  128. package/docs/components/Label/examples/Label.md +31 -31
  129. package/docs/components/LabelGroup/examples/LabelGroup.md +24 -36
  130. package/docs/components/List/examples/List.md +18 -18
  131. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  132. package/docs/components/Login/examples/Login.md +32 -32
  133. package/docs/components/Masthead/examples/masthead.md +9 -9
  134. package/docs/components/Menu/examples/Menu.md +82 -80
  135. package/docs/components/MenuToggle/examples/MenuToggle.md +28 -28
  136. package/docs/components/ModalBox/examples/ModalBox.md +106 -85
  137. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  138. package/docs/components/Nav/examples/Navigation.md +69 -69
  139. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  140. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  141. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  142. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  143. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  144. package/docs/components/Page/examples/Page.md +54 -54
  145. package/docs/components/Pagination/examples/Pagination.md +129 -30
  146. package/docs/components/Panel/examples/Panel.md +10 -10
  147. package/docs/components/Popover/examples/Popover.md +34 -34
  148. package/docs/components/Progress/examples/Progress.md +31 -60
  149. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  150. package/docs/components/Radio/examples/Radio.md +11 -11
  151. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  152. package/docs/components/Select/examples/Select.md +143 -143
  153. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  154. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  155. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  156. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  157. package/docs/components/Slider/examples/Slider.md +30 -30
  158. package/docs/components/Spinner/examples/Spinner.md +24 -24
  159. package/docs/components/Switch/examples/Switch.md +19 -19
  160. package/docs/components/TabContent/examples/TabContent.md +13 -13
  161. package/docs/components/Table/examples/Table.md +1272 -855
  162. package/docs/components/Tabs/examples/Tabs.md +149 -149
  163. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  164. package/docs/components/Tile/examples/Tile.md +15 -15
  165. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  166. package/docs/components/Title/examples/Title.md +17 -17
  167. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  168. package/docs/components/Toolbar/examples/Toolbar.md +165 -144
  169. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  170. package/docs/components/TreeView/examples/TreeView.md +34 -34
  171. package/docs/components/Truncate/examples/Truncate.md +4 -4
  172. package/docs/components/Wizard/examples/Wizard.md +63 -70
  173. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  174. package/docs/demos/Alert/examples/Alert.md +13 -13
  175. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  176. package/docs/demos/Banner/examples/Banner.md +10 -11
  177. package/docs/demos/Card/examples/Card.md +151 -116
  178. package/docs/demos/CardView/examples/CardView.md +16 -15
  179. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  180. package/docs/demos/Dashboard/examples/Dashboard.md +10 -9
  181. package/docs/demos/DataList/examples/DataList.md +160 -111
  182. package/docs/demos/DescriptionList/examples/DescriptionList.md +12 -13
  183. package/docs/demos/Drawer/examples/Drawer.md +20 -20
  184. package/docs/demos/HelperText/examples/HelperText.md +8 -9
  185. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  186. package/docs/demos/Masthead/examples/Masthead.md +32 -35
  187. package/docs/demos/Modal/examples/Modal.md +54 -66
  188. package/docs/demos/Nav/examples/Nav.md +720 -767
  189. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  190. package/docs/demos/Page/examples/Page.md +37 -37
  191. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -33
  192. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +53 -49
  193. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  194. package/docs/demos/Table/examples/Table.md +522 -378
  195. package/docs/demos/Tabs/examples/Tabs.md +120 -601
  196. package/docs/demos/Toolbar/examples/Toolbar.md +1781 -171
  197. package/docs/demos/Wizard/examples/Wizard.md +229 -225
  198. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  199. package/docs/layouts/Flex/examples/Flex.md +98 -98
  200. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  201. package/docs/layouts/Grid/examples/Grid.md +9 -9
  202. package/docs/layouts/Level/examples/Level.md +5 -5
  203. package/docs/layouts/Split/examples/Split.md +7 -7
  204. package/docs/layouts/Stack/examples/Stack.md +6 -6
  205. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  206. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  207. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  208. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  209. package/docs/utilities/Display/examples/Display.md +11 -11
  210. package/docs/utilities/Flex/examples/Flex.md +34 -34
  211. package/docs/utilities/Float/examples/Float.md +4 -4
  212. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  213. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  214. package/docs/utilities/Text/examples/Text.md +27 -27
  215. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  216. package/layouts/Grid/grid.css +5 -5
  217. package/package.json +59 -64
  218. package/patternfly-base-no-reset.css +5 -11
  219. package/patternfly-base.css +5 -11
  220. package/patternfly-no-reset.css +528 -336
  221. package/patternfly.css +528 -336
  222. package/patternfly.min.css +1 -1
  223. package/patternfly.min.css.map +1 -1
  224. package/sass-utilities/scss-variables.scss +0 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -98,7 +98,7 @@ wrapperTag: div
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 @@ wrapperTag: div
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
  >
@@ -801,7 +801,7 @@ wrapperTag: div
801
801
  <div class="pf-c-page__sidebar">
802
802
  <div class="pf-c-page__sidebar-body">
803
803
  <nav class="pf-c-nav" id="basic-demo-primary-nav" aria-label="Global">
804
- <ul class="pf-c-nav__list">
804
+ <ul class="pf-c-nav__list" role="list">
805
805
  <li class="pf-c-nav__item">
806
806
  <a href="#" class="pf-c-nav__link">System panel</a>
807
807
  </li>
@@ -829,7 +829,7 @@ wrapperTag: div
829
829
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
830
830
  <div class="pf-c-page__main-body">
831
831
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
832
- <ol class="pf-c-breadcrumb__list">
832
+ <ol class="pf-c-breadcrumb__list" role="list">
833
833
  <li class="pf-c-breadcrumb__item">
834
834
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
835
835
  </li>
@@ -898,11 +898,14 @@ wrapperTag: div
898
898
  class="pf-c-dropdown__toggle-check"
899
899
  for="-bulk-select-toggle-check"
900
900
  >
901
- <input
902
- type="checkbox"
903
- id="-bulk-select-toggle-check"
904
- aria-label="Select all"
905
- />
901
+ <div class="pf-c-check pf-m-standalone">
902
+ <input
903
+ class="pf-c-check__input"
904
+ type="checkbox"
905
+ id="-bulk-select-toggle-check"
906
+ aria-label="Select all"
907
+ />
908
+ </div>
906
909
  </label>
907
910
 
908
911
  <button
@@ -971,7 +974,6 @@ wrapperTag: div
971
974
  role="listbox"
972
975
  aria-labelledby="-select-name-label"
973
976
  hidden
974
- style="width: 175px"
975
977
  >
976
978
  <li role="presentation">
977
979
  <button
@@ -1011,7 +1013,7 @@ wrapperTag: div
1011
1013
  </li>
1012
1014
  </ul>
1013
1015
  </div>
1014
- <div class="pf-c-text-input-group">
1016
+ <div class="pf-c-text-input-group" style="width: auto">
1015
1017
  <div class="pf-c-text-input-group__main pf-m-icon">
1016
1018
  <span class="pf-c-text-input-group__text">
1017
1019
  <span class="pf-c-text-input-group__icon">
@@ -1019,9 +1021,9 @@ wrapperTag: div
1019
1021
  </span>
1020
1022
  <input
1021
1023
  class="pf-c-text-input-group__text-input"
1022
- type="text"
1023
- value
1024
+ type="search"
1024
1025
  placeholder="Filter by name"
1026
+ value
1025
1027
  aria-label="Type to filter"
1026
1028
  />
1027
1029
  </span>
@@ -1183,11 +1185,14 @@ wrapperTag: div
1183
1185
  <tbody role="rowgroup">
1184
1186
  <tr role="row">
1185
1187
  <td class="pf-c-table__check" role="cell">
1186
- <input
1187
- type="checkbox"
1188
- name="checkrow1"
1189
- aria-labelledby="basic-demo-table-node1"
1190
- />
1188
+ <div class="pf-c-check pf-m-standalone">
1189
+ <input
1190
+ class="pf-c-check__input"
1191
+ type="checkbox"
1192
+ name="checkrow1"
1193
+ aria-labelledby="basic-demo-table-node1"
1194
+ />
1195
+ </div>
1191
1196
  </td>
1192
1197
  <th role="columnheader" data-label="Repository name">
1193
1198
  <div>
@@ -1268,11 +1273,14 @@ wrapperTag: div
1268
1273
 
1269
1274
  <tr role="row">
1270
1275
  <td class="pf-c-table__check" role="cell">
1271
- <input
1272
- type="checkbox"
1273
- name="checkrow2"
1274
- aria-labelledby="basic-demo-table-node2"
1275
- />
1276
+ <div class="pf-c-check pf-m-standalone">
1277
+ <input
1278
+ class="pf-c-check__input"
1279
+ type="checkbox"
1280
+ name="checkrow2"
1281
+ aria-labelledby="basic-demo-table-node2"
1282
+ />
1283
+ </div>
1276
1284
  </td>
1277
1285
  <th role="columnheader" data-label="Repository name">
1278
1286
  <div>
@@ -1353,11 +1361,14 @@ wrapperTag: div
1353
1361
 
1354
1362
  <tr role="row">
1355
1363
  <td class="pf-c-table__check" role="cell">
1356
- <input
1357
- type="checkbox"
1358
- name="checkrow3"
1359
- aria-labelledby="basic-demo-table-node3"
1360
- />
1364
+ <div class="pf-c-check pf-m-standalone">
1365
+ <input
1366
+ class="pf-c-check__input"
1367
+ type="checkbox"
1368
+ name="checkrow3"
1369
+ aria-labelledby="basic-demo-table-node3"
1370
+ />
1371
+ </div>
1361
1372
  </td>
1362
1373
  <th role="columnheader" data-label="Repository name">
1363
1374
  <div>
@@ -1438,11 +1449,14 @@ wrapperTag: div
1438
1449
 
1439
1450
  <tr role="row">
1440
1451
  <td class="pf-c-table__check" role="cell">
1441
- <input
1442
- type="checkbox"
1443
- name="checkrow4"
1444
- aria-labelledby="basic-demo-table-node4"
1445
- />
1452
+ <div class="pf-c-check pf-m-standalone">
1453
+ <input
1454
+ class="pf-c-check__input"
1455
+ type="checkbox"
1456
+ name="checkrow4"
1457
+ aria-labelledby="basic-demo-table-node4"
1458
+ />
1459
+ </div>
1446
1460
  </td>
1447
1461
  <th role="columnheader" data-label="Repository name">
1448
1462
  <div>
@@ -1523,11 +1537,14 @@ wrapperTag: div
1523
1537
 
1524
1538
  <tr role="row">
1525
1539
  <td class="pf-c-table__check" role="cell">
1526
- <input
1527
- type="checkbox"
1528
- name="checkrow5"
1529
- aria-labelledby="basic-demo-table-node5"
1530
- />
1540
+ <div class="pf-c-check pf-m-standalone">
1541
+ <input
1542
+ class="pf-c-check__input"
1543
+ type="checkbox"
1544
+ name="checkrow5"
1545
+ aria-labelledby="basic-demo-table-node5"
1546
+ />
1547
+ </div>
1531
1548
  </td>
1532
1549
  <td role="cell" data-label="Repository name">
1533
1550
  <div>
@@ -1802,7 +1819,7 @@ wrapperTag: div
1802
1819
  </div>
1803
1820
  <section class="pf-c-app-launcher__group">
1804
1821
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1805
- <ul>
1822
+ <ul role="list">
1806
1823
  <li
1807
1824
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1808
1825
  >
@@ -1854,7 +1871,7 @@ wrapperTag: div
1854
1871
  <hr class="pf-c-divider" />
1855
1872
  <section class="pf-c-app-launcher__group">
1856
1873
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
1857
- <ul>
1874
+ <ul role="list">
1858
1875
  <li
1859
1876
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
1860
1877
  >
@@ -2505,7 +2522,7 @@ wrapperTag: div
2505
2522
  <div class="pf-c-page__sidebar">
2506
2523
  <div class="pf-c-page__sidebar-body">
2507
2524
  <nav class="pf-c-nav" id="sortable-demo-primary-nav" aria-label="Global">
2508
- <ul class="pf-c-nav__list">
2525
+ <ul class="pf-c-nav__list" role="list">
2509
2526
  <li class="pf-c-nav__item">
2510
2527
  <a href="#" class="pf-c-nav__link">System panel</a>
2511
2528
  </li>
@@ -2533,7 +2550,7 @@ wrapperTag: div
2533
2550
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2534
2551
  <div class="pf-c-page__main-body">
2535
2552
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2536
- <ol class="pf-c-breadcrumb__list">
2553
+ <ol class="pf-c-breadcrumb__list" role="list">
2537
2554
  <li class="pf-c-breadcrumb__item">
2538
2555
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2539
2556
  </li>
@@ -2600,11 +2617,14 @@ wrapperTag: div
2600
2617
  class="pf-c-dropdown__toggle-check"
2601
2618
  for="-bulk-select-toggle-check"
2602
2619
  >
2603
- <input
2604
- type="checkbox"
2605
- id="-bulk-select-toggle-check"
2606
- aria-label="Select all"
2607
- />
2620
+ <div class="pf-c-check pf-m-standalone">
2621
+ <input
2622
+ class="pf-c-check__input"
2623
+ type="checkbox"
2624
+ id="-bulk-select-toggle-check"
2625
+ aria-label="Select all"
2626
+ />
2627
+ </div>
2608
2628
  </label>
2609
2629
 
2610
2630
  <button
@@ -2673,7 +2693,6 @@ wrapperTag: div
2673
2693
  role="listbox"
2674
2694
  aria-labelledby="-select-name-label"
2675
2695
  hidden
2676
- style="width: 175px"
2677
2696
  >
2678
2697
  <li role="presentation">
2679
2698
  <button
@@ -2713,7 +2732,7 @@ wrapperTag: div
2713
2732
  </li>
2714
2733
  </ul>
2715
2734
  </div>
2716
- <div class="pf-c-text-input-group">
2735
+ <div class="pf-c-text-input-group" style="width: auto">
2717
2736
  <div class="pf-c-text-input-group__main pf-m-icon">
2718
2737
  <span class="pf-c-text-input-group__text">
2719
2738
  <span class="pf-c-text-input-group__icon">
@@ -2721,9 +2740,9 @@ wrapperTag: div
2721
2740
  </span>
2722
2741
  <input
2723
2742
  class="pf-c-text-input-group__text-input"
2724
- type="text"
2725
- value
2743
+ type="search"
2726
2744
  placeholder="Filter by name"
2745
+ value
2727
2746
  aria-label="Type to filter"
2728
2747
  />
2729
2748
  </span>
@@ -3061,11 +3080,14 @@ wrapperTag: div
3061
3080
  <tbody role="rowgroup">
3062
3081
  <tr role="row">
3063
3082
  <td class="pf-c-table__check" role="cell">
3064
- <input
3065
- type="checkbox"
3066
- name="checkrow1"
3067
- aria-labelledby="sortable-demo-table-node1"
3068
- />
3083
+ <div class="pf-c-check pf-m-standalone">
3084
+ <input
3085
+ class="pf-c-check__input"
3086
+ type="checkbox"
3087
+ name="checkrow1"
3088
+ aria-labelledby="sortable-demo-table-node1"
3089
+ />
3090
+ </div>
3069
3091
  </td>
3070
3092
  <th role="columnheader" data-label="Repository name">
3071
3093
  <div>
@@ -3146,11 +3168,14 @@ wrapperTag: div
3146
3168
 
3147
3169
  <tr role="row">
3148
3170
  <td class="pf-c-table__check" role="cell">
3149
- <input
3150
- type="checkbox"
3151
- name="checkrow2"
3152
- aria-labelledby="sortable-demo-table-node2"
3153
- />
3171
+ <div class="pf-c-check pf-m-standalone">
3172
+ <input
3173
+ class="pf-c-check__input"
3174
+ type="checkbox"
3175
+ name="checkrow2"
3176
+ aria-labelledby="sortable-demo-table-node2"
3177
+ />
3178
+ </div>
3154
3179
  </td>
3155
3180
  <th role="columnheader" data-label="Repository name">
3156
3181
  <div>
@@ -3231,11 +3256,14 @@ wrapperTag: div
3231
3256
 
3232
3257
  <tr role="row">
3233
3258
  <td class="pf-c-table__check" role="cell">
3234
- <input
3235
- type="checkbox"
3236
- name="checkrow3"
3237
- aria-labelledby="sortable-demo-table-node3"
3238
- />
3259
+ <div class="pf-c-check pf-m-standalone">
3260
+ <input
3261
+ class="pf-c-check__input"
3262
+ type="checkbox"
3263
+ name="checkrow3"
3264
+ aria-labelledby="sortable-demo-table-node3"
3265
+ />
3266
+ </div>
3239
3267
  </td>
3240
3268
  <th role="columnheader" data-label="Repository name">
3241
3269
  <div>
@@ -3316,11 +3344,14 @@ wrapperTag: div
3316
3344
 
3317
3345
  <tr role="row">
3318
3346
  <td class="pf-c-table__check" role="cell">
3319
- <input
3320
- type="checkbox"
3321
- name="checkrow4"
3322
- aria-labelledby="sortable-demo-table-node4"
3323
- />
3347
+ <div class="pf-c-check pf-m-standalone">
3348
+ <input
3349
+ class="pf-c-check__input"
3350
+ type="checkbox"
3351
+ name="checkrow4"
3352
+ aria-labelledby="sortable-demo-table-node4"
3353
+ />
3354
+ </div>
3324
3355
  </td>
3325
3356
  <th role="columnheader" data-label="Repository name">
3326
3357
  <div>
@@ -3401,11 +3432,14 @@ wrapperTag: div
3401
3432
 
3402
3433
  <tr role="row">
3403
3434
  <td class="pf-c-table__check" role="cell">
3404
- <input
3405
- type="checkbox"
3406
- name="checkrow4"
3407
- aria-labelledby="sortable-demo-table-node5"
3408
- />
3435
+ <div class="pf-c-check pf-m-standalone">
3436
+ <input
3437
+ class="pf-c-check__input"
3438
+ type="checkbox"
3439
+ name="checkrow5"
3440
+ aria-labelledby="sortable-demo-table-node5"
3441
+ />
3442
+ </div>
3409
3443
  </td>
3410
3444
  <td role="cell" data-label="Repository name">
3411
3445
  <div>
@@ -3680,7 +3714,7 @@ wrapperTag: div
3680
3714
  </div>
3681
3715
  <section class="pf-c-app-launcher__group">
3682
3716
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3683
- <ul>
3717
+ <ul role="list">
3684
3718
  <li
3685
3719
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3686
3720
  >
@@ -3732,7 +3766,7 @@ wrapperTag: div
3732
3766
  <hr class="pf-c-divider" />
3733
3767
  <section class="pf-c-app-launcher__group">
3734
3768
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3735
- <ul>
3769
+ <ul role="list">
3736
3770
  <li
3737
3771
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3738
3772
  >
@@ -4387,7 +4421,7 @@ wrapperTag: div
4387
4421
  id="expandable-demo-primary-nav"
4388
4422
  aria-label="Global"
4389
4423
  >
4390
- <ul class="pf-c-nav__list">
4424
+ <ul class="pf-c-nav__list" role="list">
4391
4425
  <li class="pf-c-nav__item">
4392
4426
  <a href="#" class="pf-c-nav__link">System panel</a>
4393
4427
  </li>
@@ -4415,7 +4449,7 @@ wrapperTag: div
4415
4449
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4416
4450
  <div class="pf-c-page__main-body">
4417
4451
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4418
- <ol class="pf-c-breadcrumb__list">
4452
+ <ol class="pf-c-breadcrumb__list" role="list">
4419
4453
  <li class="pf-c-breadcrumb__item">
4420
4454
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4421
4455
  </li>
@@ -4482,11 +4516,14 @@ wrapperTag: div
4482
4516
  class="pf-c-dropdown__toggle-check"
4483
4517
  for="-bulk-select-toggle-check"
4484
4518
  >
4485
- <input
4486
- type="checkbox"
4487
- id="-bulk-select-toggle-check"
4488
- aria-label="Select all"
4489
- />
4519
+ <div class="pf-c-check pf-m-standalone">
4520
+ <input
4521
+ class="pf-c-check__input"
4522
+ type="checkbox"
4523
+ id="-bulk-select-toggle-check"
4524
+ aria-label="Select all"
4525
+ />
4526
+ </div>
4490
4527
  </label>
4491
4528
 
4492
4529
  <button
@@ -4555,7 +4592,6 @@ wrapperTag: div
4555
4592
  role="listbox"
4556
4593
  aria-labelledby="-select-name-label"
4557
4594
  hidden
4558
- style="width: 175px"
4559
4595
  >
4560
4596
  <li role="presentation">
4561
4597
  <button
@@ -4595,7 +4631,7 @@ wrapperTag: div
4595
4631
  </li>
4596
4632
  </ul>
4597
4633
  </div>
4598
- <div class="pf-c-text-input-group">
4634
+ <div class="pf-c-text-input-group" style="width: auto">
4599
4635
  <div class="pf-c-text-input-group__main pf-m-icon">
4600
4636
  <span class="pf-c-text-input-group__text">
4601
4637
  <span class="pf-c-text-input-group__icon">
@@ -4603,9 +4639,9 @@ wrapperTag: div
4603
4639
  </span>
4604
4640
  <input
4605
4641
  class="pf-c-text-input-group__text-input"
4606
- type="text"
4607
- value
4642
+ type="search"
4608
4643
  placeholder="Filter by name"
4644
+ value
4609
4645
  aria-label="Type to filter"
4610
4646
  />
4611
4647
  </span>
@@ -4963,11 +4999,14 @@ wrapperTag: div
4963
4999
  </td>
4964
5000
 
4965
5001
  <td class="pf-c-table__check" role="cell">
4966
- <input
4967
- type="checkbox"
4968
- name="checkrow1"
4969
- aria-labelledby="expandable-demo-table-node1"
4970
- />
5002
+ <div class="pf-c-check pf-m-standalone">
5003
+ <input
5004
+ class="pf-c-check__input"
5005
+ type="checkbox"
5006
+ name="checkrow1"
5007
+ aria-labelledby="expandable-demo-table-node1"
5008
+ />
5009
+ </div>
4971
5010
  </td>
4972
5011
  <th role="columnheader" data-label="Repository name">
4973
5012
  <div>
@@ -5088,11 +5127,14 @@ wrapperTag: div
5088
5127
  </td>
5089
5128
 
5090
5129
  <td class="pf-c-table__check" role="cell">
5091
- <input
5092
- type="checkbox"
5093
- name="checkrow2"
5094
- aria-labelledby="expandable-demo-table-node2"
5095
- />
5130
+ <div class="pf-c-check pf-m-standalone">
5131
+ <input
5132
+ class="pf-c-check__input"
5133
+ type="checkbox"
5134
+ name="checkrow2"
5135
+ aria-labelledby="expandable-demo-table-node2"
5136
+ />
5137
+ </div>
5096
5138
  </td>
5097
5139
  <td role="cell" data-label="Repository name">
5098
5140
  <div>
@@ -5225,11 +5267,14 @@ wrapperTag: div
5225
5267
  </td>
5226
5268
 
5227
5269
  <td class="pf-c-table__check" role="cell">
5228
- <input
5229
- type="checkbox"
5230
- name="checkrow3"
5231
- aria-labelledby="expandable-demo-table-node3"
5232
- />
5270
+ <div class="pf-c-check pf-m-standalone">
5271
+ <input
5272
+ class="pf-c-check__input"
5273
+ type="checkbox"
5274
+ name="checkrow3"
5275
+ aria-labelledby="expandable-demo-table-node3"
5276
+ />
5277
+ </div>
5233
5278
  </td>
5234
5279
  <th role="columnheader" data-label="Repository name">
5235
5280
  <div>
@@ -5344,11 +5389,14 @@ wrapperTag: div
5344
5389
  </td>
5345
5390
 
5346
5391
  <td class="pf-c-table__check" role="cell">
5347
- <input
5348
- type="checkbox"
5349
- name="checkrow4"
5350
- aria-labelledby="expandable-demo-table-node4"
5351
- />
5392
+ <div class="pf-c-check pf-m-standalone">
5393
+ <input
5394
+ class="pf-c-check__input"
5395
+ type="checkbox"
5396
+ name="checkrow4"
5397
+ aria-labelledby="expandable-demo-table-node4"
5398
+ />
5399
+ </div>
5352
5400
  </td>
5353
5401
  <th role="columnheader" data-label="Repository name">
5354
5402
  <div>
@@ -5463,11 +5511,14 @@ wrapperTag: div
5463
5511
  </td>
5464
5512
 
5465
5513
  <td class="pf-c-table__check" role="cell">
5466
- <input
5467
- type="checkbox"
5468
- name="checkrow5"
5469
- aria-labelledby="expandable-demo-table-node5"
5470
- />
5514
+ <div class="pf-c-check pf-m-standalone">
5515
+ <input
5516
+ class="pf-c-check__input"
5517
+ type="checkbox"
5518
+ name="checkrow5"
5519
+ aria-labelledby="expandable-demo-table-node5"
5520
+ />
5521
+ </div>
5471
5522
  </td>
5472
5523
  <td role="cell" data-label="Repository name">
5473
5524
  <div>
@@ -5760,7 +5811,7 @@ wrapperTag: div
5760
5811
  </div>
5761
5812
  <section class="pf-c-app-launcher__group">
5762
5813
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5763
- <ul>
5814
+ <ul role="list">
5764
5815
  <li
5765
5816
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5766
5817
  >
@@ -5812,7 +5863,7 @@ wrapperTag: div
5812
5863
  <hr class="pf-c-divider" />
5813
5864
  <section class="pf-c-app-launcher__group">
5814
5865
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5815
- <ul>
5866
+ <ul role="list">
5816
5867
  <li
5817
5868
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5818
5869
  >
@@ -6463,7 +6514,7 @@ wrapperTag: div
6463
6514
  <div class="pf-c-page__sidebar">
6464
6515
  <div class="pf-c-page__sidebar-body">
6465
6516
  <nav class="pf-c-nav" id="compact-demo-primary-nav" aria-label="Global">
6466
- <ul class="pf-c-nav__list">
6517
+ <ul class="pf-c-nav__list" role="list">
6467
6518
  <li class="pf-c-nav__item">
6468
6519
  <a href="#" class="pf-c-nav__link">System panel</a>
6469
6520
  </li>
@@ -6491,7 +6542,7 @@ wrapperTag: div
6491
6542
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6492
6543
  <div class="pf-c-page__main-body">
6493
6544
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6494
- <ol class="pf-c-breadcrumb__list">
6545
+ <ol class="pf-c-breadcrumb__list" role="list">
6495
6546
  <li class="pf-c-breadcrumb__item">
6496
6547
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6497
6548
  </li>
@@ -6558,11 +6609,14 @@ wrapperTag: div
6558
6609
  class="pf-c-dropdown__toggle-check"
6559
6610
  for="-bulk-select-toggle-check"
6560
6611
  >
6561
- <input
6562
- type="checkbox"
6563
- id="-bulk-select-toggle-check"
6564
- aria-label="Select all"
6565
- />
6612
+ <div class="pf-c-check pf-m-standalone">
6613
+ <input
6614
+ class="pf-c-check__input"
6615
+ type="checkbox"
6616
+ id="-bulk-select-toggle-check"
6617
+ aria-label="Select all"
6618
+ />
6619
+ </div>
6566
6620
  </label>
6567
6621
 
6568
6622
  <button
@@ -6631,7 +6685,6 @@ wrapperTag: div
6631
6685
  role="listbox"
6632
6686
  aria-labelledby="-select-name-label"
6633
6687
  hidden
6634
- style="width: 175px"
6635
6688
  >
6636
6689
  <li role="presentation">
6637
6690
  <button
@@ -6671,7 +6724,7 @@ wrapperTag: div
6671
6724
  </li>
6672
6725
  </ul>
6673
6726
  </div>
6674
- <div class="pf-c-text-input-group">
6727
+ <div class="pf-c-text-input-group" style="width: auto">
6675
6728
  <div class="pf-c-text-input-group__main pf-m-icon">
6676
6729
  <span class="pf-c-text-input-group__text">
6677
6730
  <span class="pf-c-text-input-group__icon">
@@ -6679,9 +6732,9 @@ wrapperTag: div
6679
6732
  </span>
6680
6733
  <input
6681
6734
  class="pf-c-text-input-group__text-input"
6682
- type="text"
6683
- value
6735
+ type="search"
6684
6736
  placeholder="Filter by name"
6737
+ value
6685
6738
  aria-label="Type to filter"
6686
6739
  />
6687
6740
  </span>
@@ -7010,11 +7063,14 @@ wrapperTag: div
7010
7063
  <tbody role="rowgroup">
7011
7064
  <tr role="row">
7012
7065
  <td class="pf-c-table__check" role="cell">
7013
- <input
7014
- type="checkbox"
7015
- name="checkrow1"
7016
- aria-labelledby="compact-demo-table-name1"
7017
- />
7066
+ <div class="pf-c-check pf-m-standalone">
7067
+ <input
7068
+ class="pf-c-check__input"
7069
+ type="checkbox"
7070
+ name="checkrow1"
7071
+ aria-labelledby="compact-demo-table-name1"
7072
+ />
7073
+ </div>
7018
7074
  </td>
7019
7075
  <th role="columnheader" data-label="Contributor">
7020
7076
  <span id="compact-demo-table-name1">Sam Jones</span>
@@ -7083,11 +7139,14 @@ wrapperTag: div
7083
7139
 
7084
7140
  <tr role="row">
7085
7141
  <td class="pf-c-table__check" role="cell">
7086
- <input
7087
- type="checkbox"
7088
- name="checkrow2"
7089
- aria-labelledby="compact-demo-table-name2"
7090
- />
7142
+ <div class="pf-c-check pf-m-standalone">
7143
+ <input
7144
+ class="pf-c-check__input"
7145
+ type="checkbox"
7146
+ name="checkrow2"
7147
+ aria-labelledby="compact-demo-table-name2"
7148
+ />
7149
+ </div>
7091
7150
  </td>
7092
7151
  <th role="columnheader" data-label="Contributor">
7093
7152
  <span id="compact-demo-table-name2">Amy Miller</span>
@@ -7156,11 +7215,14 @@ wrapperTag: div
7156
7215
 
7157
7216
  <tr role="row">
7158
7217
  <td class="pf-c-table__check" role="cell">
7159
- <input
7160
- type="checkbox"
7161
- name="checkrow3"
7162
- aria-labelledby="compact-demo-table-name3"
7163
- />
7218
+ <div class="pf-c-check pf-m-standalone">
7219
+ <input
7220
+ class="pf-c-check__input"
7221
+ type="checkbox"
7222
+ name="checkrow3"
7223
+ aria-labelledby="compact-demo-table-name3"
7224
+ />
7225
+ </div>
7164
7226
  </td>
7165
7227
  <th role="columnheader" data-label="Contributor">
7166
7228
  <span id="compact-demo-table-name3">Steve Wilson</span>
@@ -7229,11 +7291,14 @@ wrapperTag: div
7229
7291
 
7230
7292
  <tr role="row">
7231
7293
  <td class="pf-c-table__check" role="cell">
7232
- <input
7233
- type="checkbox"
7234
- name="checkrow4"
7235
- aria-labelledby="compact-demo-table-name4"
7236
- />
7294
+ <div class="pf-c-check pf-m-standalone">
7295
+ <input
7296
+ class="pf-c-check__input"
7297
+ type="checkbox"
7298
+ name="checkrow4"
7299
+ aria-labelledby="compact-demo-table-name4"
7300
+ />
7301
+ </div>
7237
7302
  </td>
7238
7303
  <th role="columnheader" data-label="Contributor name">
7239
7304
  <span id="compact-demo-table-name4">Emma Jackson</span>
@@ -7496,7 +7561,7 @@ wrapperTag: div
7496
7561
  </div>
7497
7562
  <section class="pf-c-app-launcher__group">
7498
7563
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
7499
- <ul>
7564
+ <ul role="list">
7500
7565
  <li
7501
7566
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
7502
7567
  >
@@ -7548,7 +7613,7 @@ wrapperTag: div
7548
7613
  <hr class="pf-c-divider" />
7549
7614
  <section class="pf-c-app-launcher__group">
7550
7615
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
7551
- <ul>
7616
+ <ul role="list">
7552
7617
  <li
7553
7618
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
7554
7619
  >
@@ -8203,7 +8268,7 @@ wrapperTag: div
8203
8268
  id="compound-expansion-demo-primary-nav"
8204
8269
  aria-label="Global"
8205
8270
  >
8206
- <ul class="pf-c-nav__list">
8271
+ <ul class="pf-c-nav__list" role="list">
8207
8272
  <li class="pf-c-nav__item">
8208
8273
  <a href="#" class="pf-c-nav__link">System panel</a>
8209
8274
  </li>
@@ -8235,7 +8300,7 @@ wrapperTag: div
8235
8300
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
8236
8301
  <div class="pf-c-page__main-body">
8237
8302
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
8238
- <ol class="pf-c-breadcrumb__list">
8303
+ <ol class="pf-c-breadcrumb__list" role="list">
8239
8304
  <li class="pf-c-breadcrumb__item">
8240
8305
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
8241
8306
  </li>
@@ -8302,11 +8367,14 @@ wrapperTag: div
8302
8367
  class="pf-c-dropdown__toggle-check"
8303
8368
  for="-bulk-select-toggle-check"
8304
8369
  >
8305
- <input
8306
- type="checkbox"
8307
- id="-bulk-select-toggle-check"
8308
- aria-label="Select all"
8309
- />
8370
+ <div class="pf-c-check pf-m-standalone">
8371
+ <input
8372
+ class="pf-c-check__input"
8373
+ type="checkbox"
8374
+ id="-bulk-select-toggle-check"
8375
+ aria-label="Select all"
8376
+ />
8377
+ </div>
8310
8378
  </label>
8311
8379
 
8312
8380
  <button
@@ -8375,7 +8443,6 @@ wrapperTag: div
8375
8443
  role="listbox"
8376
8444
  aria-labelledby="-select-name-label"
8377
8445
  hidden
8378
- style="width: 175px"
8379
8446
  >
8380
8447
  <li role="presentation">
8381
8448
  <button
@@ -8415,7 +8482,7 @@ wrapperTag: div
8415
8482
  </li>
8416
8483
  </ul>
8417
8484
  </div>
8418
- <div class="pf-c-text-input-group">
8485
+ <div class="pf-c-text-input-group" style="width: auto">
8419
8486
  <div class="pf-c-text-input-group__main pf-m-icon">
8420
8487
  <span class="pf-c-text-input-group__text">
8421
8488
  <span class="pf-c-text-input-group__icon">
@@ -8423,9 +8490,9 @@ wrapperTag: div
8423
8490
  </span>
8424
8491
  <input
8425
8492
  class="pf-c-text-input-group__text-input"
8426
- type="text"
8427
- value
8493
+ type="search"
8428
8494
  placeholder="Filter by name"
8495
+ value
8429
8496
  aria-label="Type to filter"
8430
8497
  />
8431
8498
  </span>
@@ -12446,7 +12513,7 @@ wrapperTag: div
12446
12513
  </div>
12447
12514
  <section class="pf-c-app-launcher__group">
12448
12515
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
12449
- <ul>
12516
+ <ul role="list">
12450
12517
  <li
12451
12518
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
12452
12519
  >
@@ -12498,7 +12565,7 @@ wrapperTag: div
12498
12565
  <hr class="pf-c-divider" />
12499
12566
  <section class="pf-c-app-launcher__group">
12500
12567
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
12501
- <ul>
12568
+ <ul role="list">
12502
12569
  <li
12503
12570
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
12504
12571
  >
@@ -13153,7 +13220,7 @@ wrapperTag: div
13153
13220
  id="loading-state-demo-primary-nav"
13154
13221
  aria-label="Global"
13155
13222
  >
13156
- <ul class="pf-c-nav__list">
13223
+ <ul class="pf-c-nav__list" role="list">
13157
13224
  <li class="pf-c-nav__item">
13158
13225
  <a href="#" class="pf-c-nav__link">System panel</a>
13159
13226
  </li>
@@ -13185,7 +13252,7 @@ wrapperTag: div
13185
13252
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
13186
13253
  <div class="pf-c-page__main-body">
13187
13254
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
13188
- <ol class="pf-c-breadcrumb__list">
13255
+ <ol class="pf-c-breadcrumb__list" role="list">
13189
13256
  <li class="pf-c-breadcrumb__item">
13190
13257
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
13191
13258
  </li>
@@ -13237,11 +13304,14 @@ wrapperTag: div
13237
13304
  <thead>
13238
13305
  <tr role="row">
13239
13306
  <td class="pf-c-table__check" role="cell">
13240
- <input
13241
- type="checkbox"
13242
- name="check-all"
13243
- aria-label="Select all rows"
13244
- />
13307
+ <div class="pf-c-check pf-m-standalone">
13308
+ <input
13309
+ class="pf-c-check__input"
13310
+ type="checkbox"
13311
+ name="check-all"
13312
+ aria-label="Select all rows"
13313
+ />
13314
+ </div>
13245
13315
  </td>
13246
13316
  <th role="columnheader" scope="col">Repositories</th>
13247
13317
  <th role="columnheader" scope="col">Branches</th>
@@ -13376,7 +13446,7 @@ wrapperTag: div
13376
13446
  </div>
13377
13447
  <section class="pf-c-app-launcher__group">
13378
13448
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
13379
- <ul>
13449
+ <ul role="list">
13380
13450
  <li
13381
13451
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
13382
13452
  >
@@ -13428,7 +13498,7 @@ wrapperTag: div
13428
13498
  <hr class="pf-c-divider" />
13429
13499
  <section class="pf-c-app-launcher__group">
13430
13500
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
13431
- <ul>
13501
+ <ul role="list">
13432
13502
  <li
13433
13503
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
13434
13504
  >
@@ -14083,7 +14153,7 @@ wrapperTag: div
14083
14153
  id="empty-state-demo-primary-nav"
14084
14154
  aria-label="Global"
14085
14155
  >
14086
- <ul class="pf-c-nav__list">
14156
+ <ul class="pf-c-nav__list" role="list">
14087
14157
  <li class="pf-c-nav__item">
14088
14158
  <a href="#" class="pf-c-nav__link">System panel</a>
14089
14159
  </li>
@@ -14115,7 +14185,7 @@ wrapperTag: div
14115
14185
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
14116
14186
  <div class="pf-c-page__main-body">
14117
14187
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
14118
- <ol class="pf-c-breadcrumb__list">
14188
+ <ol class="pf-c-breadcrumb__list" role="list">
14119
14189
  <li class="pf-c-breadcrumb__item">
14120
14190
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
14121
14191
  </li>
@@ -14167,11 +14237,14 @@ wrapperTag: div
14167
14237
  <thead>
14168
14238
  <tr role="row">
14169
14239
  <td class="pf-c-table__check" role="cell">
14170
- <input
14171
- type="checkbox"
14172
- name="check-all"
14173
- aria-label="Select all rows"
14174
- />
14240
+ <div class="pf-c-check pf-m-standalone">
14241
+ <input
14242
+ class="pf-c-check__input"
14243
+ type="checkbox"
14244
+ name="check-all"
14245
+ aria-label="Select all rows"
14246
+ />
14247
+ </div>
14175
14248
  </td>
14176
14249
  <th role="columnheader" scope="col">Repositories</th>
14177
14250
  <th role="columnheader" scope="col">Branches</th>
@@ -14189,21 +14262,18 @@ wrapperTag: div
14189
14262
  <td role="cell" colspan="8">
14190
14263
  <div class="pf-c-empty-state pf-m-sm">
14191
14264
  <div class="pf-c-empty-state__content">
14192
- <i
14193
- class="fas fa- fa-search pf-c-empty-state__icon"
14194
- aria-hidden="true"
14195
- ></i>
14265
+ <div class="pf-c-empty-state__icon">
14266
+ <i class="fas fa- fa-search" aria-hidden="true"></i>
14267
+ </div>
14196
14268
 
14197
14269
  <h2 class="pf-c-title pf-m-lg">No results found</h2>
14198
14270
  <div
14199
14271
  class="pf-c-empty-state__body"
14200
14272
  >No results match the filter criteria. Remove all filters or clear all filters to show results.</div>
14201
- <div class="pf-c-empty-state__primary">
14202
- <button
14203
- class="pf-c-button pf-m-link"
14204
- type="button"
14205
- >Clear all filters</button>
14206
- </div>
14273
+ <button
14274
+ class="pf-c-button pf-m-link"
14275
+ type="button"
14276
+ >Clear all filters</button>
14207
14277
  </div>
14208
14278
  </div>
14209
14279
  </td>
@@ -14309,7 +14379,7 @@ wrapperTag: div
14309
14379
  </div>
14310
14380
  <section class="pf-c-app-launcher__group">
14311
14381
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
14312
- <ul>
14382
+ <ul role="list">
14313
14383
  <li
14314
14384
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
14315
14385
  >
@@ -14361,7 +14431,7 @@ wrapperTag: div
14361
14431
  <hr class="pf-c-divider" />
14362
14432
  <section class="pf-c-app-launcher__group">
14363
14433
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
14364
- <ul>
14434
+ <ul role="list">
14365
14435
  <li
14366
14436
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
14367
14437
  >
@@ -15016,7 +15086,7 @@ wrapperTag: div
15016
15086
  id="static-bottom-pagination-demo-primary-nav"
15017
15087
  aria-label="Global"
15018
15088
  >
15019
- <ul class="pf-c-nav__list">
15089
+ <ul class="pf-c-nav__list" role="list">
15020
15090
  <li class="pf-c-nav__item">
15021
15091
  <a href="#" class="pf-c-nav__link">System panel</a>
15022
15092
  </li>
@@ -15048,7 +15118,7 @@ wrapperTag: div
15048
15118
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
15049
15119
  <div class="pf-c-page__main-body">
15050
15120
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
15051
- <ol class="pf-c-breadcrumb__list">
15121
+ <ol class="pf-c-breadcrumb__list" role="list">
15052
15122
  <li class="pf-c-breadcrumb__item">
15053
15123
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
15054
15124
  </li>
@@ -15115,11 +15185,14 @@ wrapperTag: div
15115
15185
  class="pf-c-dropdown__toggle-check"
15116
15186
  for="-bulk-select-toggle-check"
15117
15187
  >
15118
- <input
15119
- type="checkbox"
15120
- id="-bulk-select-toggle-check"
15121
- aria-label="Select all"
15122
- />
15188
+ <div class="pf-c-check pf-m-standalone">
15189
+ <input
15190
+ class="pf-c-check__input"
15191
+ type="checkbox"
15192
+ id="-bulk-select-toggle-check"
15193
+ aria-label="Select all"
15194
+ />
15195
+ </div>
15123
15196
  </label>
15124
15197
 
15125
15198
  <button
@@ -15188,7 +15261,6 @@ wrapperTag: div
15188
15261
  role="listbox"
15189
15262
  aria-labelledby="-select-name-label"
15190
15263
  hidden
15191
- style="width: 175px"
15192
15264
  >
15193
15265
  <li role="presentation">
15194
15266
  <button
@@ -15228,7 +15300,7 @@ wrapperTag: div
15228
15300
  </li>
15229
15301
  </ul>
15230
15302
  </div>
15231
- <div class="pf-c-text-input-group">
15303
+ <div class="pf-c-text-input-group" style="width: auto">
15232
15304
  <div class="pf-c-text-input-group__main pf-m-icon">
15233
15305
  <span class="pf-c-text-input-group__text">
15234
15306
  <span class="pf-c-text-input-group__icon">
@@ -15236,9 +15308,9 @@ wrapperTag: div
15236
15308
  </span>
15237
15309
  <input
15238
15310
  class="pf-c-text-input-group__text-input"
15239
- type="text"
15240
- value
15311
+ type="search"
15241
15312
  placeholder="Filter by name"
15313
+ value
15242
15314
  aria-label="Type to filter"
15243
15315
  />
15244
15316
  </span>
@@ -15566,11 +15638,14 @@ wrapperTag: div
15566
15638
  <tbody role="rowgroup">
15567
15639
  <tr role="row">
15568
15640
  <td class="pf-c-table__check" role="cell">
15569
- <input
15570
- type="checkbox"
15571
- name="checkrow1"
15572
- aria-labelledby="static-bottom-pagination-demo-table-node1"
15573
- />
15641
+ <div class="pf-c-check pf-m-standalone">
15642
+ <input
15643
+ class="pf-c-check__input"
15644
+ type="checkbox"
15645
+ name="checkrow1"
15646
+ aria-labelledby="static-bottom-pagination-demo-table-node1"
15647
+ />
15648
+ </div>
15574
15649
  </td>
15575
15650
  <th role="columnheader" data-label="Repository name">
15576
15651
  <div>
@@ -15651,11 +15726,14 @@ wrapperTag: div
15651
15726
 
15652
15727
  <tr role="row">
15653
15728
  <td class="pf-c-table__check" role="cell">
15654
- <input
15655
- type="checkbox"
15656
- name="checkrow2"
15657
- aria-labelledby="static-bottom-pagination-demo-table-node2"
15658
- />
15729
+ <div class="pf-c-check pf-m-standalone">
15730
+ <input
15731
+ class="pf-c-check__input"
15732
+ type="checkbox"
15733
+ name="checkrow2"
15734
+ aria-labelledby="static-bottom-pagination-demo-table-node2"
15735
+ />
15736
+ </div>
15659
15737
  </td>
15660
15738
  <th role="columnheader" data-label="Repository name">
15661
15739
  <div>
@@ -15736,11 +15814,14 @@ wrapperTag: div
15736
15814
 
15737
15815
  <tr role="row">
15738
15816
  <td class="pf-c-table__check" role="cell">
15739
- <input
15740
- type="checkbox"
15741
- name="checkrow3"
15742
- aria-labelledby="static-bottom-pagination-demo-table-node3"
15743
- />
15817
+ <div class="pf-c-check pf-m-standalone">
15818
+ <input
15819
+ class="pf-c-check__input"
15820
+ type="checkbox"
15821
+ name="checkrow3"
15822
+ aria-labelledby="static-bottom-pagination-demo-table-node3"
15823
+ />
15824
+ </div>
15744
15825
  </td>
15745
15826
  <th role="columnheader" data-label="Repository name">
15746
15827
  <div>
@@ -15821,11 +15902,14 @@ wrapperTag: div
15821
15902
 
15822
15903
  <tr role="row">
15823
15904
  <td class="pf-c-table__check" role="cell">
15824
- <input
15825
- type="checkbox"
15826
- name="checkrow4"
15827
- aria-labelledby="static-bottom-pagination-demo-table-node4"
15828
- />
15905
+ <div class="pf-c-check pf-m-standalone">
15906
+ <input
15907
+ class="pf-c-check__input"
15908
+ type="checkbox"
15909
+ name="checkrow4"
15910
+ aria-labelledby="static-bottom-pagination-demo-table-node4"
15911
+ />
15912
+ </div>
15829
15913
  </td>
15830
15914
  <th role="columnheader" data-label="Repository name">
15831
15915
  <div>
@@ -15906,11 +15990,14 @@ wrapperTag: div
15906
15990
 
15907
15991
  <tr role="row">
15908
15992
  <td class="pf-c-table__check" role="cell">
15909
- <input
15910
- type="checkbox"
15911
- name="checkrow5"
15912
- aria-labelledby="static-bottom-pagination-demo-table-node5"
15913
- />
15993
+ <div class="pf-c-check pf-m-standalone">
15994
+ <input
15995
+ class="pf-c-check__input"
15996
+ type="checkbox"
15997
+ name="checkrow5"
15998
+ aria-labelledby="static-bottom-pagination-demo-table-node5"
15999
+ />
16000
+ </div>
15914
16001
  </td>
15915
16002
  <td role="cell" data-label="Repository name">
15916
16003
  <div>
@@ -16185,7 +16272,7 @@ wrapperTag: div
16185
16272
  </div>
16186
16273
  <section class="pf-c-app-launcher__group">
16187
16274
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
16188
- <ul>
16275
+ <ul role="list">
16189
16276
  <li
16190
16277
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
16191
16278
  >
@@ -16237,7 +16324,7 @@ wrapperTag: div
16237
16324
  <hr class="pf-c-divider" />
16238
16325
  <section class="pf-c-app-launcher__group">
16239
16326
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
16240
- <ul>
16327
+ <ul role="list">
16241
16328
  <li
16242
16329
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
16243
16330
  >
@@ -16892,7 +16979,7 @@ wrapperTag: div
16892
16979
  id="column-management-demo-primary-nav"
16893
16980
  aria-label="Global"
16894
16981
  >
16895
- <ul class="pf-c-nav__list">
16982
+ <ul class="pf-c-nav__list" role="list">
16896
16983
  <li class="pf-c-nav__item">
16897
16984
  <a href="#" class="pf-c-nav__link">System panel</a>
16898
16985
  </li>
@@ -16924,7 +17011,7 @@ wrapperTag: div
16924
17011
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
16925
17012
  <div class="pf-c-page__main-body">
16926
17013
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
16927
- <ol class="pf-c-breadcrumb__list">
17014
+ <ol class="pf-c-breadcrumb__list" role="list">
16928
17015
  <li class="pf-c-breadcrumb__item">
16929
17016
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
16930
17017
  </li>
@@ -16991,11 +17078,14 @@ wrapperTag: div
16991
17078
  class="pf-c-dropdown__toggle-check"
16992
17079
  for="-bulk-select-toggle-check"
16993
17080
  >
16994
- <input
16995
- type="checkbox"
16996
- id="-bulk-select-toggle-check"
16997
- aria-label="Select all"
16998
- />
17081
+ <div class="pf-c-check pf-m-standalone">
17082
+ <input
17083
+ class="pf-c-check__input"
17084
+ type="checkbox"
17085
+ id="-bulk-select-toggle-check"
17086
+ aria-label="Select all"
17087
+ />
17088
+ </div>
16999
17089
  </label>
17000
17090
 
17001
17091
  <button
@@ -17064,7 +17154,6 @@ wrapperTag: div
17064
17154
  role="listbox"
17065
17155
  aria-labelledby="-select-name-label"
17066
17156
  hidden
17067
- style="width: 175px"
17068
17157
  >
17069
17158
  <li role="presentation">
17070
17159
  <button
@@ -17104,7 +17193,7 @@ wrapperTag: div
17104
17193
  </li>
17105
17194
  </ul>
17106
17195
  </div>
17107
- <div class="pf-c-text-input-group">
17196
+ <div class="pf-c-text-input-group" style="width: auto">
17108
17197
  <div class="pf-c-text-input-group__main pf-m-icon">
17109
17198
  <span class="pf-c-text-input-group__text">
17110
17199
  <span class="pf-c-text-input-group__icon">
@@ -17112,9 +17201,9 @@ wrapperTag: div
17112
17201
  </span>
17113
17202
  <input
17114
17203
  class="pf-c-text-input-group__text-input"
17115
- type="text"
17116
- value
17204
+ type="search"
17117
17205
  placeholder="Filter by name"
17206
+ value
17118
17207
  aria-label="Type to filter"
17119
17208
  />
17120
17209
  </span>
@@ -17442,11 +17531,14 @@ wrapperTag: div
17442
17531
  <tbody role="rowgroup">
17443
17532
  <tr role="row">
17444
17533
  <td class="pf-c-table__check" role="cell">
17445
- <input
17446
- type="checkbox"
17447
- name="checkrow1"
17448
- aria-labelledby="column-management-demo-table-node1"
17449
- />
17534
+ <div class="pf-c-check pf-m-standalone">
17535
+ <input
17536
+ class="pf-c-check__input"
17537
+ type="checkbox"
17538
+ name="checkrow1"
17539
+ aria-labelledby="column-management-demo-table-node1"
17540
+ />
17541
+ </div>
17450
17542
  </td>
17451
17543
  <th role="columnheader" data-label="Repository name">
17452
17544
  <div>
@@ -17527,11 +17619,14 @@ wrapperTag: div
17527
17619
 
17528
17620
  <tr role="row">
17529
17621
  <td class="pf-c-table__check" role="cell">
17530
- <input
17531
- type="checkbox"
17532
- name="checkrow2"
17533
- aria-labelledby="column-management-demo-table-node2"
17534
- />
17622
+ <div class="pf-c-check pf-m-standalone">
17623
+ <input
17624
+ class="pf-c-check__input"
17625
+ type="checkbox"
17626
+ name="checkrow2"
17627
+ aria-labelledby="column-management-demo-table-node2"
17628
+ />
17629
+ </div>
17535
17630
  </td>
17536
17631
  <th role="columnheader" data-label="Repository name">
17537
17632
  <div>
@@ -17612,11 +17707,14 @@ wrapperTag: div
17612
17707
 
17613
17708
  <tr role="row">
17614
17709
  <td class="pf-c-table__check" role="cell">
17615
- <input
17616
- type="checkbox"
17617
- name="checkrow3"
17618
- aria-labelledby="column-management-demo-table-node3"
17619
- />
17710
+ <div class="pf-c-check pf-m-standalone">
17711
+ <input
17712
+ class="pf-c-check__input"
17713
+ type="checkbox"
17714
+ name="checkrow3"
17715
+ aria-labelledby="column-management-demo-table-node3"
17716
+ />
17717
+ </div>
17620
17718
  </td>
17621
17719
  <th role="columnheader" data-label="Repository name">
17622
17720
  <div>
@@ -17697,11 +17795,14 @@ wrapperTag: div
17697
17795
 
17698
17796
  <tr role="row">
17699
17797
  <td class="pf-c-table__check" role="cell">
17700
- <input
17701
- type="checkbox"
17702
- name="checkrow4"
17703
- aria-labelledby="column-management-demo-table-node4"
17704
- />
17798
+ <div class="pf-c-check pf-m-standalone">
17799
+ <input
17800
+ class="pf-c-check__input"
17801
+ type="checkbox"
17802
+ name="checkrow4"
17803
+ aria-labelledby="column-management-demo-table-node4"
17804
+ />
17805
+ </div>
17705
17806
  </td>
17706
17807
  <th role="columnheader" data-label="Repository name">
17707
17808
  <div>
@@ -17782,11 +17883,14 @@ wrapperTag: div
17782
17883
 
17783
17884
  <tr role="row">
17784
17885
  <td class="pf-c-table__check" role="cell">
17785
- <input
17786
- type="checkbox"
17787
- name="checkrow5"
17788
- aria-labelledby="column-management-demo-table-node5"
17789
- />
17886
+ <div class="pf-c-check pf-m-standalone">
17887
+ <input
17888
+ class="pf-c-check__input"
17889
+ type="checkbox"
17890
+ name="checkrow5"
17891
+ aria-labelledby="column-management-demo-table-node5"
17892
+ />
17893
+ </div>
17790
17894
  </td>
17791
17895
  <td role="cell" data-label="Repository name">
17792
17896
  <div>
@@ -17879,9 +17983,11 @@ wrapperTag: div
17879
17983
  aria-labelledby="modal-title"
17880
17984
  aria-describedby="modal-description"
17881
17985
  >
17882
- <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
17883
- <i class="fas fa-times" aria-hidden="true"></i>
17884
- </button>
17986
+ <div class="pf-c-modal-box__close">
17987
+ <button class="pf-c-button pf-m-plain" type="button" aria-label="Close">
17988
+ <i class="fas fa-times" aria-hidden="true"></i>
17989
+ </button>
17990
+ </div>
17885
17991
  <header class="pf-c-modal-box__header">
17886
17992
  <h1 class="pf-c-modal-box__title" id="modal-title">Manage columns</h1>
17887
17993
  <div class="pf-c-modal-box__description">
@@ -17911,12 +18017,15 @@ wrapperTag: div
17911
18017
  <i class="fas fa-grip-vertical"></i>
17912
18018
  </span>
17913
18019
  <div class="pf-c-data-list__check">
17914
- <input
17915
- type="checkbox"
17916
- name="table-manage-columns-data-list-draggable-check-action-check1"
17917
- aria-labelledby="table-manage-columns-data-list-draggable-item-1"
17918
- checked
17919
- />
18020
+ <div class="pf-c-check pf-m-standalone">
18021
+ <input
18022
+ class="pf-c-check__input"
18023
+ type="checkbox"
18024
+ name="table-manage-columns-data-list-draggable-check-action-check1"
18025
+ aria-labelledby="table-manage-columns-data-list-draggable-item-1"
18026
+ checked
18027
+ />
18028
+ </div>
17920
18029
  </div>
17921
18030
  </div>
17922
18031
  <div class="pf-c-data-list__item-content">
@@ -17939,12 +18048,15 @@ wrapperTag: div
17939
18048
  <i class="fas fa-grip-vertical"></i>
17940
18049
  </span>
17941
18050
  <div class="pf-c-data-list__check">
17942
- <input
17943
- type="checkbox"
17944
- name="table-manage-columns-data-list-draggable-check-action-check2"
17945
- aria-labelledby="table-manage-columns-data-list-draggable-item-2"
17946
- checked
17947
- />
18051
+ <div class="pf-c-check pf-m-standalone">
18052
+ <input
18053
+ class="pf-c-check__input"
18054
+ type="checkbox"
18055
+ name="table-manage-columns-data-list-draggable-check-action-check2"
18056
+ aria-labelledby="table-manage-columns-data-list-draggable-item-2"
18057
+ checked
18058
+ />
18059
+ </div>
17948
18060
  </div>
17949
18061
  </div>
17950
18062
  <div class="pf-c-data-list__item-content">
@@ -17967,12 +18079,15 @@ wrapperTag: div
17967
18079
  <i class="fas fa-grip-vertical"></i>
17968
18080
  </span>
17969
18081
  <div class="pf-c-data-list__check">
17970
- <input
17971
- type="checkbox"
17972
- name="table-manage-columns-data-list-draggable-check-action-check3"
17973
- aria-labelledby="table-manage-columns-data-list-draggable-item-3"
17974
- checked
17975
- />
18082
+ <div class="pf-c-check pf-m-standalone">
18083
+ <input
18084
+ class="pf-c-check__input"
18085
+ type="checkbox"
18086
+ name="table-manage-columns-data-list-draggable-check-action-check3"
18087
+ aria-labelledby="table-manage-columns-data-list-draggable-item-3"
18088
+ checked
18089
+ />
18090
+ </div>
17976
18091
  </div>
17977
18092
  </div>
17978
18093
  <div class="pf-c-data-list__item-content">
@@ -17995,12 +18110,15 @@ wrapperTag: div
17995
18110
  <i class="fas fa-grip-vertical"></i>
17996
18111
  </span>
17997
18112
  <div class="pf-c-data-list__check">
17998
- <input
17999
- type="checkbox"
18000
- name="table-manage-columns-data-list-draggable-check-action-check4"
18001
- aria-labelledby="table-manage-columns-data-list-draggable-item-4"
18002
- checked
18003
- />
18113
+ <div class="pf-c-check pf-m-standalone">
18114
+ <input
18115
+ class="pf-c-check__input"
18116
+ type="checkbox"
18117
+ name="table-manage-columns-data-list-draggable-check-action-check4"
18118
+ aria-labelledby="table-manage-columns-data-list-draggable-item-4"
18119
+ checked
18120
+ />
18121
+ </div>
18004
18122
  </div>
18005
18123
  </div>
18006
18124
  <div class="pf-c-data-list__item-content">
@@ -18023,12 +18141,15 @@ wrapperTag: div
18023
18141
  <i class="fas fa-grip-vertical"></i>
18024
18142
  </span>
18025
18143
  <div class="pf-c-data-list__check">
18026
- <input
18027
- type="checkbox"
18028
- name="table-manage-columns-data-list-draggable-check-action-check5"
18029
- aria-labelledby="table-manage-columns-data-list-draggable-item-5"
18030
- checked
18031
- />
18144
+ <div class="pf-c-check pf-m-standalone">
18145
+ <input
18146
+ class="pf-c-check__input"
18147
+ type="checkbox"
18148
+ name="table-manage-columns-data-list-draggable-check-action-check5"
18149
+ aria-labelledby="table-manage-columns-data-list-draggable-item-5"
18150
+ checked
18151
+ />
18152
+ </div>
18032
18153
  </div>
18033
18154
  </div>
18034
18155
  <div class="pf-c-data-list__item-content">
@@ -18144,7 +18265,7 @@ wrapperTag: div
18144
18265
  </div>
18145
18266
  <section class="pf-c-app-launcher__group">
18146
18267
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
18147
- <ul>
18268
+ <ul role="list">
18148
18269
  <li
18149
18270
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
18150
18271
  >
@@ -18196,7 +18317,7 @@ wrapperTag: div
18196
18317
  <hr class="pf-c-divider" />
18197
18318
  <section class="pf-c-app-launcher__group">
18198
18319
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
18199
- <ul>
18320
+ <ul role="list">
18200
18321
  <li
18201
18322
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
18202
18323
  >
@@ -18851,7 +18972,7 @@ wrapperTag: div
18851
18972
  id="sticky-header-demo-primary-nav"
18852
18973
  aria-label="Global"
18853
18974
  >
18854
- <ul class="pf-c-nav__list">
18975
+ <ul class="pf-c-nav__list" role="list">
18855
18976
  <li class="pf-c-nav__item">
18856
18977
  <a href="#" class="pf-c-nav__link">System panel</a>
18857
18978
  </li>
@@ -18883,7 +19004,7 @@ wrapperTag: div
18883
19004
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
18884
19005
  <div class="pf-c-page__main-body">
18885
19006
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
18886
- <ol class="pf-c-breadcrumb__list">
19007
+ <ol class="pf-c-breadcrumb__list" role="list">
18887
19008
  <li class="pf-c-breadcrumb__item">
18888
19009
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
18889
19010
  </li>
@@ -18950,11 +19071,14 @@ wrapperTag: div
18950
19071
  class="pf-c-dropdown__toggle-check"
18951
19072
  for="-bulk-select-toggle-check"
18952
19073
  >
18953
- <input
18954
- type="checkbox"
18955
- id="-bulk-select-toggle-check"
18956
- aria-label="Select all"
18957
- />
19074
+ <div class="pf-c-check pf-m-standalone">
19075
+ <input
19076
+ class="pf-c-check__input"
19077
+ type="checkbox"
19078
+ id="-bulk-select-toggle-check"
19079
+ aria-label="Select all"
19080
+ />
19081
+ </div>
18958
19082
  </label>
18959
19083
 
18960
19084
  <button
@@ -19023,7 +19147,6 @@ wrapperTag: div
19023
19147
  role="listbox"
19024
19148
  aria-labelledby="-select-name-label"
19025
19149
  hidden
19026
- style="width: 175px"
19027
19150
  >
19028
19151
  <li role="presentation">
19029
19152
  <button
@@ -19063,7 +19186,7 @@ wrapperTag: div
19063
19186
  </li>
19064
19187
  </ul>
19065
19188
  </div>
19066
- <div class="pf-c-text-input-group">
19189
+ <div class="pf-c-text-input-group" style="width: auto">
19067
19190
  <div class="pf-c-text-input-group__main pf-m-icon">
19068
19191
  <span class="pf-c-text-input-group__text">
19069
19192
  <span class="pf-c-text-input-group__icon">
@@ -19071,9 +19194,9 @@ wrapperTag: div
19071
19194
  </span>
19072
19195
  <input
19073
19196
  class="pf-c-text-input-group__text-input"
19074
- type="text"
19075
- value
19197
+ type="search"
19076
19198
  placeholder="Filter by name"
19199
+ value
19077
19200
  aria-label="Type to filter"
19078
19201
  />
19079
19202
  </span>
@@ -19401,11 +19524,14 @@ wrapperTag: div
19401
19524
  <tbody role="rowgroup">
19402
19525
  <tr role="row">
19403
19526
  <td class="pf-c-table__check" role="cell">
19404
- <input
19405
- type="checkbox"
19406
- name="checkrow1"
19407
- aria-labelledby="sticky-header-demo-table-node1"
19408
- />
19527
+ <div class="pf-c-check pf-m-standalone">
19528
+ <input
19529
+ class="pf-c-check__input"
19530
+ type="checkbox"
19531
+ name="checkrow1"
19532
+ aria-labelledby="sticky-header-demo-table-node1"
19533
+ />
19534
+ </div>
19409
19535
  </td>
19410
19536
  <th role="columnheader" data-label="Repository name">
19411
19537
  <div>
@@ -19486,11 +19612,14 @@ wrapperTag: div
19486
19612
 
19487
19613
  <tr role="row">
19488
19614
  <td class="pf-c-table__check" role="cell">
19489
- <input
19490
- type="checkbox"
19491
- name="checkrow2"
19492
- aria-labelledby="sticky-header-demo-table-node2"
19493
- />
19615
+ <div class="pf-c-check pf-m-standalone">
19616
+ <input
19617
+ class="pf-c-check__input"
19618
+ type="checkbox"
19619
+ name="checkrow2"
19620
+ aria-labelledby="sticky-header-demo-table-node2"
19621
+ />
19622
+ </div>
19494
19623
  </td>
19495
19624
  <th role="columnheader" data-label="Repository name">
19496
19625
  <div>
@@ -19571,11 +19700,14 @@ wrapperTag: div
19571
19700
 
19572
19701
  <tr role="row">
19573
19702
  <td class="pf-c-table__check" role="cell">
19574
- <input
19575
- type="checkbox"
19576
- name="checkrow3"
19577
- aria-labelledby="sticky-header-demo-table-node3"
19578
- />
19703
+ <div class="pf-c-check pf-m-standalone">
19704
+ <input
19705
+ class="pf-c-check__input"
19706
+ type="checkbox"
19707
+ name="checkrow3"
19708
+ aria-labelledby="sticky-header-demo-table-node3"
19709
+ />
19710
+ </div>
19579
19711
  </td>
19580
19712
  <th role="columnheader" data-label="Repository name">
19581
19713
  <div>
@@ -19656,11 +19788,14 @@ wrapperTag: div
19656
19788
 
19657
19789
  <tr role="row">
19658
19790
  <td class="pf-c-table__check" role="cell">
19659
- <input
19660
- type="checkbox"
19661
- name="checkrow4"
19662
- aria-labelledby="sticky-header-demo-table-node4"
19663
- />
19791
+ <div class="pf-c-check pf-m-standalone">
19792
+ <input
19793
+ class="pf-c-check__input"
19794
+ type="checkbox"
19795
+ name="checkrow4"
19796
+ aria-labelledby="sticky-header-demo-table-node4"
19797
+ />
19798
+ </div>
19664
19799
  </td>
19665
19800
  <th role="columnheader" data-label="Repository name">
19666
19801
  <div>
@@ -19741,11 +19876,14 @@ wrapperTag: div
19741
19876
 
19742
19877
  <tr role="row">
19743
19878
  <td class="pf-c-table__check" role="cell">
19744
- <input
19745
- type="checkbox"
19746
- name="checkrow5"
19747
- aria-labelledby="sticky-header-demo-table-node5"
19748
- />
19879
+ <div class="pf-c-check pf-m-standalone">
19880
+ <input
19881
+ class="pf-c-check__input"
19882
+ type="checkbox"
19883
+ name="checkrow5"
19884
+ aria-labelledby="sticky-header-demo-table-node5"
19885
+ />
19886
+ </div>
19749
19887
  </td>
19750
19888
  <td role="cell" data-label="Repository name">
19751
19889
  <div>
@@ -20020,7 +20158,7 @@ wrapperTag: div
20020
20158
  </div>
20021
20159
  <section class="pf-c-app-launcher__group">
20022
20160
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
20023
- <ul>
20161
+ <ul role="list">
20024
20162
  <li
20025
20163
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
20026
20164
  >
@@ -20072,7 +20210,7 @@ wrapperTag: div
20072
20210
  <hr class="pf-c-divider" />
20073
20211
  <section class="pf-c-app-launcher__group">
20074
20212
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
20075
- <ul>
20213
+ <ul role="list">
20076
20214
  <li
20077
20215
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
20078
20216
  >
@@ -20727,7 +20865,7 @@ wrapperTag: div
20727
20865
  id="sticky-first-column-demo-primary-nav"
20728
20866
  aria-label="Global"
20729
20867
  >
20730
- <ul class="pf-c-nav__list">
20868
+ <ul class="pf-c-nav__list" role="list">
20731
20869
  <li class="pf-c-nav__item">
20732
20870
  <a href="#" class="pf-c-nav__link">System panel</a>
20733
20871
  </li>
@@ -20759,7 +20897,7 @@ wrapperTag: div
20759
20897
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
20760
20898
  <div class="pf-c-page__main-body">
20761
20899
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
20762
- <ol class="pf-c-breadcrumb__list">
20900
+ <ol class="pf-c-breadcrumb__list" role="list">
20763
20901
  <li class="pf-c-breadcrumb__item">
20764
20902
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
20765
20903
  </li>
@@ -20829,11 +20967,14 @@ wrapperTag: div
20829
20967
  class="pf-c-dropdown__toggle-check"
20830
20968
  for="-bulk-select-toggle-check"
20831
20969
  >
20832
- <input
20833
- type="checkbox"
20834
- id="-bulk-select-toggle-check"
20835
- aria-label="Select all"
20836
- />
20970
+ <div class="pf-c-check pf-m-standalone">
20971
+ <input
20972
+ class="pf-c-check__input"
20973
+ type="checkbox"
20974
+ id="-bulk-select-toggle-check"
20975
+ aria-label="Select all"
20976
+ />
20977
+ </div>
20837
20978
  </label>
20838
20979
 
20839
20980
  <button
@@ -20902,7 +21043,6 @@ wrapperTag: div
20902
21043
  role="listbox"
20903
21044
  aria-labelledby="-select-name-label"
20904
21045
  hidden
20905
- style="width: 175px"
20906
21046
  >
20907
21047
  <li role="presentation">
20908
21048
  <button
@@ -20942,7 +21082,7 @@ wrapperTag: div
20942
21082
  </li>
20943
21083
  </ul>
20944
21084
  </div>
20945
- <div class="pf-c-text-input-group">
21085
+ <div class="pf-c-text-input-group" style="width: auto">
20946
21086
  <div class="pf-c-text-input-group__main pf-m-icon">
20947
21087
  <span class="pf-c-text-input-group__text">
20948
21088
  <span class="pf-c-text-input-group__icon">
@@ -20950,9 +21090,9 @@ wrapperTag: div
20950
21090
  </span>
20951
21091
  <input
20952
21092
  class="pf-c-text-input-group__text-input"
20953
- type="text"
20954
- value
21093
+ type="search"
20955
21094
  placeholder="Filter by name"
21095
+ value
20956
21096
  aria-label="Type to filter"
20957
21097
  />
20958
21098
  </span>
@@ -21820,7 +21960,7 @@ wrapperTag: div
21820
21960
  </div>
21821
21961
  <section class="pf-c-app-launcher__group">
21822
21962
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
21823
- <ul>
21963
+ <ul role="list">
21824
21964
  <li
21825
21965
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
21826
21966
  >
@@ -21872,7 +22012,7 @@ wrapperTag: div
21872
22012
  <hr class="pf-c-divider" />
21873
22013
  <section class="pf-c-app-launcher__group">
21874
22014
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
21875
- <ul>
22015
+ <ul role="list">
21876
22016
  <li
21877
22017
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
21878
22018
  >
@@ -22527,7 +22667,7 @@ wrapperTag: div
22527
22667
  id="sticky-multiple-columns-demo-primary-nav"
22528
22668
  aria-label="Global"
22529
22669
  >
22530
- <ul class="pf-c-nav__list">
22670
+ <ul class="pf-c-nav__list" role="list">
22531
22671
  <li class="pf-c-nav__item">
22532
22672
  <a href="#" class="pf-c-nav__link">System panel</a>
22533
22673
  </li>
@@ -22559,7 +22699,7 @@ wrapperTag: div
22559
22699
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
22560
22700
  <div class="pf-c-page__main-body">
22561
22701
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
22562
- <ol class="pf-c-breadcrumb__list">
22702
+ <ol class="pf-c-breadcrumb__list" role="list">
22563
22703
  <li class="pf-c-breadcrumb__item">
22564
22704
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
22565
22705
  </li>
@@ -22629,11 +22769,14 @@ wrapperTag: div
22629
22769
  class="pf-c-dropdown__toggle-check"
22630
22770
  for="-bulk-select-toggle-check"
22631
22771
  >
22632
- <input
22633
- type="checkbox"
22634
- id="-bulk-select-toggle-check"
22635
- aria-label="Select all"
22636
- />
22772
+ <div class="pf-c-check pf-m-standalone">
22773
+ <input
22774
+ class="pf-c-check__input"
22775
+ type="checkbox"
22776
+ id="-bulk-select-toggle-check"
22777
+ aria-label="Select all"
22778
+ />
22779
+ </div>
22637
22780
  </label>
22638
22781
 
22639
22782
  <button
@@ -22702,7 +22845,6 @@ wrapperTag: div
22702
22845
  role="listbox"
22703
22846
  aria-labelledby="-select-name-label"
22704
22847
  hidden
22705
- style="width: 175px"
22706
22848
  >
22707
22849
  <li role="presentation">
22708
22850
  <button
@@ -22742,7 +22884,7 @@ wrapperTag: div
22742
22884
  </li>
22743
22885
  </ul>
22744
22886
  </div>
22745
- <div class="pf-c-text-input-group">
22887
+ <div class="pf-c-text-input-group" style="width: auto">
22746
22888
  <div class="pf-c-text-input-group__main pf-m-icon">
22747
22889
  <span class="pf-c-text-input-group__text">
22748
22890
  <span class="pf-c-text-input-group__icon">
@@ -22750,9 +22892,9 @@ wrapperTag: div
22750
22892
  </span>
22751
22893
  <input
22752
22894
  class="pf-c-text-input-group__text-input"
22753
- type="text"
22754
- value
22895
+ type="search"
22755
22896
  placeholder="Filter by name"
22897
+ value
22756
22898
  aria-label="Type to filter"
22757
22899
  />
22758
22900
  </span>
@@ -23642,7 +23784,7 @@ wrapperTag: div
23642
23784
  </div>
23643
23785
  <section class="pf-c-app-launcher__group">
23644
23786
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
23645
- <ul>
23787
+ <ul role="list">
23646
23788
  <li
23647
23789
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
23648
23790
  >
@@ -23694,7 +23836,7 @@ wrapperTag: div
23694
23836
  <hr class="pf-c-divider" />
23695
23837
  <section class="pf-c-app-launcher__group">
23696
23838
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
23697
- <ul>
23839
+ <ul role="list">
23698
23840
  <li
23699
23841
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
23700
23842
  >
@@ -24349,7 +24491,7 @@ wrapperTag: div
24349
24491
  id="sticky-header-and-multiple columns-demo-primary-nav"
24350
24492
  aria-label="Global"
24351
24493
  >
24352
- <ul class="pf-c-nav__list">
24494
+ <ul class="pf-c-nav__list" role="list">
24353
24495
  <li class="pf-c-nav__item">
24354
24496
  <a href="#" class="pf-c-nav__link">System panel</a>
24355
24497
  </li>
@@ -24381,7 +24523,7 @@ wrapperTag: div
24381
24523
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
24382
24524
  <div class="pf-c-page__main-body">
24383
24525
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
24384
- <ol class="pf-c-breadcrumb__list">
24526
+ <ol class="pf-c-breadcrumb__list" role="list">
24385
24527
  <li class="pf-c-breadcrumb__item">
24386
24528
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
24387
24529
  </li>
@@ -24450,11 +24592,14 @@ wrapperTag: div
24450
24592
  class="pf-c-dropdown__toggle-check"
24451
24593
  for="-bulk-select-toggle-check"
24452
24594
  >
24453
- <input
24454
- type="checkbox"
24455
- id="-bulk-select-toggle-check"
24456
- aria-label="Select all"
24457
- />
24595
+ <div class="pf-c-check pf-m-standalone">
24596
+ <input
24597
+ class="pf-c-check__input"
24598
+ type="checkbox"
24599
+ id="-bulk-select-toggle-check"
24600
+ aria-label="Select all"
24601
+ />
24602
+ </div>
24458
24603
  </label>
24459
24604
 
24460
24605
  <button
@@ -24523,7 +24668,6 @@ wrapperTag: div
24523
24668
  role="listbox"
24524
24669
  aria-labelledby="-select-name-label"
24525
24670
  hidden
24526
- style="width: 175px"
24527
24671
  >
24528
24672
  <li role="presentation">
24529
24673
  <button
@@ -24563,7 +24707,7 @@ wrapperTag: div
24563
24707
  </li>
24564
24708
  </ul>
24565
24709
  </div>
24566
- <div class="pf-c-text-input-group">
24710
+ <div class="pf-c-text-input-group" style="width: auto">
24567
24711
  <div class="pf-c-text-input-group__main pf-m-icon">
24568
24712
  <span class="pf-c-text-input-group__text">
24569
24713
  <span class="pf-c-text-input-group__icon">
@@ -24571,9 +24715,9 @@ wrapperTag: div
24571
24715
  </span>
24572
24716
  <input
24573
24717
  class="pf-c-text-input-group__text-input"
24574
- type="text"
24575
- value
24718
+ type="search"
24576
24719
  placeholder="Filter by name"
24720
+ value
24577
24721
  aria-label="Type to filter"
24578
24722
  />
24579
24723
  </span>
@@ -25461,7 +25605,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
25461
25605
  </div>
25462
25606
  <section class="pf-c-app-launcher__group">
25463
25607
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
25464
- <ul>
25608
+ <ul role="list">
25465
25609
  <li
25466
25610
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
25467
25611
  >
@@ -25513,7 +25657,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
25513
25657
  <hr class="pf-c-divider" />
25514
25658
  <section class="pf-c-app-launcher__group">
25515
25659
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
25516
- <ul>
25660
+ <ul role="list">
25517
25661
  <li
25518
25662
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
25519
25663
  >
@@ -26168,7 +26312,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
26168
26312
  id="image-alignment-demo-primary-nav"
26169
26313
  aria-label="Global"
26170
26314
  >
26171
- <ul class="pf-c-nav__list">
26315
+ <ul class="pf-c-nav__list" role="list">
26172
26316
  <li class="pf-c-nav__item">
26173
26317
  <a href="#" class="pf-c-nav__link">System panel</a>
26174
26318
  </li>
@@ -26200,7 +26344,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
26200
26344
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
26201
26345
  <div class="pf-c-page__main-body">
26202
26346
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
26203
- <ol class="pf-c-breadcrumb__list">
26347
+ <ol class="pf-c-breadcrumb__list" role="list">
26204
26348
  <li class="pf-c-breadcrumb__item">
26205
26349
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
26206
26350
  </li>